Learning site for website creation

C03:グループ構成図作成

公開日:2019年07月13日 更新日:2020年11月05日

デザインカンプを元にグループ構成図を作成します。

ページ内の各パーツごとにグループ構成図を作成し、HTMLコーディングのたたき台にします。

グループ構成図ダウンロード

トップページ

Heroパーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

実績一覧パーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

ブログ一覧パーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

プロフィールパーツ

ワイヤーフレーム

デザインカンプ

グループ構成図

フッターパーツ

ワイヤーフレーム

デザインカンプ

グループ構成図