【转发】30张设计师的手绘网页草图（原型图/框架图）

老梁

30张设计师的手绘网页草图（原型图/框架图）

文章来源：设计达人
原文网址：http://www.shejidaren.com/web-design-sketches.html


原文内容：


设计师们开始制作网页的时候，在没有灵感的时候，除了在设计达人网上找灵感外，往往是从设计草图开始画啊画啊~画出自己想要的样子，然后再从Photoshop上开始设计。今天发现在designbeep上整理了一些设计师画的一些草图，也可以称作”原型图”，大家可以看看国外的设计师们是怎样画的，或者参考他们用什么笔、本本什么的^_^

个人网站的手绘框架图

图片来源：http://dribbble.com/shots/789131 ... Website-Coming-Soon


网页设计框架图

图片来源：http://dribbble.com/shots/673357-Sketching-for-web


彩色手绘Web草图

图片来源：http://dribbble.com/shots/862670-Colorframes


Initial Wireframe Sketches

图片来源：http://dribbble.com/shots/490763 ... -Wireframe-Sketches


Marker Comps

图片来源：http://dribbble.com/shots/146763-Marker-Comps-wider-shot


World Care Connections

图片来源：http://dribbble.com/shots/187494 ... s-Website-Wireframe


Colophon Page

图片来源：http://dribbble.com/shots/327997-Colophon-Page


网站素描线框

图片来源：http://dribbble.com/shots/836364-Website-Sketch-Wireframe


Wireframe Sketches For Website

图片来源：http://dribbble.com/shots/972939-Wireframe-Sketches-for-Website


Wireframe

图片来源：http://dribbble.com/shots/739838-wireframe


网页线框蓝图

图片来源：http://dribbble.com/shots/668352-Sketch-for-my-new-website


Wibo Web Sketch

图片来源：http://dribbble.com/shots/668815-wibo-web-sketch


Website Sketch

图片来源：http://dribbble.com/shots/787189-Website-Sketch


Portfolio Sketch

图片来源：http://dribbble.com/shots/86301-Portfolio-sketches-in-progress


Sketching A Website

图片来源：http://dribbble.com/shots/735734-Sketching-a-website


Grid Website Sketch

图片来源：http://dribbble.com/shots/58373-Sketch-Grids


Website Sketch

图片来源：http://dribbble.com/shots/528513-Website-sketch


Personal Website Sketch

图片来源：http://dribbble.com/shots/708581-Wireframes


Portfolio Website Redesign Sketch

图片来源：http://dribbble.com/shots/916580 ... ite-Redesign-Sketch


Mindstorm Sketch

图片来源：http://dribbble.com/shots/655827-Mindstorm-Sketch


Librespeak Interface Sketch

图片来源：http://www.flickr.com/photos/dirtyalpaca/3904628439/


Early SAMHSA.Gov Concept

图片来源：http://www.flickr.com/photos/mexijew/4701007500/in/pool-uxsketch


BPG – UI Sketch

图片来源：http://www.flickr.com/photos/mar ... 2/in/pool-uxsketch/


OnlyJames Wireframe Sketch Of Article Detail

图片来源：http://www.flickr.com/photos/jamesmowery/4155129641/


Web Sketch

图片来源：http://www.flickr.com/photos/lookatlao/5432503695/


Nomads In Stratford-Upon-Avon

图片来源：http://www.flickr.com/photos/ajleon/4662696641/


Moving Menu Options

图片来源：http://www.flickr.com/photos/abiv/6938934244/in/pool-1070674@N20/


5 Year Campaign Site

图片来源：http://www.flickr.com/photos/29142435@N08/4089006972/


Sketched Wireframe

图片来源：http://www.flickr.com/photos/70465417@N00/4979740562


Design Utilities – Wireframing Template

图片来源：http://www.flickr.com/photos/69058845@N00/5410060063