ウェブデザインB 第13回

ウェブデザインB 第13回

2026年07月09日 /最終更新:2026年07月10日
読了目安:約3分

演習Web01のデザイン会社のWebサイトのトレース作業を行いましょう。

ウェブデザインB 第13回

授業評価アンケート

ここで、当科目の授業評価アンケートの回答のお願いです。解答方法は以下。

授業評価アンケート

前回の振り返り

前回は「Webページデザイン完全ガイドシリーズ」シリーズの第3弾である、
「ヘッダー」「フッター」と「ヒーローセクション」のデザインについてを学びました。

Webページデザイン完全ガイドシリーズ ヘッダーからフッターまでの構築術

では今回も「Webページデザイン完全ガイド」シリーズの以下の工程の詳細を学んでいきましょう。
04. Webページの一般的な構成要素」のデザイン手順の中のコンテンツエリアについて学びましょう。
Webページの主コンテンツたるコンテンツエリアにはどういったコツや手法があるのかに注目してみてください。

コンテンツエリア設計ガイド〜「読みやすい」「分かりやすい」を作る情報設計の基本〜

コンテンツエリアのまとめ

コンテンツエリアは情報を伝える中心部分であるため以下が重要になるということでした。

  • 情報整理
  • 余白
  • 視線誘導
  • 可読性

単に「情報を並べる」のではなく「ユーザーが理解しやすい順番で整理するという考えを忘れないでください。

演習Web01 デザイントレース「デザイン会社のWebサイト」 その1

トレース・模写の条件

では記事を開きトレース作業を行いましょう。その際の条件は以下。

  1. ナビゲーションメニューの「私たちについて」の「私たち」を自分の氏名に変更する。

以上です。
ただ今回のトレース演習は作業工程がとても多く動画が長いため、
以後2〜3回ほどに分けてトレースを行いたいと思います。
(7/9 07:51まで)

では記事を開いてみましょう。

演習Web01 オリジナルデザイントレース「デザイン会社のWebサイト」