デザインの学校 ウェブデザイン応用編第7回

2007.5.26.sat.
第7回

こんばんは。今回はアシスタントのHIROさんに代わり、
私くろねこがお伝えします。
さて、今回は全くの自由課題、自分の好きなサイトのテーマを設定します。
今まで学んだことを活かし、魅力的なサイトを作りましょう!
1.サイト構成図(サイトフロー)の作成
まずは始めに、以前教えていただいたサイト構成図(サイトフロー)を作ることに。
ページの親子関係、またはハイパーリンクの相互関係を考えるために、
HP制作の際に最初に考えなくてはならないのがこのサイト構成図です。
ということで、それぞれ自分のサイトに必要なコンテンツを企画し、全体を設計していきます。
お店の案内や、会社案内、商品の紹介、キャンペーン情報など、いろいろありますよね。
そして、できたところで一旦先生に確認していただき、アドバイスをもらうことに。
サイト全体の完成イメージが掴めたところで、次はいよいよサイトのイメージ作りです。

2.トップページのスケルトン(レイアウト予定図)の作成
Fireworks を使って、サイトのレイアウトイメージを作成します。
この段階では、大まかなレイアウトでヘッダーやフッター、コンテンツ部分、メインビジュアル、
ボタン、写真の位置などを決めていきます。
私も以前よりは、早くイメージ作りができるようになったかな~
そして、次はいよいよトップページのデザインに入ります!

3.トップページのデザイン
先程作ったスケルトンを基に、制作を進めます。
イメージ写真を用意したり、ヘッダー・コンテンツ・フッター部分など
必要な部品を作っていきます。
ここからは純粋なデザインの作業、みなさん腕の見せ所ですね
そして、受講生がそれぞれサイトの大体のイメージが掴めてきたところで、
先生からのアドバイスをいただきました。
調和のとれた配色、ボタンらしいデザイン、タイトルやキャッチコピーなど、
文字サイズのバランスまで細かくチェックしていただきました!
断然きれいなサイトになったところで、(写真はまだまだ製作途中ですが・・・)
あとは仕上げに入ります。

Fireworksで作った画像を書き出し、DreamweaverでHTMLへコーディングしていきます。
今週できなかった分は、来週までの課題になりますので、がんばって仕上げましょう!
それでは、来週はいよいよみなさんが作ったサイトの発表です。
どんな素敵なサイトが出来上がっているのか楽しみですね

 

WEB(ホームページ)デザイン中級者向き 山梨県デザインスクール ウェブデザインスタジオ山梨

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

*

PAGE TOP