画像で見るウェブデザインのプロセスいろいろ

クライアントの方々のウェブサイトをデザインしているといろいろな追加や変更などがよくあります。

結局、納品の際に、元々想定していたデザインコンセプトから大きく方向性が変わっている事もしばしばです…。

今回は、普段なかなか見ることができないデザイナーのラフデザインから完成までウェブデザインのプロセスが簡単に画像でわかるサイトをいろいろとまとめてみました。

ラフデザインから、完成までデザインが変わっていくところが確認できます。見ているだけでワクワクします。

手描きのラフから美しいレイアウトが完成します。

しっかり作り込まれているワイヤーフレームから、様々なタイプのレイアウトを試されています。どれもとってもきれいなデザインです。

こちらもワイヤーフレームから、細部にまでこだわって作られているデザインプロセスが公開されています。

サイトやロゴ、パッケージなどのデザインプロセスが12種類まとめられております。

ワイヤーフレームからデザインが仕上がっていきます。

手描きのラフからデザインを進めるプロセスが公開されています。

3つのドラフトデザインから、完成したのがこちらのデザイン。

グリッドシステムを利用してサイトをデザインするプロセスが公開されています。

4 Thoughts on “画像で見るウェブデザインのプロセスいろいろ”