画像で見るウェブデザインのプロセスいろいろ
クライアントの方々のウェブサイトをデザインしているといろいろな追加や変更などがよくあります。
結局、納品の際に、元々想定していたデザインコンセプトから大きく方向性が変わっている事もしばしばです…。
今回は、普段なかなか見ることができないデザイナーのラフデザインから完成までウェブデザインのプロセスが簡単に画像でわかるサイトをいろいろとまとめてみました。
The Evolution of a Website Design
ラフデザインから、完成までデザインが変わっていくところが確認できます。見ているだけでワクワクします。
Monocle: design notes
手描きのラフから美しいレイアウトが完成します。
Building Campaign Monitor Part 3 – Design Process
しっかり作り込まれているワイヤーフレームから、様々なタイプのレイアウトを試されています。どれもとってもきれいなデザインです。
Redesigning the ExpressionEngine Site
こちらもワイヤーフレームから、細部にまでこだわって作られているデザインプロセスが公開されています。
12 Excellent And Useful Design Process Tutorials
サイトやロゴ、パッケージなどのデザインプロセスが12種類まとめられております。
The Design Process Step by Step
ワイヤーフレームからデザインが仕上がっていきます。
Web Design Workflow – Complete Overview
手描きのラフからデザインを進めるプロセスが公開されています。
Mobile Web Book Design
3つのドラフトデザインから、完成したのがこちらのデザイン。
How to Elevate Your Website Design Process and Results
グリッドシステムを利用してサイトをデザインするプロセスが公開されています。
5月 19th, 2009 at 6:43 PM
[…] 画像で見るウェブデザインのプロセスいろいろ | DesignWalker […]
5月 21st, 2009 at 9:01 AM
参考になります。
デザインのラフ画とかなかなか見れないのでｗ
でも、どれも抜群のセンスですね！（・∀・）ｲｲ!!
5月 24th, 2009 at 6:01 AM
[…] 画像で見るウェブデザインのプロセスいろいろ | DesignWalker […]
6月 24th, 2009 at 7:54 PM
Monocleのウェブサイトができるまで…
モノクルは、”hand-crafted magazine”と言われるほど、デザインやコンテンツにこだわって作られている洋雑誌です。創刊から二周年がすぎましたが、創刊当時からビジネスから社会問…