UI用語カタログ — スタイル38 ＋ UI部品・動き101（デモ付き）

指示するときは 番号＋名前 で呼ぶ（例:「S-09 リキッドグラスで」「削除は A-064 スワイプで削除」）。S はアプリ全体の世界観、A は画面の中の1部品・1アニメーション。各カードの枠内は実際に動くデモです。

呼び方のルール・指示の型・重なっている用語

S-番号	デザインスタイル＝アプリ全体の世界観（配色・書体・角丸・影・余白）。カードの「指示するときの言い方」をコピーして貼ると配色まで一度で伝わる。
A-番号	UI部品・動き＝画面の中の1パーツや1アニメーション。「名前をコピー」で `A-064 スワイプで削除（Swipe to Delete）` の形で貼れる。
指示の型	`[S-番号スタイル] のトーンで、[A-番号部品] を使い、[動きは A-番号]。` 例:「S-25 ペーパー・文房具のトーンで、A-002 ボトムシートから A-032 日付ピッカーを出す。閉じるときは A-059 スプリング」
重なり	グラスモーフィズム（S-07／A-047）、ニューモーフィズム（S-08／A-048）、リキッドグラス（S-09／A-049）、フラット（S-01／A-051）、マテリアル（S-02／A-050）、ダークモード（S-37／A-053）は両方にある。全体に当てるなら S、その部品だけなら A。
URL	このページの末尾に `#A-064` や `#S-09` を付けて開くと、そのカードへ直接ジャンプする。

⇆目的別の逆引きやりたいこと → 用語

画面の中の動き・部品（A）

アプリの雰囲気（S）