web-dev-qa-db-ja.com

SamsungのMarshmallowスキンのクイックトグルには十分なコントラストがありますか?

私は最近マシュマロに更新しましたが、daylight条件での青から白へのスキームに満足していません。私の質問は、それが私だけなのか、それとも文書化されどこかで研究されているのかどうかです。

もしそうなら、これはどのように解決できますか?これらの色を変更する方法が見つかりませんでした。

Marshmallow Quick Toggle

編集私はSamsung Galaxy S6を持っています

編集

  • UXの説明に対する回答
  • my問題を解決するための賞金
24
GUI Junkie

つまり、いいえ、彼らは十分なコントラストを持っていません。

Webコンテンツアクセシビリティガイドライン(WCAG)によると、それらにはほとんど十分なコントラストがありません。 8つのテストのうち1つだけが合格します。

enter image description here

しかし、明るい灰色の背景にある濃い青色のテキストはほとんど通過します。

enter image description here


しかし、他の要因があります

本質的に、アイコンを個々の文字ではなく単語全体と比較する必要があります。したがって、テキストコントラストツールを使用しても正しい答えが得られない場合があります。

間隔、量、複雑さこれらのアイコンには十分な空白があります。ボタン自体の中だけでなく、ボタンの間も。段落テキストは、より多くの記号で密にパックされています。タイトルでさえ、通常は十数個の文字と5つのアイコンしかありません。このメトリックでは、これらのアイコンは非常に大きな「単語」であるため、「通常のテキスト」および「大きなテキスト」のカテゴリには含まれません。

(楽しいサイドノート、そのカラーコントラストチェッカーの赤いテキストでも、リストされているカテゴリよりも大きい)

フォームと分布アイコンにもさまざまな種類の形状がある傾向があります。文字/フォントは、行ベースで単一オブジェクトである傾向があり、より一貫した分布を持っています。アイコンは多くの場合、複数の形状(この場合はGPSを除く)であり、大きくてはっきりとした形状(スピーカーの三角形、矢印の三角形)を持ち、非常に異なる重量分布(コンパクトなスピーカーアイコン、中空画面)をとることができます。 -回転アイコン)。

サイズが重要です前に言ったことに基づいて(文字ではなく単語を見てください)、その違いはさらに強くなります。文字の線が文字サイズのアイコンの線よりも細い場合、Wordサイズのアイコンを使用すると、その差はさらに大きくなります。中国語と英語を比較するようなものです:

年ではない

シンボルはより複雑で大きく印刷する必要がありますが、必要な数も少なくなります。

解像度が重要ですスクリーンショットのテキストと比較しても、PCと携帯電話のピクセルサイズの違いは無視されます。だから私が現在見ているもの、私にとって十分な大きさは、電話には十分ではないかもしれません。


私の意見?

使用できないわけではありませんが、コントラストがやや低すぎてニースには見えません。

複雑すぎて、コントラストも不十分です。アイコンの複雑さほどではありません。画面回転アイコンのロック記号を除いて。とにかく-複雑さはカラーパレットにあります。

enter image description here

そのスクリーンショットには(少なくとも)8つの主要な色があり、ほとんど目立たない色もあります。下部の背景、輝度スライダーの右半分、GPSアイコンの色あせた色が同じではないのはなぜですか?それらは一見するとそうであるように見えますが、私のパレットが示すように、そうではありません。


可能な解決策

enter image description here これは、コントラスト/読みやすさ、および不必要に大きいパレットの両方に対処する簡単な編集です。また、各ボタンの色を統一したので、間違いなく処理が簡単で目に優しいです。そして、私はそれが多くの空白によって引き起こされる大きな空白がないため、よりバランスが取れていると信じています。

色付きのピクセルの量を増やすことで、そのオブジェクトと背景のコントラストを上げることができます。これにより、青のタイプを識別しやすくなります。

また、2色を削除します。白、淡い灰色。そのため、背景とボタンの色は5ではなく3つしかありません。さらに、使用済みオプションと未使用オプションの間のリンクが少し強くなります。 ⛭およびVメニューは紺色で、現在使用していない可能性があります。だから私はそれを非アクティブなボタンの色にしましたが、アクティブな設定は明るい青です。 (自動明るさのチェ​​ックボックスが明るい青になることもあります。)


編集:さらにシンプルなパレット

![enter image description here 別の微調整。明るい青色を暗い青色に置き換え、非アクティブなボタンに中程度のものを使用します。まだもっとシンプルで、4色しかありませんが、ダークブルーを少し飽和させた後でも、少しフラットで全体的に色あせているように感じます。アクティブなトグルと非アクティブなトグルの違いが見やすくなりましたが、非アクティブなトグルと⛭Vメニューオプションの間の「未使用」のリンクは失われました。

38
PixelSnader

お使いのデバイスには、Androidがストックされていません。

そのテーマは、Marshmallow/Googleではなく、デバイスの製造元によって設定されるものになります。

私は色が非常に淡いので、日光の下で見るのは難しいので同意します。別の暗いテーマを更新/インストールする方法があると確信しています。

これが、Googleデバイスを使用するアイデアを好む人々がいくつかの利点を持っている理由です:

  • アップデートは最初にGoogle製品に配信されます(Nexus/Pixelなど)
  • オペレーティングシステムで独自のブランドや色、テーマなどを塗りつぶすメーカーはありません。
  • GoogleはAndroid OSをデバイスを念頭に置いて構築しているため、ハードウェアはオペレーティングシステム上で非常に良好に機能します。これは、仕様の低いデバイスである可能性があるためです。

私はマシュマロとストックを実行するネクサスを持っていますAndroidこれはこのように見えます...

Google Nexus - Marshmallow Screenshot

Googleをざっと見て、Samsung Galaxy S6で動作する "Material Dark Theme"というテーマを見つけました

http://forum.xda-developers.com/galaxy-s6/themes-apps/wip-material-design-theme-s6e-t3108155

enter image description here

6
stradled