ui– tag –

管理画面のUIは定番パターンで大部分をカバーできます。テーブルの列の絞り方と空状態の設計、フォームのバリデーション表示と必須表現、確認ダイアログを乱発しない基準を実例とともに解説します。

「機能は動くのに使いにくい」を解消するのは、センスではなくルールです。余白の8pxグリッド、視覚的階層、揃え、近接の4原則を、CSSカスタムプロパティやgridでコードに落とす方法を解説します。