LINEで送る
Pocket

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

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

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

The Evolution of a Website Design

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

The Evolution of a Website Design

The Evolution of a Website Design

Monocle: design notes

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

Monocle: design notes

Monocle: design notes

Building Campaign Monitor Part 3 – Design Process

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

Building Campaign Monitor Part 3 - Design Process

Redesigning the ExpressionEngine Site

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

Redesigning the ExpressionEngine Site

Redesigning the ExpressionEngine Site

12 Excellent And Useful Design Process Tutorials

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

12 Excellent And Useful Design Process Tutorials

12 Excellent And Useful Design Process Tutorials

The Design Process Step by Step

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

The Design Process Step by Step

The Design Process Step by Step

Web Design Workflow – Complete Overview

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

Web Design Workflow - Complete Overview

Web Design Workflow - Complete Overview

Mobile Web Book Design

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

Mobile Web Book Design

How to Elevate Your Website Design Process and Results

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

How to Elevate Your Website Design Process and Results

How to Elevate Your Website Design Process and Results

Similar Posts:

LINEで送る
Pocket


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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です