ウェブサイトやブログを制作する時の手書きのワイヤーフレームのまとめ

ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。

ちなみに僕は勝負用にA3、携帯用にB5サイズでしゃこしゃこしてました。

スケッチのキャプチャ

Sketches For Personal Website

スケッチのキャプチャ

Colorframes

スケッチのキャプチャ

Initial Wireframe Sketches

スケッチのキャプチャ

World Care Connections

スケッチのキャプチャ

Website Sketch Wireframe

スケッチのキャプチャ

Sketching a website

スケッチのキャプチャ

Portfolio Website Redesign Sketch

スケッチのキャプチャ

Mindstorm Sketch

スケッチのキャプチャ

Wireframes

スケッチのキャプチャ

Sketch/Grids

スケッチのキャプチャ

Timeline Sketch

スケッチのキャプチャ

UI Sketch

スケッチのキャプチャ

Landing Page Sketch

top of page

©2017 coliss