【昼】WEBデザイン5th_Day7_HTML&Sass① / SEOに強いコーディング

2025/06/09（月） 講師：よぴぴさん

Day7｜FAQと講師解説まとめ【Notion用】

Q1｜ワイヤーフレームやカンプ作成時、画像や文字配置に型はあるのか？

A：

レイアウトには「型」が存在する。いわゆるグリッドレイアウトやマルチカラム構成など、Webデザインの基本原則を踏まえて構成すると迷いが減る。

参考にされた講義アーカイブはDay3・Day4。特に「目的からレイアウトを決める」という視点が重要で、主に以下の型が紹介された：

• ヒーローエリア＋3カラム型（情報分類）
• 1カラムスクロール型（ストーリー性）
• 2カラム分割型（視覚とテキストのバランス）

Q2｜テキストスタイルの命名にルールはある？

A：

講師は以下の命名サイトを紹介：

• 🔗 Codic（コーディック）

  UIパーツ名やクラス名を英語で統一的に命名するためのサジェストツール。命名に迷ったらまずここで調べる。

命名時のポイント：

• 〇〇-ja/boldなどは自分で運用しやすく命名
• 最初にスタイルガイドを設けておくと、チームでも管理しやすい