DIAGRAMS

説明用の図解 4点（フロー・比較・構成・数値）

資料や記事のなかで、文章だけでは伝わりにくい箇所に入れる図です。装飾ではなく情報を整理することが目的なので、色数を絞り、同じ規則で作っています。すべてSVGなので、拡大しても文字がぼやけません。

FIGURE 01 ／フロー図

手順や時間の流れを示す

「次に何が起きるか」が分からないと不安になる場面で使います。分岐がある箇所は、線を分けて先に見せます。

使いどころ：提案書・サービス紹介ページ・社内向けの手順説明。分岐（修正で戻る流れ）を破線で分けています。

FIGURE 02 ／比較図

どちらが優れているかではなく、「どちらが自分に向いているか」を判断してもらうための形にします。項目の並びを左右でそろえるのが要点です。

使いどころ：提案時の説明、料金ページ、記事の比較セクション。金額は架空の目安です。

FIGURE 03 ／構成図

制作前に「どのページを作るか」を合意するための図です。ここで数を確定させると、あとから増えたときの追加費用の話が明確になります。

使いどころ：見積書に添える、要件のすり合わせ、公開後の引き継ぎ資料。

FIGURE 04 ／数値の図

棒の長さで大小を示し、値も併記します。目盛りをゼロから始める、色は強調したい1本だけ変える、といった規則を必ず守ります。

使いどころ：改善の報告書、提案書の根拠ページ。実際のご依頼では、必ず実測した値を使い、測定した条件も添えます。

複数の図を同じ資料に並べるときは、1点ずつの出来よりも「そろっていること」のほうが読みやすさに効きます。そのため、作り始める前に次を決めてしまいます。

#375A86

#7F9DBE

#A9BCCF

#C9D3DF

#E9F0F8

#C98A3A

この6色だけで4点を作っています。案件ごとに、御社の色に合わせて置き換えます。