• お役立ち情報

シェーマイラストと背景色|図の線・文字を読める組み合わせ

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

きれいに見える淡い背景でも、細い線や白い注釈が重なると読みにくくなります。シェーマイラストを掲載するページの背景まで含めて確認しましょう。

あるある① 画像だけを単独で確認する

原稿画像を白背景で見たときと、実際のページに置いたときでは線の見え方が変わります。背景の色や写真が重なる場合は、図の周囲に十分な余白を設け、文字が埋もれないか確かめます。

あるある② 小さな画面で線が消える

スマートフォンで縮小された状態を確認し、線の太さ、文字の大きさ、背景との明暗差を見直します。色だけで部分を区別せず、形やラベルも併用します。

公開前の確認項目

  • 実際の掲載背景で線と文字が読めるか
  • 縮小表示でも重要な区別が残るか
  • 色以外の手掛かりがあるか

図示内容の確認と、画面上の読みやすさの確認を別々に行い、両方を満たした版を公開しましょう。

Web制作の相談はスピカデザインへのお問い合わせへ。美容クリニックの制作実績もご覧ください。

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

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

  1. シェーマイラストと背景色|図の線・文字を読める組み合わせ

Contact

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

ここから

簡単問い合わせ