記事
UI Design Dictionary
おすすめポイント
「ハンバーガーメニュー」「メガメニュー」「タブバー」など、画面に出てくる UI 要素を体系的に名前で引ける Web 辞書。各パターンに日本語名・英名・用途・適用プラットフォーム(Web / Mobile / iOS / Android など)のタグが付き、カードを開けば詳細解説とプレビューが見られる。PM / PdM がデザイナーやエンジニアと「あの UI」を指す共通言語を素早く揃えたいときに刺さるリファレンス。日本語 / 英語の表示切替と全文検索つき。
内容
Navigation / Layout / Forms & Input / Data Display / Feedback / Content / Actions / Mobile / Social & Communication / Onboarding & Guidance / Media / Commerce / Advanced Patterns / Authentication / Error & System の 15 カテゴリに整理された 108 パターンを掲載。各カードにはミニサイズの UI プレビュー、和名と英名、1〜2 行の説明、適用デバイスのタグが添えられている。検索ボックスは `/` キーで即フォーカスでき、リサーチ中に辞書として開きっぱなしにしても邪魔にならない構成。姉妹サイトとして Vibe Coding Glossary(実装語彙集)も併設されている。
制作: KAWAI DESIGN(川合卓也) / 公開元: kawai-official.pages.dev
