シェーマイラストの色や線がバラバラ？美容クリニックらしさをそろえる図版ルール

こんにちは！
スピカデザインセールス担当です。

施術ページを開くたびに、図の色や線の太さが違う。個々の図はきれいでも、サイト全体では統一感がないと感じることがあります。今回はシェーマイラストを追加するときに、既存の図と合わせるためのルールを整理します。

あるある① 「サイトの色に合わせて」で依頼が終わる

ブランドカラーだけでは、背景色、説明用の色、注目してほしい部分の色まで決まりません。サイトの雰囲気をつくる配色と、図の意味を伝える色を分けて考えます。意味のある色を見た目の都合だけで変えないよう、図の確認担当者と用途を共有しましょう。

あるある② 図ごとに、ラベルと線のルールが違う

ラベルの書体やサイズ、引き出し線の形、余白の取り方も、並べたときの印象に影響します。完成例を一枚選ぶだけでなく、どの要素を基準にするかを短く書いておくと追加制作に使えます。同じ図の中では、同じ役割の線や文字を同じ表現にすることから始めてください。

あるある③ 統一した結果、必要な違いまで消えてしまう

どのページでも同じ形にすることが目的ではありません。図の用途や説明内容によって、描く向きや範囲が変わることはあります。「共通にする部分」と「内容に応じて変える部分」を決めると、見た目をそろえながら図の役割を保てます。

見直すときのチェックリスト

• ブランドの配色と説明のための配色を分ける
• 書体・線・ラベル・余白の基準を残す
• 例外にしてよい部分を明確にする
• 既存ページと並べ、実際の表示サイズで確認する

まずは一つの資料・ページから

図版ルールは長い資料にする必要はありません。代表例と、合わせたい要素をまとめた一枚のシートがあるだけでも、追加制作時の確認が具体的になります。新しい図を作るたびに気づいた点を足して、使えるルールに育てていきましょう。

情報の見せ方を検討するときは、制作実績も参考にしてみてください。Webページや説明資料の制作については、お問い合わせからご相談いただけます。