ウェブデザインB 第11回

前回の振り返り

前回は「Webページデザイン完全ガイドシリーズ」シリーズの第1弾である、
「ヘッダーからフッターまでの構築術」についてを学び、以下のWebページデザインにおけるすべての工程を紹介しました。

1. デザインのトーン&マナーを決定し「設計図」を描く
2. デザインルール定義のため参考デザインをリサーチする
3. 手書きラフからワイヤーフレームへの清書
4. Webページの一般的な構成要素
5. デザインを仕上げるコツ・・・一貫性のルール

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

では今回も「Webページデザイン完全ガイド」シリーズの以下の工程の詳細を学んでいきましょう。

「02. デザインルール定義のため参考デザインをリサーチする」
「03. 手書きラフからワイヤーフレームへの清書」

早速記事を確認してみましょう。

Webページデザイン完全ガイド〜Pinterestを活用したWebデザインの参考サイトの探し方〜

Webページデザイン完全ガイド〜手書きラフからワイヤーフレームへの清書フロー〜

Webページデザインの工程のまとめ

今回はデザインルールの定義のために、「Pinterest」を使って理想に近いWebデザインをリサーチする工程、
また、ワイヤーフレームを作るための手書きラフからツールへの具体的な清書フローを解説しました。

次回はヘッダー、ヒーローセクションについて

次回からは各ブロックの作成のための解説を行います。
まずは「サイト全体のコントロールパネル」であるヘッダーの解説、
また「Webサイトの第一印象」を決めてしまうヒーローセクションの解説を行います。