UI を作っていると、画面をできるだけすっきり見せたい一方で、必要な説明はきちんと伝えたい、という場面が何度も出てきます。

一覧画面を作るとき、多くの人はまずカードの見た目やテーブルの整列、検索条件、ソート、件数表示などに意識を向けます。

CSS は、見た目を整えるための技術として比較的早い段階で触れられることが多く、最初のうちは「必要なスタイルを書けばよい」と捉えられがちです。

フロントエンド開発では、CSS をどのように整理し、どのように再利用し、どのように破綻しにくい形で運用するかが非常に重要なテーマになっています。

CSS を学び始めた頃は、文字が画面に表示されること自体を当たり前のように感じやすく、空白や改行がどのように処理されているかまで意識する機会はそれほど多くありません。

Web デザインや UI デザインを学び始めると、多くの人はまず色の雰囲気やブランドらしさに意識を向けます。たしかに、色は印象を大きく左右しますし、世界観や信頼感を作るうえで非常に重要です。