文档章节

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

王尘宇
 王尘宇
发布于 2017/09/07 00:04
字数 258
阅读 5
收藏 0
设计师们开始制作网页的时候,在没有灵感的时候,除了在设计达人网上找灵感外,往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子,然后再从 Photoshop上开始设计。今天发现在 designbeep 上整理了一些设计师画的一些草图,也可以称作” 原型图”,大家可以看看国外的设计师们是怎样画的,或者参考他们用什么笔、本本什么的 ^_^  

个人网站的手绘框架图

01

网页设计框架图

02

彩色手绘Web草图

03

Initial Wireframe Sketches

04

Marker Comps

05

World Care Connections

06

Colophon Page

07

网站素描线框

08

Wireframe Sketches for Website

09

Wireframe

10

网页线框蓝图

11

Wibo Web Sketch

12

Website Sketch

13

Portfolio Sketch

14

Sketching a Website

15

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

BPG – UI Sketch

23

OnlyJames Wireframe Sketch of Article Detail

24

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     原文: shejidaren

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
加载中

评论(1)

cindy21
cindy21
手绘的弊端太多了,还是使用Mockplus工具吧,软件可以快速呈现个人的一些想法,修改起来也是非常便捷。
4款最受欢迎的Mac原型工具

原型工具中Wireframe, Mockup和prototype之间的有什么不同? 无论你是一名刚入行的UX/UI设计师,还是入行多年的老手,在制作原型的过程中一定接触或听说过其中很重要的三个原型术语:“wiref...

jongde
01/15
0
0
UI设计软件Balsamiq Mockups

Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评。2年多来,Balsamiq工作作为一个微型独立软件开发商,专注于...

liyu
2010/07/26
0
0
一名交互设计师必备的知识架构

一名交互设计师必备的知识架构 Just Normal2015-08-3053 阅读 设计交互设计 如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书、学了一大堆软件、...

Just Normal
2015/08/30
0
0
产品需求文档的写作(三) – 原型设计(手绘原型,灰模原型,交互原型)

上一篇文章我们通过思维导图将想法进行了结构化梳理,接下来我们就需要进行方案的可行性推演,验证产品功能是否可行,预估项目要花多少人力物力,因此我们就要通过原型设计进行相关需求的论证...

pumpkinHua
2014/03/04
0
3
一个产品从0到1,UI设计师参与的所有步骤与所需工具(内附资源下载)。

本文的前4步适用于公司没有产品经理的情况下。 Step 1 讨论 & 草图框架 所需工具:纸、笔 与客户或产品负责人讨论,了解产品的需求。讨论前带好纸笔,讨论时可以画出大概的框架草图。 若是外...

西瓜设计研究所
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

.NET 知识整理笔记

1.Web.Config配置文件的节点操作 在Web.Config中写入 <configuration> <connectionStrings> <add name="conStr" connectionString="Data Source=IUCL8V4Y7NW5IRA\SQLEXPRESS;Initia......

Jokeny
1分钟前
0
0
Spring 声明式注解事务实现机制

Spring中注解事务实现机制 在使用@Transactional 注解管理事务时步骤很简单。但是如果对@Transactional理解不够透彻,很容易出现事务不起作用的情况。所以,在对@Transactional的实现机制要有...

狂奔的熊二
2分钟前
0
0
Fastjson - 详解SerializeFilter,格式化对象字段

遇到一个奇葩场景,维护一个老的程序, 应用换了个服务方. 要切接口. 但有以下问题. 接口逻辑稍有不同 , 需要自己按原接口文档,重组逻辑. 接口字段名,字段类型改动较大. 但还要按原接口文档返回...

ol_O_O_lo
3分钟前
0
0
一个小知识点---关于传递引用参数

如果传入引用参数 在方法内new 对象,其改变外层不可见

职业搬砖20年
8分钟前
0
0
Oracle数据导入导出命令及参数介绍(Linux)

1.数据导出 exp system/123456 file=d:\backup\oracle\oracle%date:~0,10%.dmp owner=system log=d:\backup\oracle\oracle%date:~0,10%.log 2.数据导入 imp system/manager@TEST file=d:\d......

lyle_luo
8分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部