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

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

feng

产品经理们开始制作网页的时候,在没有灵感的时候,除了在各大网站找灵感外,往往是需求分析以后从原型草图开始画啊画啊~画出自己想要的样子,然后再从原型工具上开始设计。今天整理了一些设计大师们画的一些原型图,大家可以看看国外的设计师们是怎样开始创作的,希望可以带给你新的灵感。^_^

个人网站的手绘框架图

1

网页设计框架图

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

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

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

网页线框蓝图 

11

Wibo Web Sketch

12

Website Sketch

13

Portfolio Sketch

14

Sketching a Website

111

 

您的赞赏,是对我创作的最大鼓励。

评论( 19

登录后参与评论
  1. 至少比一心钻研AXURE去做各种动画,特效的玩家有意义些。

    回复
  2. :grin:

    回复
  3. 请问一下 这个本子哪有卖的???

    回复
    1. 回复

      无印良品里就有.

  4. 有专用“画本”?做个活动可以画个流程图

    回复
  5. 因为很多产品和策划都是半路出家的水货,不懂技术也没任何美术基础了。所以才嗤之以鼻。
    满脑子浆糊一个需求改来改去还说自己有创意

    回复
  6. 反正最后不是自己具体实现,随便想呗

    回复
  7. 工具只是其次,逻辑才是重点, processon,axure, justmind都可以很瘦的帮助我们快速实线产品构思于框架展示,但是好的想法很难预见。

    回复
  8. 现在已经有好多,快速原型的工具,在示例中,就是使用的手绘原型界面。比如POP,快现。

    回复
  9. 产品经理是一个靠IDEA吃饭的职位。所有的精致和细节,都需要服务于产品定位和价值。初期的产品设计,用线条和手绘足以。

    回复
  10. 喜欢这样的手绘。

    回复
  11. 优秀的作品就是这样出来的,敬佩这些国外的同行们。

    回复
  12. 实际做出来比这么画出来难多了吧?我会做才不用画的呢

    回复
    1. 回复

      产品不拘泥于表现形式,能够与涉众达成一致就是好方法。

  13. 装B用,但是没实际运用价值

    回复
  14. 要这个有毛线用。。。

    回复
  15. 这得有手绘功底才行,一般产品搞不来。哈哈。

    回复
  16. 看来思维还得开阔一些才行,收了备用。

    回复
  17. 人才啊,看着真心不错~~~

    回复
加载中