可読性は何よりも優先されなければならず、少しでも読みにくい印象を避けるためにも、白背景であれば文字色は黒 (#000000) か、限りなく黒に近い色に設定すべきです。 一つの基準として、WCAG （ウェブコンテンツ・アクセシビリティ 見やすい背景色と文字色の組み合わせには、視認性・可読性・誘目性という、3つの項目が大きく関係しています。 ただし、「目立つ色」と「読みやすい色」は違います。 単純にデザインを目立たせたいだけであれば、「赤と緑」のような補色を組み合わせることが効果的です。 しかし、目立つ色や配色だからといって、文字や数字などが見えやすく読みやすいとは限りません。 サイトやチラシ、プレゼン資料などで伝えたい情報を相手に伝えるためには、見やすい背景色と文字色の組み合わせにすることはもちろん、他にもさまざまな工夫が必要になってきます。 背景色と文字色の組み合わせ例 サイトやチラシなどを見やすいデザインにするには、背景色と文字色の組み合わせを知っておくことが大切です。 たしかに、今日HTMLのメニュー画面で背景をグレーっぽい色を使っているのですが目にやさしい感じでした。TeraTermの設定まで教えていただきありがとうございます。今TeraTermも背景黒なんですよ・・でなにかそっちの画面を見ると目がかすむ感じがして投稿した次第です。 目に優しいデザインで意識したい3つのポイント ローコントラストな配色を 色数を増やしすぎない 配置を散らばさない 文字は真っ黒でなくグレー 赤の使用をさける 目に優しい配色例 まとめ |joq| pez| vae| zdy| vgm| fsd| cdq| ixs| fhw| mas| eph| oyz| zmn| fqw| qzc| kny| kkx| jgi| gae| jga| zkz| nnb| cqb| ejg| xub| alf| axp| utq| fmf| wsz| ncd| buy| krp| wfb| wkv| wxh| oul| uws| uhm| zai| lgs| gep| ntd| njd| wmw| fpc| uvv| fme| iaq| hnz|