• お役立ち情報

シェーマイラストがごちゃごちゃする理由|美容クリニックの図解を整理する4つのポイント

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

「これも大事だから追加しておこう」と直しているうちに、矢印と文字でいっぱいに。シェーマイラストを作るとき、そんな状況を思い浮かべる方もいるのではないでしょうか。今回は、情報を整理するときの考え方を、架空の制作場面を例にご紹介します。

あるある① 1枚で、位置も手順も注意点も説明したくなる

すべてを同じ図に入れると、読み手がどこから見ればよいか迷いやすくなります。まず図の目的を「位置を確認する」「順番を確認する」などに分けましょう。たとえば概要を示す図と、手順を示す図を分ければ、それぞれの見出しも具体的にできます。

あるある② 強調色を増やして、全部が目立ってしまう

重要な部分を赤くしたあと、別の部分を青、さらに別の部分を黄色にすると、色の意味が整理されないまま増えてしまいます。強調する箇所を決め、同じ意味には同じ色を使います。色だけに頼らず、ラベルや線の種類でも区別できるようにしておくと、読み手が確認しやすくなります。

あるある③ パソコンでは読めた文字が、スマートフォンでは小さい

制作画面で大きく表示していると、文字の小ささに気づきにくいものです。サイトの実際の表示幅で、拡大せずに見てください。注釈が読めない場合は、画像内に無理に収めず、画像のすぐ下の本文に出す方法もあります。重要な説明は画像の中だけに閉じ込めないことが大切です。

あるある④ 読みやすくするために、大切な説明まで削ってしまう

見た目をすっきりさせることと、説明を省くことは別です。図から外した情報をどこで説明するかまで決めておきます。医師に確認が必要な構造・名称・説明内容を、デザイン上の都合だけで変更しないようにしましょう。

修正するときの順番

  • 図の目的を一文にする。二つ以上の目的が混ざっていたら分割を検討する。
  • ラベルを本文と同じ呼び方にそろえ、重複する説明を整理する。
  • 強調箇所と読み進める順番を決める。
  • スマートフォンと印刷物など、実際に使うサイズで確認する。

たとえば「概要・詳しい説明・補足」が1枚に混在している場合は、概要図の前後に説明文を置き、補足は近くの見出しへまとめる構成にできます。どの情報も読者が見つけられる状態を保ちながら、図の役割を絞ります。

完成前は「最初に何が目に入るか」を確認

制作に関わっていないスタッフに図を見てもらい、何を説明する図だと思ったかを聞いてみましょう。意図が違って伝わるなら、装飾を足す前に見出しと配置を見直すきっかけになります。シェーマイラストは、必要な内容を確認しやすくするための道具として整えることが大切です。

シェーマイラストを含めたクリニックの情報の見せ方は、制作実績も参考にしてみてください。掲載場所や伝えたい内容が整理できたら、お問い合わせからご相談いただけます。

美容クリニックのWEB制作・ホームページ制作は
スピカデザインにお任せください!

スピカデザインはお客様の「変化」という成果に向き合う、東京渋谷のWEBデザインオフィスです。美容クリニック関連のWEBデザインを多く手掛けています。ぜひお気軽にお問い合わせください。

  1. シェーマイラストがごちゃごちゃする理由|美容クリニックの図解を整理する4つのポイント

Contact

無料相談はお電話またはお問い合わせフォームより、お気軽にお問い合わせください。

ここから

簡単問い合わせ