UI VISUAL LANGUAGE INDEX · 97 TERMS

「いい感じ」を、
つくれる言葉に。

見た目を8つの設計軸へ分けて、探す、比べる、組み合わせる。曖昧な好みを、そのまま制作へ渡せる指示文まで整える索引です。

曖昧な印象「静かで、少し紙っぽい」
01質感・素材感
02レイアウト・情報構造
03時代性・文化的な世界観
04グラフィック表現・テクスチャ
05色彩・明暗
06形状・輪郭
07タイポグラフィ
08動き・反応
設計言語

ミニマリズム + マスターディテール + ペーパーUI + 無彩色…

01

知る

表現の役割を区別する

02

選ぶ

印象と用途から候補を探す

03

組む

8軸へ役割を割り当てる

04

渡す

制作指示としてコピーする

EIGHT AXES

同じ階層に見えても、
役割は違います。

思想、構造、質感、色彩、文化、図版、文字、動き。まず役割を分けると、相性を判断できるようになります。

START FROM A FEELING

名前を知らなくても、
印象から始められます。

THREE COMPLETE EXAMPLES

組み合わせると、方針になる。

01静か

静かな文章編集アプリ

内容へ注意を戻し続けられること

ミニマリズムエディトリアルマスターディテール型セミフラット
02先進

先進的なAIサービス

複雑な能力を軽やかで信頼できる形に見せること

ミニマリズムベントーグリッドグラスモーフィズムダークモード
03昭和

昭和洋館風の喫茶店サイト

店の記憶と空気を感じた後、迷わず来店情報へ進めること

エディトリアル昭和モダンストーリー型非対称レイアウト