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

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

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

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

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

デザインblogランキング

コメント 4 Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



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

  1. 画像で見るウェブデザインのプロセスいろいろ | DesignWalker « Netcrema - creme de la social news Says:

    […] 画像で見るウェブデザインのプロセスいろいろ | DesignWalker […]

  2. けんじ Says:

    参考になります。
    デザインのラフ画とかなかなか見れないのでw
    でも、どれも抜群のセンスですね!(・∀・)イイ!!

  3. 今週の管理人Bookmark (5/18-5/25) - ElectronicBrain is eating BreakFast Says:

    […] 画像で見るウェブデザインのプロセスいろいろ | DesignWalker […]

  4. OKHS Media Reports Says:

    Monocleのウェブサイトができるまで…

    モノクルは、”hand-crafted magazine”と言われるほど、デザインやコンテンツにこだわって作られている洋雑誌です。創刊から二周年がすぎましたが、創刊当時からビジネスから社会問…

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ