【ホームページのデザイン】

【ホームページのデザイン】

【ディレクトリマップの構築】ではホームページの階層を描くということで
全体の構成が見えてきました。

では実際にまとめていくわけですが、
デザインを始める前にワイヤーフレームという
ホームページのラフを作っていきます。

 

なぜワイヤーフレームが必要なのか?

ワイヤーフレームはディレクトリマップと同じく
ホームページを作るには欠かせない設計書のようなものです。

詳しくはワイヤーフレームについて別カテゴリーでご紹介しています。

【ワイヤーフレームでまとめよう】

 

ワイヤーフレームが出来たらワイヤーフレームの
フレームの中を細かくデザインしていく作業があります。

cheat0809134

まずは全体の色を確定させましょう。

背景は白?黒?青?写真?など、ホームページのベースとなる色を決めます。
以下のようなサイトもあるので参考にしながら決めていくといいでしょう。
http://www.colordic.org/

文字の色やそのほかで使う色も以下のサイトでみることができます。
http://www.color-fortuna.com/color_scheme_genelator2/

 

色が決まってくればその色をもとにデザインしていきましょう。

画像やイラストはどのように置くのか。

テキストはどのくらい入れるのか?

と進めていくことでページのデザインが仕上がっていきます。

もちろんホームページ導線を考えて導線イメージも組み込んでください。

 

この作業をディレクトリページ分行っていくわけですが、

もちろん、全体の枠組みさえ決まってしまえば、

同じ枠組みの中にテキストが差し替わる部分で省いていけるところは省きましょう。

WEBデザインのカラー選択は重要

*****************************************

自社の強み弱みをしっかり把握できていますか?
強みをどのページに持っていくかもチェックしてみましょう

>> 強み発見シートのダウンロードページ <<

FaceBookの集客はしっかりできていますか?

>> Facebook集客シナリオのダウンロードページ <<

ーーーー社員300名以下WEB集客マーケティング専門ーーーーーーーーーーーーーーーーーーーーーー
ファーストメーション株式会社
TEL:06-6344-6580

<ホームーページ>
http://firstmation.com/

<動画制作>
http://firstmation.com/mov/

<アニメーションメッセージ動画>
http://anime-message.com/

<お問い合わせはこちら>
http://firstmation.com/contact/

 



無料お問い合わせ