BOEL https://blog.hatena.ne.jp/BOEL/ BOEL Inc. TIPS https://boel.hateblo.jp/ こんにちは。 Webサイトのデザインをするときに「画面がまとまらない」「伝えたい内容が目立たないな」と感じたことはありませんか？ 今回は「配色で情報を整理する方法」をご紹介します。 文字やボタンが目立たない理由 背景色と対象の色に明度差をつけよう。 背景色と文字色、ボタンの色で明度に差を付けてみましょう。 例えば画像のボタンでは右の明るい色でまとまったボタンに対して 左は境界線がはっきりみえます。 そうすると文字やボタンが目立って見えてきます。 順番に要素を見せるための効果 色で目線を移動させる「誘目性」とは？ 鮮やかな赤とくすんだ青色、どちらに目が引きつけられますか？ 鮮やかな赤や黄色はその… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fboel.hateblo.jp%2Fentry%2F2015%2F01%2F28%2F203317" title="vol.7　配色で整理するwebデザイン - BOEL Inc. TIPS" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/B/BOEL/20150128/20150128203245.jpg Hatena Blog https://hatena.blog 2015-01-28 20:33:17 rich https://boel.hateblo.jp/entry/2015/01/28/203317 1.0 100%