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

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

个人网站的手绘框架图

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

网页设计框架图

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

彩色手绘Web草图

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

Initial Wireframe Sketches

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

Marker Comps

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

World Care Connections

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

Colophon Page

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

网站素描线框

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

Wireframe Sketches for Website

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

Wireframe

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

网页线框蓝图

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

Wibo Web Sketch

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

Website Sketch

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

Portfolio Sketch

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

Sketching a Website

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

Grid Website Sketch

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

Website Sketch

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

Personal Website Sketch

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

Portfolio Website Redesign Sketch

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

Mindstorm Sketch

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

Librespeak Interface Sketch

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

Early SAMHSA.gov Concept

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

BPG – UI Sketch

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

OnlyJames Wireframe Sketch of Article Detail

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

Web Sketch

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

Nomads In Stratford-Upon-Avon

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

Moving Menu Options

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

5 Year Campaign Site

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

Sketched Wireframe

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

Design Utilities – Wireframing Template

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

 

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

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

点赞 2
收藏 8
继续阅读相关文章

发表评论 已发布 1

还可以输入 800 个字
 
 
载入中....
1 收藏