【干货】40个网页设计草图案例分享

草图已经不是什么新的技术了，我们在用的很多经典的生活用品都可能有着一张古老而值得纪念的草图。设计师在设计的最初都带着朦胧的印象。对于具体的样子是没有概念的。在WEB设计中通过草绘出网页的最初框架来定义你网站的前期风格。草图是设计工作中最基础也是最重要的一个阶段。我们都说万事开头难。架构一个网站的最初框架也是一样的。你需要在这个过程中和客户沟通来不断的完善出你的架构来得到客户的认可。

这样网站才能在后期的设计中得到更多的肯定。框架的定制不仅仅要体现出客户的需求，更多的时候还需要考虑用户体验。如何设计出更优质的交互体验在设计初期也是很重要的。这将决定后期设计是否可能更好的做出相应的反应。在设计过程中，设计师最初只是需要一只铅笔和几张纸。画出概念，拉出功能，用简单的素描记下自己的想法和创意。这是一个非常好的设计创意方式。非常有效。今天，我们分享出的是40个优秀的网页设计草图案例。你可以从这些最初的设计草图中去发现一些优秀网站是如何诞生的。

Librespeak Interface Sketch

Coastal Capital Partners Wireframe Sketch

Sketching

Jaws Article View Sketch

War of the Roses

Original Sketch

Personal Website UI Sketch

SAMHSA Redesign – Drawn Wireframe

Initial ideas for my new blog design

BlogEngine Add/Edit Posts Form – sketch

OnlyJames Wireframe Sketch of Article Detail

Best of Philly Sketch

Image-based Search Results for Museum Collection

Moving Menu Options

5 Year Campaign Site Sketch

Wireframe Mlift Index

OoPixel Website Paper Sketch

Timanttiremontti.fi Website Initial Sketch

Web Sketch #16

Website Thumbnail

Sketched Wireframe

Design Utilities – Wireframing Template

Sketch: Vimeo Conversations Page Ideas

CommLogix Wireframe Sketch

Vimeo Clip Page Top Nav

Microsites

UserScape Wireframe Sketch

BPG – UI Sketch 2

HBO True Blood site

Contraptions

UI Sketch

Design Strategy

Vimeo Sketch

Early BusinessWeek Sketch

Vanilla Draft Wireframes

Final Notes

The Washington Post – Post Points Website Sketch

Bermuda Triangle Site Organization

Website Sketched