关于宏蓝
最新新闻
 叽里呱啦借助AI 科技…
 科技网站Gizmodo靠A…
 腾讯刘炽平:互联网…
 腾讯全球数字生态大…
 美国零售巨头同阿里…
 各位商家看过来,支付…
 星巴克终于要与阿里…
 阿里巴巴多有钱,京…
 ofo被滴滴和蚂蚁金服…
 腾讯暴跌1400亿美元…
 又一电商巨头“倒下…
您当前的位置:首页 >> 网站专题(广州专业做网站公司服务热线:020-85562980)
用草图来规划网站
时间: 2013/12/2 22:24:20  点击: 3596

设计院校中有大量的基本课程。大企业与创业公司都在采取回归本源的设计方式,这一点也不稀奇。

无论你是个终身的涂鸦艺术家,还是一位严肃的商标设计师,通过纸张探索灵感都是一项重要的设计技能。

别怕!铅笔这类工具的力量不会消亡。在这个专注设备的时代,简单、久经考验的设计方式仍然大有可为。

实际上,我已经听到一种日渐强烈的声音,反对将工时浪费在高保真photoshop效果图上。手绘稿让你以一种灵活巧妙的方式,创作迭代式的渐进设计,不必为了高保真设计图和电子稿而超支时间。

不论你是大公司还是自由设计师,通过快速手绘与客户交流想法,是一项相当重要的手段。

为什么手绘?

手绘稿在某些方面对线框图甚至电子稿有所优势。它便携、亲切、富有创造力,并且久经考验。再没什么比纸和铅笔(或者钢笔)更简单的了。

我也发现,手绘稿对客户而言足够通俗,使他们能够提出意见并且做出修改。高保真效果图看起来就像是“成品”或者即将完成,那会束缚客户提出改进建议的意愿(可乐橙在这里真的忍不住要插一句,这完全不符合国情啊,不科学啊!)。手绘稿相对散漫、友好、非正式……你可以擦掉进行修改。

Wireframes tend to be very text-heavy and rarely communicate art direction and tone. Especially for photography and visual assets. When's the last time a big

线框图总是充斥大量文字,极少反映出美术趋向和设计基调。特别是对于照片和视觉元素。你可曾见过一个大叉叉传达出了照片内容?

通过手绘稿,你可以快速、近乎思维练习式地迅速记录下你的创意。它能飞快见效,让你在屏幕前花更少工时,从而拥有更多时间来产生创意。卷起袖管然后寻找答案吧。

Another Wireframe

This eventually turned into a Photoshop comp for the client. You can see how it resembles the traditional wireframe but more closely mirrors the art direction of the comp.

它最终会转化为photoshop的视觉稿给客户。你会发现它与传统线框图相近,却能更接近地反映出设计稿的美术趋向。

通过手绘,能够消灭那些仅仅为了占位的图片。要知道,你放在原型图和效果图中的一个大叉叉,代表着这里将放入一张真实的图片。你就会省着用你那些昂贵的版权图片了。

This is the comp for the website. Do you see the progression from sketch and wireframe to final comp?

这就是网站的效果图。你能看出草图到线框图再到效果图的变化吗?

从哪入手

有一点可以肯定,多加练习才能精通。随身携带笔记本来涂鸦、迭代、速写,保持这项技能处在最佳状态。

我发现,练习的最好办法,就是在任何排队的时候拿出来画一画——比如买咖啡、杂货店购物、等待火车……只要是等待时间,都可以用来手绘。

画下你的所见,这个技巧会对以后有帮助,当你需要向客户展示的时候。画下每个给你带来灵感的东西,随身携带笔记本就意味着你可以随时记录灵感,留待以后使用。

随着手绘量的增加,你会开始学着精炼你的手绘稿,并将它们转化为更加正式的插图或绘画。

网页设计而手绘

规划一个网站时,手绘可以成为非常重要的一环。你可以把它用于设计、用户体验测试、界面元素,甚至尝试字体设计方面的创意。

我曾经在多个网站中用它来想象一些创意元素,比如照片和图标。我也在关键界面问题上使用过这个办法,例如怎样使一个按钮或图标更加直观友好。

交流设计元
 
上一页    123  下一页  


本文标签:用草图来规划网站

上一篇: 网页设计师必上的15个优质设计分享平台
下一篇: 网站内部页面如何正确的微调?
宏蓝首页 网站建设 网站推广 客户案例 网站新闻 人才招聘 支付方式 网站论坛 网站地图   关于宏蓝 联系宏蓝
 
电话:020-85562980 传真:020-85563269 邮箱:service@macroblue.net
联系地址:广州市中山大道89号国家软件产业基地天河软件园华景园区12S-05 邮编:510630
版权所有 (C) 2003-2011 www.macroblue.net 网站ICP备案号:粤ICP备05020325号-8