web-dev-qa-db-ja.com

ガラス上のテキストを最も読みやすくするための色の選択

私たちのオフィスには透明なガラスのドアがあり、そこにテキストステッカーを貼りたいと思います。たとえば、人の名前や部屋の機能。

問題は、最適な読みやすさを提供するために、どの色をステッカーにするかです。私たちは黒か白のどちらかを決定していますが、もっと良い解決策があるでしょうか?

25
Juri Noga

少なくとも読みやすさに関しては、おそらく審美的にはそれほど優れていない、より良い解決策があります。そして、私はあなたがすでにそれを見たことがあると私は99%確信しています。

enter image description here

黒い枠、白い文字。

enter image description here

白い文字はほとんど常に背景よりも明るく、黒い輪郭はテキストを背景から分離する一種の影として機能します。

もちろん、背景を制御することで、最高の読みやすさが得られます。フラットカラーの背景を追加します。

ただし、これらのソリューションはどちらも2色を使用する必要があるため、複雑で高価になる可能性があるため、これが目的の答えではない場合があります。

50
PixelSnader

数年前、私はサインショップでビニールレタリングをしていました。白い。

影が落ちる(ドアのそばを歩くなど)と、黒が読みにくくなる場合があります。背景が十分に明るい場合を除いて、白が最良の選択肢だと思います。

13
Theodore Riley

万能の答えはありません。答えは、ドアの反射率、ドアの後ろの部屋がどれだけ暗いか、さらには照明の位置によって異なります。 環境に適切なものを決定するには、次の簡単な実験を試してください。

だれかが看板を読むために立っているおおよその場所からドアの写真を撮ります。写真を少しぼかし、16進コードを取得するために標識が掲示される場所のほぼ近くのいくつかのピクセルの色をサンプリングします。次に、コントラストチェッカーこれなど を使用します。サンプリングされたピクセルの16進コードを、黒(#000000)と白(#FFFFFF)の両方と比較してください。より高いコントラスト比を与えるバリエーションを選択します。

WCAGガイドライン 少なくとも4.5:1の最小コントラスト比を推奨します。選択したバリエーションのすべてのサンプルピクセルについて確実に取得できない場合は、おそらくコントラストが低すぎ、ドアの標識が十分に読み取れないことを示しています。 (その場合は、テキストに背景を付けるか、別の場所に看板を配置することを検討してください。)

5
Graham Herrli

Pixelの答えはディスプレイでは理にかなっていると思いますが、現実の世界ではそれほどよく見えません。それは確かに「読みやすさのために最適」ですが、物理的な世界では、美学は考慮すべき要素だと思います。

画像に重ねて表示されるテキストとガラスに表示されるテキストの重要な違いは、背景を変更できることです。物理的なガラスでは、2つの目で視覚を使用してテキストをより適切に選択できるだけでなく、物理的に移動して背景を遠近法で移動させることもできます。現実世界の影とオフホワイトの色も、色の違いをもう少しはっきりさせます。白いピクセルに白いテキストがあるので、エラーの余地はあまりありません。

TVシリーズHouse MDSuits のウォッチャーとして、私は彼らの派手な名前を思い出しました彼らのオフィスのドア:

Suits' Daniel Hardman's office door

最適に読みやすいわけではありませんが、whiteテキストは合理的に読みやすく、ハンサム。

4
Jonathan Allard

私がセキュリティを行っている建物には、金属の半反射層の上に[無地]の識別子が付いているドア/オフィス/ものではないものがいくつかあります。この表現は上品であり、識別子を見ている人に明確な読みやすさを提供します。照明条件に自動適応する背景は、二次的なプラスです。

一般に、半反射型の白または黄色は、高反射環境であっても、半反射型がそうする多くの半暗(かなり明るくない)があるため、半反射型の黒よりも目に見える/読みやすいかもしれません。白/黄色よりも暗くレンダリングします。

1
killermist