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

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