フレームワーク活用ガイド#UI
5件のフレームワーク
UIパターン / UI Patterns
頻出するUIの課題に対する定番の解決策パターン集
画面設計
UI設計の引き出しを増やす
デザインレビュー
アトミックデザイン / Atomic Design
UIを原子→分子→有機体→テンプレート→ページの5階層で設計する手法
デザインシステム構築
UIコンポーネント設計
デザインと開発の連携
グリッドシステム / Grid System
画面をグリッド（格子）で分割し、要素を規則的に配置するレイアウト手法
Webサイトのレイアウト設計
ダッシュボード設計
印刷物のレイアウト
ゲシュタルト原則 / Gestalt Principles
人間の知覚パターンに基づいてUIの視覚的まとまりを設計する法則
画面レイアウト設計
情報の視覚的グルーピング
デザインレビュー
色彩理論 / Color Theory
色の関係性と心理効果を理解して効果的な配色を行う理論
ブランドカラー選定
UI配色設計
資料デザイン