web-dev-qa-db-ja.com

モバイルチャットUI-泡の色

ほとんどのモバイルチャットで、私が書くメッセージの背景がカラーで白いテキスト(例:Facebookのように青い背景と白いテキスト、facebookなど)で、応答が灰色の背景に黒いテキストで表示されるのはなぜですか。

青色の背景と白色のテキストの吹き出しは、ユーザーが読む予定の応答よりも目立ちます。

私が話していることの例を残します。

Screenshot of chat with coloured text and backgrounds

4

アプリケーションの白い背景のコントラストに関しては、灰色の背景は低い視認性を提供します。ただし、テキストを読みやすくするために、コントラストは黒のtextColorで再度バンプされます。

テキストを送信するには、メッセージボックスにテキストを入力してから送信を押す必要があります。だからあなたはすでにテキストに何が存在するかを知っています。したがって、目立たない灰色の背景に、他の人が送信した新しいテキストである青色の背景が並ぶことがよくあります。

入力されたテキストは、入力後に送信したテキストよりも重要であるため、これは単に異なる色で表示されます。

同じ理由で、すでに読んだ着信テキストの色を弱め、新しいテキストを明るいトーンに保つメッセンジャーはほとんどいません。

1
Swapnil Borkar

私にとって、泡はそれを魅力的で目立つようにするためのものです。アプリのテーマに合った色を使用してください。ユーザーに読みやすさの問題を引き起こさないようにしてください。

2
Fasih

明確な理由はありません。ハングアウトは、このトピックに論理的なアプローチをとった唯一のものです。メッセージに灰色の背景と応答に白い背景を使用するため、読む必要のあるメッセージは、ごくまれに読む必要がある独自のメッセージよりも視覚的な重みがあります。 。

enter image description here

1
Marc

レスポンダのメッセージは左に揃えられているので、左から右に読む人の目を引くのはもっとリクライアだと私は主張します。メッセージのグループ間の視覚的なコントラストを最大化するために、背景色に原色と灰色の濃淡を選択することはおそらく行われると思います。しかし、これにはバランスもあります。送信者のメッセージはより目立つように配置されますが、レスポンダーのメッセージに対しては逆が当てはまりますが、背景色は目立たなくなります。レスポンダのメッセージはそれほど目立たないように配置されますが、背景色がより目立ちます。

人気のWhatsApp Androidアプリは両方のメッセージセットに黒いフォントを使用するため、フォントの色はおそらく任意です。

1
Andre Dickson