用語集に戻る
プログラミング基礎中級

整列

一言で言うと

揃え方を統一して情報の流れを作る。

もう少し詳しく

一言で言うと

揃え方を統一して情報の流れを作る。

もう少し詳しく

揃え方を統一して情報の流れを作るデザイン原則です。UI デザインにおける整列とは、テキストや画像・ボタンなどの要素を視覚的な基準線に沿って配置することで、画面全体に秩序と統一感をもたらす考え方です。コントラスト・反復・近接と並んで、グラフィックデザインの基本原則のひとつに数えられます。

実務でどう使うか

  • UI 設計 ── ボタン・テキスト・アイコンを揃えることで、ユーザーが視線を自然に流せるレイアウトを作れます

  • Figma での活用 ── Auto Layout や整列ガイドを使って要素の位置を揃え、デザインの一貫性を保ちます

  • CSS での実装 ── text-alignalign-items(Flexbox)、justify-items(Grid)などのプロパティで整列を表現します
  • 関連する章

    Ch147 で詳しく学べます。

    関連する用語

    この用語を学べるコース

    この用語を実際に使ってみよう

    チョットデキルなら、5分のレッスンで実際にコードを書いて学べます。

    コース一覧を見る