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

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

发表于: 网页设计 & 灵感. 评论 (3)
Sponsor

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

web-sketches

个人网站的手绘框架图

网页手绘草图
图像来源

网页设计框架图

2.网页手绘草图
图像来源

彩色手绘Web草图

3.网页手绘草图
图像来源

Initial Wireframe Sketches

4.网页手绘草图
图像来源

Marker Comps

5.网页手绘草图
图像来源

World Care Connections

6.网页手绘草图
图像来源

Colophon Page

7.网页手绘草图
图像来源

网站素描线框

8.网页手绘草图
图像来源

Wireframe Sketches for Website

9.网页手绘草图
图像来源

Wireframe

10.网页手绘草图
图像来源

网页线框蓝图

11.网页手绘草图
图像来源

Wibo Web Sketch

12.网页手绘草图
图像来源

Website Sketch

13.网页手绘草图
图像来源

Portfolio Sketch

14.网页手绘草图
图像来源

Sketching a Website

15.网页手绘草图
图像来源

Grid Website Sketch

16.网页手绘草图
图像来源

Website Sketch

17.网页手绘草图
图像来源

Personal Website Sketch

18.网页手绘草图
图像来源

Portfolio Website Redesign Sketch

19.网页手绘草图
图像来源

Mindstorm Sketch

20.网页手绘草图
图像来源

Librespeak Interface Sketch

21.网页手绘草图
图像来源

Early SAMHSA.gov Concept

22.网页手绘草图
图像来源

BPG – UI Sketch

23.网页手绘草图
图像来源

OnlyJames Wireframe Sketch of Article Detail

24.网页手绘草图
图像来源

Web Sketch

25.网页手绘草图
图像来源

Nomads In Stratford-Upon-Avon

26.网页手绘草图
图像来源

Moving Menu Options

27.网页手绘草图
图像来源

5 Year Campaign Site

28.网页手绘草图
图像来源

Sketched Wireframe

29.网页手绘草图
图像来源

Design Utilities – Wireframing Template

30.网页手绘草图
图像来源

整理:designbeep

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论3 Responses to “30张设计师的手绘网页草图(原型图/框架图)”

  1. cofflover_shan - 回复

    [织]

  2. 放珜的橙 - 回复

    不错,可以学习

  3. 紫城兮和 - 回复

    原来是这样画稿的。。


Leave a Reply to 放珜的橙