web-dev-qa-db-ja.com

白い背景に黒いテキストでUIをスパイスアップ

小さなバナーUI(300 x 300pxだと思います)を持っています。現在、白い背景に黒いテキストが表示されています。テキストは新しい記事のタイトルに対応しているため、すべてに当てはまる色を付けるのは非常に困難です。タイトルは数秒ごとに変わるため、読みやすさは必須です。白い背景に黒いテキストを付けると、読みやすくなりますが、見た目は退屈で専門的ではありません。四角全体が真っ白で、黒い言葉が入っています。

読みやすさを維持しながら、スパイスを効かせるために何かできることはありますか?

色をオフホワイトに変えてみましたが、目立ちませんでした。ノイズのあるテクスチャ背景にわずかなモーションブラーを追加してから、紙のテクスチャを追加してよりリアルに見せましたが、気が散って見づらいだけでした。

次に例を示します。


enter image description here

1
Jason

無地の白と黒でコントラストを強く保つことについて、あなたは正しい考えを持っています。テクスチャと影は少し気が散ることがあります。黒に黄色のテキスト、または白に濃い赤を試します。黄色、赤、緑は通常、「new!sale!free!shinething!」で使用される注目を集める色です。タイプ要素...そして同じ色がUIの周りで繰り返されない限り、それは目立つはずです。ここでは、コントラストが使用されている場合に少しインスピレーションを与える2つの画像を示します。幸運を!

Ride Four Ever

Shopflick

1
uxkidd