web-dev-qa-db-ja.com

プライマリテキストが完全に不透明にならないのはなぜですか?

私は 材料設計ガイドライン を読んでいて、それは示唆しています:

明るい背景に暗いテキストを使用するには、次の不透明度レベルを適用します。

最も重要なテキストの不透明度は87%です。

なぜプライマリテキストがこの状況で100%の不透明度を使用しないのかについて興味があります。これは明るいテキスト/暗い背景に使用しますか?

意図された目の健康上の利点、デバイスのディスプレイ保護はありますか、またはこれの作成者は本当に数値87を好きでしたか?

「マテリアルプライマリテキストの不透明度」や「マテリアル87%テキストの不透明度」などのキーワードを検索してみましたが、これまでのところ成功していません...

29
Sayse

87%を開始点として使用する理由を追加するだけです。

真の黒を使用せず、代わりに不透明度を下げてグレーの色合いを作成することを望まなかった理由はそれで答えられています。したがって、彼らは当然、これらの値を "Gray"カラーパレット から選択します。 EDIT:trueを使用しない理由についての参照がないようです黒、これがUX.SEの回答です 白の背景に黒のテキストを使用することに問題はありますか? 回答をスクロールすると、(あまり学術的ではないが一般的に受け入れられている)情報源がたくさんあります。

ブラック-#000000-rgba(0,0,0,1);

87%-rgba(0,0,0、.87)= rgb(33,33,33)=#212121
54%-rgba(0,0,0、.54)= rgb(117,117,117)=#757575
38%-rgba(0,0,0、.38)= rgba(158,158,158)=#9E9E9E

enter image description here

そのため、彼らはパレットで最も暗いテキストが最も暗い灰色であることから始め、次にパレットから2つの適切な低い色を選択しました。彼らがこれらの低い色を選んだ理由を正確には説明していませんが、パーセンテージは実際にはランダムではないことを説明しています。

24
DasBeasto

これは、色の標準的な使用を強制する方法です。

プライマリ/セカンダリ/無効は常に同じ色にする必要があるため、階層を示すために不透明度が使用されます。

私はこのようにそれについて本当に考えたことがありませんが、それは本当にきちんとしたアプローチです。デザイナーは、#000000の適切な「第2レベル」の色が何であるかを推測しなくなりました。 #cccですか? #7a7979? ...もう推測する必要はありません。不透明度を設定するだけです。

7
user5482

一部のディスプレイでは、完全な黒(#000000)が正しくレンダリングされない場合があります。不透明度を小さく設定すると、テキスト全体の外観がよりシャープで優れたものになります。この問題は今ではほとんどなくなっていますが、それがマテリアルガイドラインの.87不透明度の背後にある考え方だと思います。

別のほぼ黒色の代わりに不透明度を使用する理由の1つは、前の回答でよく説明されています。

2
JimyPP