Skip to content

デザイン基礎とビジュアル

📌 計画プレースホルダーページ:このページは「デザイン基礎とビジュアル——レイアウト(グリッドと 4/8px 単位)、色彩(セマンティック層と 60-30-10、コントラスト優先)、タイポグラフィ(モジュラースケールと中日混植)、視覚的階層の 4 原則、ブランド一貫性」のために確保されており、学習に合わせて内容を埋めていきます。

収録予定

  • [ ] レイアウト:12 カラムグリッド、4/8px 間隔単位、余白の規律
  • [ ] 色彩:ニュートラル/ブランド/セマンティック層、コントラスト優先の選定、60-30-10、HSL 調整
  • [ ] タイポグラフィ:モジュラースケール、行高・行幅、中文・欧文混植ルール
  • [ ] 視覚的階層:コントラスト / 近接 / 整列 / 反復
  • [ ] ブランド一貫性:トークンとコンポーネントで実装(UI とデザインシステムに連携)

次のステップ

  • [ ] 分野概要の計画リストに照らして、本ページを項目ごとに充実させる
  • [ ] 各項目に実行可能な例と失敗記録を追加する
  • [ ] 完了したら「計画中」の状態を「収録済み」に変更する

執筆規約はライティングガイドを参照してください。

VitePress で構築 · 知識共有の精神でコンテンツを蓄積