工芸

一目で

ゆったり密度

濃いマスほど、このテーマでその指標が高いことを示します。

明瞭74

説得88

密度30

制作コスト34

課題適合70

仕事適合68

低高

Rough.js アノテーションは注意の合図としての不完全なストロークとフィルとして値を載せます。Rough.js は、オープン Web に制御可能なスケッチ レンダリングをもたらしました。

業務報告・広告・課題では「説明者のハイライト、広告コンセプトのフレーム、教育用コールアウト」に向く。「正確な長さを必要とする緻密な定量的比較」のときは別の形を選ぶ。

規則

• 規則 1 — 注意の合図としての不完全なストロークとフィルは一つのチャネルだけに使う。
• 規則 2 — 直接ラベルは遠い凡例に勝つ。
• 規則 3 — ゼロを隠さない。軸を切ったら宣言する。
• 規則 4 — 色はカテゴリか大きさか、どちらか一方。
• 規則 5 — タイトルに主張を書く。「Rough.js アノテーション」だけにしない。
• 規則 6 — 出典と期間は小さくても書く。

パレット

• パレット 1 — カテゴリは区別できる色。連続は一色の明度。
• パレット 2 — 発散は中央を中立、両端だけ強調。
• パレット 3 — ブランド色ひとつと灰色の方が虹より強い。
• パレット 4 — プロジェクターとグレースケール印刷でコントラストを確認。

文字

• 文字 1 — 数値は表形式数字。本文フォントをチャートに流し込まない。
• 文字 2 — タイトルは文、軸は短い名詞。
• 文字 3 — 日本語は太さを一段下げ、字間を空ける。

Rough.js アノテーション: 注意の合図としての不完全なストロークとフィルを守り、「正確な長さを必要とする緻密な定量的比較」のときは別の図を選ぶ。

← いつ使う Rough.js アノテーション 失敗 →