小さな気づきを、デザインの知識に。 PERSONAL KNOWLEDGE GARDEN

LOOK. TRY. UNDERSTAND.

「なんとなく」を、
デザインの言葉に。

心地よい余白。読みたくなる文字。自然な動き。
見て、触って、比べながら、UIの「なぜ」を集めよう。

まずは、触ってみる 答えを覚えるより、違いに気づくところから。
A LITTLE EXPERIMENT

余白を動かす。
見え方が変わる。

内容はそのままに、間隔だけを変えてみましょう。
あなたには、どのくらいが心地よく見えますか？

コンパクトゆったり
LIVE PREVIEW HTMLで触れる図解
今日のひとつ

小さな気づきを残す

「好き」と感じた画面には、
どんな工夫があるだろう。

UIの観察メモ

文字と色は固定。余白と間隔を変えています。

THE NOTEBOOK

気になるところから、ひとつずつ。

ノートを読込中

はじめの6冊は入門ガイド。これからの気づきや学びを、少しずつ加えていきます。

MAKE IT YOUR OWN

気づきを、使える言葉に。

正解を急がず、自分の目で確かめる。

  1. 01 / 観察する

    何が、どう見える？

    「ボタンの周囲が広い」など、
    まずは見えたことを具体的に。

  2. 02 / 比べる

    自分は、どう感じる？

    好きな理由は仮説でかまわない。
    ひとつ変えて、見比べてみる。

  3. 03 / 言葉にする

    どうつくってほしい？

    「余白を24pxにして」など、
    試せる指示に置き換えてみる。

この会話で「この気づきをノートに残して」と伝えると、知識を整理して蓄積できます。観察・好み・仮説を、分けて残す。