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

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

相关推荐：
《掌握这10条设计理念！让同事（客户）更好的了解设计》
《交互设计师不仅仅是个画破图的》
《推荐！关于原型设计的一些事》

个人网站的手绘框架图

网页设计框架图

彩色手绘Web草图

Initial Wireframe Sketches

Marker Comps

World Care Connections

Colophon Page

网站素描线框

Wireframe Sketches for Website

Wireframe

网页线框蓝图

Wibo Web Sketch

Website Sketch

Portfolio Sketch

Sketching a Website

Grid Website Sketch

Website Sketch

Personal Website Sketch

Portfolio Website Redesign Sketch

Mindstorm Sketch

Librespeak Interface Sketch

Early SAMHSA.gov Concept

BPG – UI Sketch

OnlyJames Wireframe Sketch of Article Detail

Web Sketch

Nomads In Stratford-Upon-Avon

Moving Menu Options

5 Year Campaign Site

Sketched Wireframe

Design Utilities – Wireframing Template

原文：shejidaren
 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博：拥有粉丝量61万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：