28張手繪網(wǎng)頁設(shè)計草圖（原型圖/框架圖）

19 評論 146428 瀏覽 150 收藏 6 分鐘

產(chǎn)品經(jīng)理們開始制作網(wǎng)頁的時候，在沒有靈感的時候，除了在各大網(wǎng)站找靈感外，往往是需求分析以后從原型草圖開始畫啊畫啊~畫出自己想要的樣子，然后再從原型工具上開始設(shè)計。今天整理了一些設(shè)計大師們畫的一些原型圖，大家可以看看國外的設(shè)計師們是怎樣開始創(chuàng)作的，希望可以帶給你新的靈感。^_^

個人網(wǎng)站的手繪框架圖

1

網(wǎng)頁設(shè)計框架圖

2

彩色手繪Web草圖

3

Initial Wireframe Sketches

4

Marker Comps

5

World Care Connections

6

Colophon Page

7

網(wǎng)站素描線框

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

網(wǎng)頁線框藍圖?

11

Wibo Web Sketch

12

Website Sketch

13

Portfolio Sketch

14

Sketching a Website

111

 

更多精彩內(nèi)容，請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
劉麗娟Liz
玫瑰從來不慌張。
329篇作品 6565695總閱讀量
09-087934 瀏覽
大廠產(chǎn)品專家手把手教你：如何寫好月報（附模版）
03-176231 瀏覽
喜茶出海，復(fù)制下一個蜜雪冰城
04-2710886 瀏覽
B端產(chǎn)品，如何進行系統(tǒng)重構(gòu)？
07-274922 瀏覽
基金 – 申購那些事兒
08-295194 瀏覽
這一波餐飲SaaS浪潮，翻滾到那了？
評論
評論請登錄

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

    來自北京 回復(fù)

  2. ??

    來自山東 回復(fù)

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

    來自四川 回復(fù)

    1. 無印良品里就有.

      來自陜西 回復(fù)

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

    來自四川 回復(fù)

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

    來自北京 回復(fù)

  6. 反正最后不是自己具體實現(xiàn)，隨便想唄

    來自北京 回復(fù)

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

    來自廣東 回復(fù)

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

    來自湖北 回復(fù)

  9. 產(chǎn)品經(jīng)理是一個靠IDEA吃飯的職位。所有的精致和細節(jié)，都需要服務(wù)于產(chǎn)品定位和價值。初期的產(chǎn)品設(shè)計，用線條和手繪足以。

    來自湖北 回復(fù)

  10. 喜歡這樣的手繪。

    來自湖北 回復(fù)

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

    來自上海 回復(fù)

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

    來自北京 回復(fù)

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

      來自湖北 回復(fù)

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

    來自菲律賓 回復(fù)

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

    來自北京 回復(fù)

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

    來自廣東 回復(fù)