5个Web设计的草稿和成品对比

开发 前端
大多数的设计师都习惯在纸上开始自己的工作,假如你也是设计师,想必手上也有一两本笔记本,上面随手记了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,为什么不亮出来给别人看看呢?

纸和笔

大多数的设计师都习惯在纸上开始自己的工作,假如你也是设计师,想必手上也有一两本笔记本,上面随手记了一些漂亮的草稿吧。不管你的草稿有多草(糙),都是值得自豪的,为什么不亮出来给别人看看呢?

别的设计师的草稿都是什么样子的呢?

Buzz Usborne, Campaign Monitor (活动监测)

先来看看Buzz 的设计草稿

草稿里的对角线和最终成品的对角钱相呼应,Buzz 的草稿并不强调细节,而是注意线条和指引的清晰程度。

Buzz 的成品

Maykel Loomans, Instagram

Maykel 是Instagram 的UI设计师,从他的dribbble 帐号就能看到一些不错的设计案例

Maykel 的草稿

和上面的Buzz 一样,Maykel 的草稿也是为设计提供了一个基本的指引,强调的是页面布局,在细节上并不注重。

Maykel 的成品

Alex Griendling, Google

Alex 在Google艺术部门工作,是位优秀的设计师,他的个人主页上有许多漂亮的作品。

Alex 的草稿

Alex 所分享的这张Dick Tracy 海报是他为Silver Screen Society 创作的,对比最后的成品,草稿的详尽程度可见一斑。

Alex 的成品

Dmitry Khramov, Cuberto

Cuberto 是俄罗斯St. Petersburg 的一个设计室,出品了一些相当精致的图标和独特的手机界面。

Dmitry 的草稿

许多俄罗斯的设计师(尤其是来自St. Petersburg 的设计师)对细节的追求让人钦佩。

Dmitry 的成品

有兴趣的朋友可以围观一下他们的dribbble 主页

Ian Storm Taylor, Segment.io

Ian 是Segment.io 的联合创始人,个人风格相当明显。下面这份草稿是他犹豫再三后才分享出来的:

Ian  的草稿

在笔记本的正中间,Ian 随手就那么画了点东西(好简洁/简陋),最后在成品里,他却能准确把设计实现出来:

Ian 的成品

原文出处: layervault.tumblr.com

译文链接:http://www.36kr.com/p/172418.html

责任编辑:林师授 来源: 36氪
相关推荐

2015-12-11 08:00:05

Web设计工具网站成品

2012-05-09 10:42:43

2012-05-10 10:01:31

2017-07-14 14:50:00

架构框架前端

2017-06-27 14:02:09

前端框架Bootstrap

2009-03-17 09:15:20

图表框架CSSJavaScript

2015-09-01 10:55:08

Web设计工具

2011-02-18 14:34:49

Web 设计 开发 C

2012-05-28 13:56:41

Web

2010-03-03 12:57:02

Web

2021-03-03 16:01:48

Web设计模式

2013-09-11 13:50:47

Web性能

2011-05-25 09:05:06

2022-04-20 15:55:29

容器架构设计

2011-04-21 15:33:23

2012-05-11 10:43:24

交互设计控件

2011-10-31 15:08:54

Chrome插件Web设计开发

2015-08-07 10:11:47

Web用户设计要点

2012-03-28 09:49:55

WEB特效

2013-08-09 14:18:33

点赞
收藏

51CTO技术栈公众号