为什么情绪版至关重要
翻译:David Lee
几乎每个人都碰到过这样的状况。你花了大把时间去设计了一个漂亮,像素级品质的提案,却被客户无情抹杀,就因为不符合他们头脑中的构想。悲剧�在于,�一般情况下他们都会这样告诉你“我知道什么是我想要的,只要你让我看到”。
你不得不重新回到画板前,而你的自负和少的可怜的报酬都遭受着打击, 所有人都被这个过程折磨的筋疲力尽。一旦这种情况发生过几次,你就会意识到,尽早让客户介入整个设计流程,就能够在进行设计演示时取得非同凡响的结果。
作为设计师,我们自认为掌握了所有问题的答案。我们的工作就是去了解什么样的设计更好看,并且�我们自认为这就是我们的职责所在!但即使你是个天才,作品是顶级的,你也可能会误解客户的期望。当你试图说明一个设计概念时,语言几乎是无效的。很有可能一个人在说“锐利”,另一个人却理解为混乱。
如果客户对于新网站要设计成什么样完全没有任何想法,你就很难一下子抓住对方的重点。 视觉层面的沟通是语言所无法替代的。一张好图胜过千言万语,情绪版就是这样一张图片,用来向客户描述想法的工具。
一张好图胜过千言万语,情绪版就是这样一张图片,用来向客户描述想法的工具。情绪版到底是什么?
情绪版 (有时也被成为灵感合集) 被广泛应用于很多领域。你一定见过室内设计这么使用它,他们把布料样本和漆色实例样本一起放到演示版上,就为了让房主看到全新的装饰能够创造出什么样的氛围。他们还经常被用在时尚界,突出最新的趋势和风格。本质上说,情绪版就是精心编制过,且能给人灵感的元素集合,设计师们在设计项目的初期用它来展示最新的想法。
当你试图确立一个网站的设计风格时,情绪版就会是十分有效。它介入的时间,一般是在线框图产出后,设计初稿产出之前。情绪版可以解释很多事情,比如照片的风格,颜色组合,字体,样式,网站整体的视觉效果和感觉。柔软还是坚硬?复杂或者整洁?暗或明?通过使用颜色,纹理和图片组成一个粗糙的拼贴,我们可以以此阐述对某种具体风格的感觉。
情绪版需要刻意保持非正式感;这可以让设计师从比较宽泛的尝试开始着手,也可以在浪费太多时间在错误方向之前,就得到足够的反馈。你完全可以把情绪版看成快速的视觉原型图。
我该如何做一个情绪版?
你应该做的第一件事儿是评估项目然后选出最适合这个项目的情绪版风格。当然了,可供选择的风格很多,选择什么样的方向取决于项目分配的时间,你的个人工作习惯,还有最重要的,客户的个性。
方式1 : 随性拼贴
如果他们对于细节不过分苛刻,就很可能会爱上这种设计方式,也不会要求你制作特别详尽的情绪版。一个随性的拼贴已经足以传达我们期望的感官风格。下面就是一个这类情绪版的例子:
这应该是制作情绪版最简单的方法了,因为你只需要把所有资料快速的扔到一起,不用强迫自己去决定如何处理细节问题,比如字体和颜色规则。从你喜欢的地方随便抓取一些灵感。在你的周围搜寻,或者去网上查找一些合适的图片和材质。有时候,放入一些和你想要的视觉感受差不多的网站截图会有很大帮助。
虽然这是最高效而且有趣的一种制作方式,但如果你遇到一些对整体想法还不太明晰的客户,那么最不幸的结果是……这有可能让他们更为困惑和发散。
方式 2: 定义模板
如果你的客户没怎么和很多设计师或者市场人员一起工作过,或者他们对细节的要求非常极致,你可能需要使用一个更正式的处理方法。在这种方式中,我们制作一个模板来演示不同的元素。以下是一个实例:
定义好的颜色搭配,字体处理方式,比如为标题和副标题专门选取的字体,其他设计元素,如按钮样式和摄影作品也可以放进去。一个标准化的模板能够帮助你的客户聚焦到这些特定的元素上。
一般来说,不论任何项目,我都会为其先制作三个情绪版。根据具体风格的不同,我会花1-3小时在每个情绪版的制作上。在开始前,我会先未每个情绪版整理出一系列的形容词。下面就是一个例子:
暗的,有光泽的, 平滑, 现代,棱角分明, 坚硬, 有侵略性
柔软,柔和,圆润,层级化,优雅,拟真
多彩的,粗糙,速写般的,明亮的,线条
这些形容词被当作�出发点,我会以此来挑选各种素材。这些词(写在情绪版上)应该有比较大的区别。包含一个比较宽泛的风格样式非常重要,这样才能在此过程中获得比较大的突破。
我如何演示它?
要让你的客户有所准备,你需要先向他们解释清楚情绪版是如何介入整个设计流程的。告诉他们你希望在评审时得到什么,他们必须了解这个阶段任何意见反馈都是受欢迎的。
当你在做演示时,把客户带入到每个情绪版背后的灵感来源中。刚开始制作情绪版时所用到的形容词列表此时会派上用场。要提示对方情绪版中得一切都不是空虚来风,这只是一个简易的工具,让大家聚焦在整个设计流程上。
你会发现,大多数案例中,客户都能在看到情绪版的几秒内就知道什么样的感觉是对的。如果他们需要一些额外的选择,你也可以在这个阶段重新创作一套新的视觉感受,整个过程快速而且无痛。
这样做的好处是什么?
快速的原型产出
有时候客户会跟你争论,他们不愿意为了情绪版这样的产出物付钱,而是希望直接看到原型图,但实际上,在投入设计前花一点点时间制作情绪版,能够帮你节省无法计数的时间。依靠我们最初所做的清晰的视觉引导,可以轻松准确的进入到视觉原型设计环节。不会有�让人头疼的“空白画布综合症了”,也不会再有那些折磨人的感觉,仿佛自己正在为一个对方不喜欢的概念浪费时间。最好的是,不会再有意外发生。自从用上了情绪版,我每次都能顺畅的掌握整个项目,这跟之前相比完全是个颠覆。
客户买单过程更顺畅
此外,早期的客户参与让他们成为整个项目至关重要的部分。当客户越有参与感时他们越是信任你。情绪版让客户清楚的知晓你正在倾听他们的需要,并顾忌到他们为这个项目投入的心血。情绪版可以帮你聚焦在思考上,而不是草草作出决定,还能驱逐设计师突发奇想但表现平凡的概念。你必须要了解,为什么你挑选了某种素材,这可以有效避免这种情况的发生,因个人喜好(比如客户最喜欢的颜色是紫色,她就希望紫色要出现在背景上)而将无理要求夹杂到你的设计中。
更少的挫折感,更多地乐趣
情绪版如此有趣,你甚至很难把这当做工作来看待。松散的设计空间让你有更多精力去进行头脑风暴,探索或者尝试不同的风格,而不用去考虑板式的限制(或者代码实现问题),那些完全是后面才需要面对的事。情绪版还确保视觉风格重新定义的流程最小化,相信所有设计师都会对此感激。
案例
现在你已经明白情绪版十分有用,是时候在你的设计流程中加入它了。还没有准备好?看看下面这些案例,汲取一些营养吧。
下面这个情绪版,是为一家宝贝服装和饰物电子商城创作的。
他们选择了一些体现其品牌特性的形容词,比如风格化,友好的,现代。拼贴中体现了由蓝色和褐色构成的颜色搭配,一种混合手写和衬线风格的字体,圆润的按钮和一些手工元素。
为了对比,这里还给出一个例子,为同一项目所做的模板化的情绪版:
模板化是对原有情绪版的优化方式,放弃了手工元素但是依旧保留了蓝褐色的色彩搭配。色谱,图样,字体处理方式和图片的用例都更为明确。
如果你需要更多灵感,去Flickr Inspiration Boards小组看看,这个精选集中有形形色色设计师所制作的情绪版作品。
试着在你的下一个项目中使用情绪版吧。这很有趣,而且在设计理念的交流上,效果和效率都很不错。