黒はNG?目に優しい色の選び方 Word・Excelなど

黒はNG?目に優しい色の選び方

デザインにおいて色の選び方は、メッセージの伝達や視覚的な魅力に直接影響します。 しかし、色の選択には注意が必要です。 「うるさいデザイン」を「優しい配色」にしていくと、メッセージが素直に伝わりやすいなります。 これだけが正解というわけではないです。「デザインを優しくしたいな」と思ったときの参考になれば。 なぜ黒(#000)を避けるべきなのか(基本の文字色) 黒(#000)は、その絶対的な濃さにより、目に負担をかける可能性があります。 特に背景色として白と組み合わせると、コント...
[Cocoon] サイトのキーカラーを変更した とりあえずのメモ

[Cocoon] サイトのキーカラーを変更した

濃いめのキーカラーの候補を出して、それに合う補助の色を組合せてみました。 サイトの配色を試行錯誤 元の配色です。 臙脂色を基調した配色。 焦げ茶色をメインにした配色。 それをさらに濃くした配色です。 「ユーザー補助」 「ユーザー補助」の面で、十分なカラーコントラストになるように調整しました。 パッと見でも、文字が読みやすくなったと思います。 CSSでのカスタムカラー 追加CSSの中でサイトのキーカラーは 直接 値を指定するより、var(--wp--preset--color-...
[CSS] 印刷用のラベルボックスの枠線の色を渋めにした とりあえずのメモ

[CSS] 印刷用のラベルボックスの枠線の色を渋めにした

ラベルボックスなどは、ディスプレイ上では薄い背景色で表示しています。しかし、そのまま印刷するとインクがにじみやすいので、枠線のみにしています。 Cocoonのテーマ色をもとに、グレー、青、緑、黄、赤 に対応する、渋めの色リストを作りました。 灰青緑黄赤鮮やか9494952BAAE23DB471FED900E60033薄い色F7F9F9F3FBFFEAF9F4FFF7CBFEF2F2濃い色CCDADAA3C6DAADD8CACDCC9AD8B0AC 今までは、彩度の大きめの色だ...