テキストに純粋な黒の代わりに非常に暗い色を使用する目的は何ですか?


43

一部のWebデザインでは、デザインに純粋な黒色(hex#000)ではなく、ほぼ黒色のフォント色(hex#001c00)が実装されていることがわかりました。

デザインは実際にこれから恩恵を受けますか、またはこれは実際に黒い色を使用するのと同じですか?

私は趣味のWebデザイナーおよび開発者であり、違いを把握できないようです。


こんにちはデッドソース、GD.SEへようこそ、あなたの素晴らしい質問に感謝します!サイトに関する問題や質問がある場合は、ヘルプセンターをご覧になるか、評判が20に達したらグラフィックデザインチャットで私たちに連絡してください。貢献を続け、サイトをお楽しみください!
ビンセント

技術的には、テキストが純粋な黒になることはありません。最近ではほとんど常にアンチエイリアス処理されています。
ファラプ

日よけの上に固体000を使用する目的は何ですか?あなたが10から11までそれを取ることができたらどうしますか?
チャーリーシュリーサー

回答:


33

私は常に純粋な#000よりも非常に濃いグレーを好みます。選択は個人的に見えるかもしれませんが、その背後にある理論は次のとおりです。

自然界には100%黒いものはほとんどありません。表示されるすべての黒いオブジェクトには、いくらかの光が反射されています。影が完全に黒になることはありません。

デザインで#000を使用すると、他の色を圧倒します。それは自然ではないため、あまりにも注目を集めています。もちろん、ウェブサイトは自然ではありませんが、それでも脳は同じように反応します。

そのため、多くのデザイナーが代わりにダークグレーを選びます。Dribbbleなどのサイトでは、色で検索できます。違いはわずかですが、顕著です:ダークグレーはより頻繁に見られ、多くの場合によく見えます。

例:Designing in the Dark:10の暗いサイトとその配色(どれもパレットの一部として#000を使用していないと思います)


4
問題は、黒を使用する場合、色を変えることができないため、黒に影を追加することはできないので、陰影を付ける必要があると言うことだと思います。現実には黒は相対的なので、ほぼ暗くなることがありますので、暗いものでも影が濃くなることがあります。目がこれに合うように再調整されるためです。2番目もより興味深い
-joojaa

7
純粋な黒が自然界に現れないというコメントについては同意しますが、実際には画面の色とは何の関係もありません。紙の上では、ほぼ常に100%黒であるため、その理論は無効になります。画面上では、しばしば濃い灰色が好まれます。どうして?コントラストは良好ですが、コントラストが高すぎると読みにくくなります。投影された光があるスクリーンでは、100%の黒と100%の白は極端に感じられます(紙に比べて)。
DA01

+1この答えのポイントを突き止める
Pharap

1
ただし、AMOLEDスクリーン用の「ダークテーマ」を設計する場合は、反対に、バッテリーの使用量を減らすために100%黒が推奨されます。
user11153

3
この議論はしばしば省略されますが、実際には意味がありません。まず、自然界には文字がありません。なぜ、自然界に存在する色についての主張を使用して、人工文字の色を決定する必要があるのでしょうか。第二に、コンピューターに純粋な黒を出力するように指示したとしても、画面の残りの色、反射などのために、ユーザーに見える実際の色はとにかくわずかに黒ずみます。自然界には沈黙はありません。すべてのWebページで非常に静かなバックグラウンドサウンドを使用する必要がありますか?
デビッドリチャービー

25

これらはすべて興味深い答えですが、少し難解です。その理由はかなり単純です。コントラストは読みやすさには適していますが、多すぎると不必要であり、最悪の場合は有害であると見なされます。

ほとんどすべての印刷されたテキストは白い紙の上に黒です...しかし、めったに純粋な白い紙ではありません。多くの場合、オフホワイトです。そして、それでも、印刷されているため、反射光を使用しています。

投影光のスクリーンでは、100%の黒と100%の白が最大のコントラストです。これは圧倒的である可能性があるため、多くの人が白に濃い灰色、または明るい灰色に黒を使用することを好みます。

アクセシビリティおよび一般的な読みやすさの基準を満たすための最小コントラスト要件があります。あなたは間違いなくそれらに会いたいですが、それはまた、あなたが100%でコントラストを最大にする必要があることを意味しません。

さらに、多くのデザイナーは見た目が良いと感じています。印刷に戻すと、濃いグレーのテキストは黒よりも紙にグレーのテキストを印刷する方が高価なので、より豪華な外観と見なすことができます。(小さなサイズの灰色のテキストには通常、灰色のスポットカラーが必要です)。

結論:画面上に純粋な黒よりも少ない黒を使用すると、オフラインで読んだものをよりよくエミュレートし、コントラストの要件を満たし、多くのデザイナーにとって見た目が良くなります。


2
「灰色のテキストにはスポットカラーが必要」微妙な色合いの素敵で鮮やかなリッチグレー、または非常に小さいサイズ、または低dpiの印刷設定で、C 0、M 0、Y 0、Kのようなプレーングレーを何回も問題なく印刷しました。オフブラックの美的価値は、テキストをより明るく、よりクリーンで、親しみやすいものにすることであると常に感じてきました。つまり、空白や行頭に加えて活版印刷の「色」を明るくする別の方法です。ただし、他のすべての+1
user56reinstatemonica8

2
@ user568458を使用すると、純粋な黒の画面でテキストサイズのタイプを印刷することはほとんどできません。大規模なタイプ/ヘッドライン、確かに、しかしほとんどの書体のボディコピーではありません。
DA01

恩赦?何を言っているのか正確にはわかりませんが、雑誌と新聞の両方が常に100%黒のテキストで印刷されていることを保証できます。これを別の問題(誤登録)と混同していると思いますが、これは100%ブラックテキストの問題ではありません。または、使用しているワークフローが(深刻な)カラー管理の問題に苦しんでいます。
デビッドファンDriessche

@DavidvanDriessche私はあなたと完全に同意しています。何を参照しているかわかりません。
DA01

1
@DavidvanDriessche:「スクリーン」という言葉を見逃したと思います。
e100

19

通常、この質問ほど簡潔に回答された質問には投稿しませんが、ここに追加する情報が少しあると思います。

グラフィックデザインの背景から来ると、「温かみのある」および「涼しい」灰色の概念もあります。これらは、それぞれのミックスで暖色または冷色がより多く存在するグレーです。

#111#222#333-これらはすべてニュートラルダークグレーの例です

#221111-暖かいグレーの例

#111122-クールなグレーの例

指定したグレー:#001c00は、少し緑がかったクールなグレーです。

ヴィンセントが言及しているように、これらのわずかな光沢はすぐに取り上げられるのではなく、全体的な全体像と感触を高めるのに役立ちます。


5

人々は無意識のうちに、意識していない細部を知覚します。特定の色の非常にわずかな光沢が知覚され、配色、したがって「感触」、メッセージ、または気分を強化することができます。

一部の論文がオフホワイトである理由、または印刷で異なる「リッチブラック」を使用する理由について同じ質問をすることができますが、私の答えは同様です。


0

これがそうなる理由はいくつかあります

•目に自然に見えることで雰囲気を作り出す

•ブランドの色と一致させるために、おそらくこの黒の色合いはデザイン全体で使用されています

•印刷により近く見えるようにする(わずかに薄い黒は、印刷されたページで黒が見えるようになります)

•間違い。作成者は最も暗い黒を使用するつもりでしたが、実際には真の黒ではない領域の色をスポイトしました。

•印刷では、デザイナーはその下のインク領域を自動的にノックアウトするため、99%の黒を使用できます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.