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

19 评论 146319 浏览 150 收藏 6 分钟

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

个人网站的手绘框架图

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

 

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 至少比一心钻研AXURE去做各种动画,特效的玩家有意义些。

    来自北京 回复
  2. 😀

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

    来自四川 回复
    1. 无印良品里就有.

      来自陕西 回复
  4. 有专用“画本”?做个活动可以画个流程图

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

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

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

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

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

    来自湖北 回复
  10. 喜欢这样的手绘。

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

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

    来自北京 回复
    1. 产品不拘泥于表现形式,能够与涉众达成一致就是好方法。

      来自湖北 回复
  13. 装B用,但是没实际运用价值

    来自菲律宾 回复
  14. 要这个有毛线用。。。

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

    来自广东 回复