您现在的位置:主页 > 站长媒体 > 精品文章 >

用草图来规划网站

更新:2013-12-03 编辑:佚名 来源:41153原创 人气:字号:T|T

用草图来规划网站

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

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

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

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

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

为什么手绘?

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

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

用草图来规划网站

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

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

用草图来规划网站

用草图来规划网站

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

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

用草图来规划网站

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

从哪入手

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

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

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

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

为网页设计而手绘

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

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

交流设计元素的推蜕变更时,手绘也是最好的法子。客户喜爱这个有创造性的环节。他们会深陷于此,并也喜爱上手绘。

我有个客户说过:“哇,好像我想什么你就能马上画出来。太不可思议了!”这就是和客户面谈时,飞快手绘的魔力。

注意!多加练习

用草图来规划网站

Doodlers Anonymous是个不错的地方,可以作为学习的起点,看看别人如何手绘、涂鸦并思考他们的创意。它也是一个很棒的分享社区和同行交流场所。

注意,现实是残酷的。研究手绘会很困难。如果你不够老练,或者没有将你的绘图稿打磨好……那么找些工作之外的光阴专门来画。

可以在 Worldwide Sketchcrawl, Doodlers Anonymous 和 Urban Sketchers 这样的网站找到灵感。

订阅一些手绘博客,研究那些日志和手绘稿。然后问问自己,准备好在客户面前绘画了吗?

用草图来规划网站

Urban Sketchers是一个致力于观察钻研手绘的国际非营利组织。他们在Flickr和Facebook上有着完善的社区。他们博客的首要组成,是一个由手绘选稿记者构成的核心小组,他们在全世界范围内收集别人分享的作品。在他们的网站和Flickr、Facebook社区里,你可以找到很多颇具启迪性的方式来素描你身边的世界。

记住,简笔画没法给人留下什么印象。具备手绘的能力是非常首要的起头。在投入到客户的项目中之前,你可能得花些光阴“练习”和理解如何用手绘来表达想法。

用草图来规划网站

这是一件早期的电子手绘作品。当时我在实验混杂型的电子线框图,用Wacom数位板草草画成的。从这些早期手绘作品中,我学到了对客户而言,简笔画是远远不够的。

手绘时应该提出的问题

首先问问自己,是否领会所设计页面中的所有元素?如果是个改版项目,我会反省现有内容,思考用户愿望看到什么。

如果是个新站点,我会涉猎同行网站,做一些竞争分析,然后看看那些最“典型”的用户需要什么,将这些内容加入列表中。

接下来,我会询问客户是否有某些设计偏好。很多情况下,客户都有他们自己喜爱和推重的网站。领会这些,并懂得他们偏好的设计语言是非常有赞助的。配色方案、字体、语言/文案风格、视觉元素,还有那些会影响到市场专员的设计趋势。Pinterest、氛围图片库和“寻宝游戏”,有助于掌握一个客户的个人喜好。

手绘表达设计

用草图来规划网站

以此为例,这是我给一所私立学校设计网站时画的。目的就是避免花大量光阴在高保真photoshop效果图上,也能把主页的线框图具象化。

首先,我用便签条或者写一份文档,来收集这个页面的最关键信息。当然,最开始都是在纸上写字,但文字是具有代表性的灵感源头,而且能为我整理出一份所需的导航、内容、支持信息的综合列表。

然后,我会将文字项的列表转化为缩略图。画出导航、内容区块、广告、栏目、支持信息区块、页头、页尾等等。如果纸张不够用,就在下方再粘一张。



 
<< 返回首页购买  更多 >>
 

用户评论

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)