Daily UI 013 - Direct messaging

OVERVIEW

模造紙に付箋を貼るようなチャット表現

YEAR 2019

テキストベースのシンプルなデザインを意識したメッセージ画面。ヘッダーには相手の名前の他にアイコン、アクティブ状態などコミュニケーションのポイントになるビジュアル要素を取り入れました。チャット本文以外の文字要素を削り、LINEで言うところの「既読」サインはチェックマークを配置しています。

身近なチャット画面をリサーチするとフキダシ+丸アイコンが王道でしたが、より本質的な対話のレイアウトや情報整理を探求したいと考え、この作品ではあえてワイヤーに近い印象のデザインに挑戦しました。アイコンが会話する見た目に縛られず、色使いの差分やスキューモフィズムを意識したグラフィックで対話のビジュアルはたくさんの表現が成立するように感じます。

全体的なデザインは「模造紙に付箋を貼る」イメージを意識しています。ステッカーやURLは「貼る」と言うのにテキストはそう言わない気がする。そんな素朴な疑問から思いついた表現です。


- + - + - + - + -


UIデザインに興味を持ち、勉強のためにDailyUIを始めました。紙ものや印刷物を扱ってきた時間とレイアウトのスキルをUIにどうすれば転向できるのか。100種類のアイデアよりも100ページの本を作るような気持ちで制作中。

全体テーマは「デザインに伴走する小道具」です。更新頻度は無理ない範囲で続けます。