28張手繪網頁設計草圖（原型圖/框架圖）

19 評論 146315 瀏覽 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
劉麗娟Liz
玫瑰從來不慌張。
329篇作品 6560673總閱讀量
03-288751 瀏覽
乘客留存數據分析報告
01-175098 瀏覽
銀行傳統網點和渠道營銷如何轉型？
10-191185 瀏覽
客戶旅程管理：什么時候是啟動旅程編排的最佳時機呢？
09-153946 瀏覽
那些離開大廠賣保險的年輕人
09-19927 瀏覽
紅利退潮期，UGC成為品牌新機遇
評論
評論請登錄

  1. 至少比一心鉆研AXURE去做各種動畫，特效的玩家有意義些。

    來自北京 回復

  2. ??

    來自山東 回復

  3. 請問一下 這個本子哪有賣的？？？

    來自四川 回復

    1. 無印良品里就有.

      來自陜西 回復

  4. 有專用“畫本”？做個活動可以畫個流程圖

    來自四川 回復

  5. 因為很多產品和策劃都是半路出家的水貨，不懂技術也沒任何美術基礎了。所以才嗤之以鼻。
    滿腦子漿糊一個需求改來改去還說自己有創意

    來自北京 回復

  6. 反正最后不是自己具體實現，隨便想唄

    來自北京 回復

  7. 工具只是其次，邏輯才是重點， processon，axure， justmind都可以很瘦的幫助我們快速實線產品構思于框架展示，但是好的想法很難預見。

    來自廣東 回復

  8. 現在已經有好多，快速原型的工具，在示例中，就是使用的手繪原型界面。比如POP，快現。

    來自湖北 回復

  9. 產品經理是一個靠IDEA吃飯的職位。所有的精致和細節，都需要服務于產品定位和價值。初期的產品設計，用線條和手繪足以。

    來自湖北 回復

  10. 喜歡這樣的手繪。

    來自湖北 回復

  11. 優秀的作品就是這樣出來的，敬佩這些國外的同行們。

    來自上海 回復

  12. 實際做出來比這么畫出來難多了吧？我會做才不用畫的呢

    來自北京 回復

    1. 產品不拘泥于表現形式，能夠與涉眾達成一致就是好方法。

      來自湖北 回復

  13. 裝B用，但是沒實際運用價值

    來自菲律賓 回復

  14. 要這個有毛線用。。。

    來自北京 回復

  15. 看來思維還得開闊一些才行，收了備用。

    來自廣東 回復