店舗情報セクション制作と色によるユニバーサルデザイン

店舗情報セクション制作と色によるユニバーサルデザイン

記事
デザイン・イラスト


本日はホームページ制作で、店舗情報セクションのデザイン制作を進めました!

店舗の所在地や営業時間、アクセス方法などを分かりやすく整理しながら、見やすさも意識してレイアウトを調整しています。

ホームページでは、必要な情報を探しやすいことも大切です。

特に店舗情報は来店を検討している方が確認することが多いため、視認性や導線を意識しながら制作を進めました。



色によるユニバーサルデザイン

本日の色彩検定では、色によるユニバーサルデザインについて学習しました。

 ① 見分けやすい色使い

区別したい色は、明度差を大きくしたり色相を調整したりすることが重要です。

また、色覚特性の違いによって区別しづらい色の組み合わせは避ける必要があります。

例えば、

* 青 × 黒
* 黄 × 白

のように明度差が小さい配色は見分けにくくなります。

さらに、色相・明度・彩度が近い色同士を使用する場合は、間に境界線(セパレーション)を入れることで見分けやすくなります。

---

 ② 色以外の要素を活用する

色だけで情報を伝えようとせず、

* 大きさを変える
* 形を変える
* 模様を入れる

などの工夫も有効です。

色を塗る部分にパターンを加えることで、色覚特性のある方にも情報が伝わりやすくなります。

---

 ③ 言葉で補う

色付けした部分には、色名や説明文を併記することも大切です。

色だけに頼らず、文字でも情報を伝えることで、より多くの人に伝わるデザインになります。

---

ホームページ制作でも、

「自分には見やすい」

ではなく、

「できるだけ多くの人に伝わるか」

という視点を持つことが大切だと感じました。

本日はここまで!
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら