DESIGN

Vol.7

author

S.N.

配色で整理するWebデザイン

#design#Web design#color scheme#情報整理
Last update : 2025.11.6
Posted : 2025.11.6
今回はWebサイトのデザインをするときに「配色で情報を整理する方法」をご紹介します。
stuffstuff

レイアウトだけが解決方法じゃない!

stuffstuff

文字やボタンが目立たない理由

背景色と対象の色に明度差をつけよう。

stuffstuff

順番に要素を見せるための効果

色で目線を移動させる「誘目性」とは?

stuffstuff

レイアウト全体の色をバランスよくまとめよう

全体をみてなにを伝えたいか考えよう

stuffstuff

おまけ

配色に悩んだ時はツールを使ってみよう。

目的にあった色を選ぶことで、効果的な画面が作れるといいのですが、頭で考えるだけでは煮詰まることも出てくると思います。

そんなときに便利な自動で配色を選んでくれるツールがあります。 配色に悩んだときは是非参考にしてみてください。

配色ツールまとめ

PREV
Vol.6オリジナルの404ページにしよう
NEXT
Vol.8GitHubを使ってデータを共有・管理する

MORE FOR YOU