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