设计基础:情绪板

本文内容主要来自于《A UX guide to designing better mood boards》、《Mood Boards for Product Designers》、《Design Mood. 7 Motives to Create Mood Boards》3篇文章(文末有链接)

 共分为4个部分

1 什么是情绪板?

2 为什么要建立情绪板?

3 创建和使用情绪板的8个技巧

4 情绪板应该包括什么?

 1 什么是情绪板?  

1 情绪板不仅在设计领域中很流行,而且在许多创意专业人士中也很流行。情绪板实际上是一个容器,人们往里面添加各种图片,以便可以将想法和概念形象化。

2 与线框和原型不同,情绪板不会显示未来项目的详细图片。它们旨在传递正确的情绪并带来产品期望的情感。

 3 情绪板是一种有用的工具,可以帮助设计师有效的与客户和团队成员进行协作。可以在紧迫的时间内轻松创建框架,并将抽象的想法变成真实的想法。这样,设计师可以与其他人有效地分享他们的想法。

由Tubik设计师Ernest Asanov编写的情绪板

 2 为什么要建立情绪板?  

节省时间和精力

情绪板一个很大的优点是,它不需要太多时间来完成。这意味着设计师可以在几个小时或更短的时间内,呈现概念视觉指南。情绪板可以轻松地进行编辑,从而节省了时间和精力。

这样的指导方针是一个良好的基础,可以快速进入原型的下一阶段。此外,如果客户对结果不满意并要求采用新概念,那么对于设计师来说时间成本较少,他们不会花一整天时间来创建详细的演示文稿。

2 汲取灵感

情绪板是寻找想法的好方法。图片和插图有助于找到正确的设计风格。

3 传达想法

当产品处于抽象概念阶段时,有时设计师和客户在讨论时很难相互理解。例如,双方对特定样式的看法有些不同,因此可能引起争论。这就是为什么拥有一些视觉参考(例如情绪板)总是一个好主意的原因。

4 找到正确的配色方案

通过在情绪板上混合不同颜色的图像,即使UI元素尚未准备好,设计师也可以尝试使用调色板。

5 为设计找到样式

如果创意团队尚未收到客户关于设计风格的指示,则任务将落在设计师的肩膀上。要查看一种或另一种样式的工作原理,无需为每种样式构建详细的原型。向情绪板添加不同的样式,尝试使用插图类型,测试字体并更改颜色。与使用情绪板进行选择相比,花时间逐个更改原型要更快,更方便。

6 获得客户信任

获得客户信任的一种方法是让他们感到自己已经深深地参与了项目。因此,在此阶段,如果他们愿意,他们可以积极参与样式和样本的选择。

由Tubik设计师Ludmila Shevchenko编写的情绪板


 3 创建和使用情绪版的8个小技巧  

1 传达正确的情绪

在制作情绪板之前需要清楚想要传达的情绪,在挑选情绪板图片之前,先想象一下会引起情感反应的事物。

2 确保情绪板相互协调工作

当设计团队负责制定整个产品设计策略时,至关重要的是为所有情绪板设定明确的方向以使其整体工作。这将有助于为开始设计之前打下坚实的基础。相互配合的情绪板可以帮助设计师创建一幅大图,每个人都可以清楚地看到团队想要在他们创造的产品中传达什么情感。

3 情绪板是参考工具

当你展示情绪板时,你就设定了期望。当利益相关者看到情绪板时,他们相信最终的设计与之相似。如果交付与情绪板的质量相差很大,则可能会失去客户的信任。

4 超越数字世界

在创建情绪板时,设计师经常会在网上搜索灵感。不要将自己局限于数字媒体。从大自然中汲取灵感。如果你喜欢摄影,请在设计产品中使用喜欢的镜头中的颜色。

5 合理规划情绪板

注意不要犯此错误:在情绪板上收集过多的图像。图像多并不是好事,图片数量越大,人们理解信息的机会就越少。用户的注意力有限,信息超载使消息更加难以确定。使用情绪板的主要目的不是娱乐性,而是解决特定的问题。这就是为什么并非所有图像和纹理都值得放在情绪板上的原因。创建情绪板时,应更像策展人,而不是收藏家。

6.选择正确的格式

根据项目的类型,你可以制作离线或在线情绪板。

当团队成员在相同的物理空间中工作时,脱机格式是完美的选择,并且可以亲自与利益相关者见面。离线格式的好处是你有机会亲自描述你的意思。客户可以提出问题并听取你的意见。

如果你有远程或分布式团队,则在线格式是唯一可能的选择。在这种情况下,需要花费额外的时间为所有团队成员弄清楚情绪公告板,以便对你提供的信息有所了解而无需评论。随意在董事会中添加一些词来描述想法。

7 突出关键信息

无论选择哪种形式,都必须选择一个或多个图像作为设计的基础,这一点很重要。可以使用一个简单的技巧根据物体的大小来引导眼睛。较大的对象(图像/纹理)比较小的对象更具吸引力。较小的对象可以补充较大的对象。

8 从情绪板收集最佳图像,以供将来的项目使用

情绪板不仅仅应该用于宣传。考虑为将来的项目使用情绪板。使用Pinterest保存示例。使用Pinterest的好处是你可以根据特定“板”上的内容找到更多的图片。

 4 情绪板应该包括什么?  

1 字体

选择符合你设计风格和情感的字体

2 色彩

选择合适的色彩,了解什么颜色会触发什么情绪,并确保与你的设计中情感保持一致

3 交互

可以去dribbble那样的平台找一些交互参考,但是更建议向开发或者交互设计要一点组件库

4 关键状态

设计按钮样式、链接样式、点击与非点击样式等

5 图标

可以在dribbble或者其他平台找一些符合你设计风格的icon

6 图片

可以在unsplash、istock上找一些灵感图片

7 插图

可以在bechance、dribbble上找一些插图

8 笔记

添加注释,风格关键词、设计方向等有助于在会议中更好的展示 

对于每一个有创造力的人来说,“情绪板”都可以成为一个有用的习惯。设计师可以创建情绪板来寻找灵感,或者将其作为工作流程中的附加工具。

最后附上3篇文章的链接

《A UX guide to designing better mood boards》:https://uxdesign.cc/a-mood-board-strategy-for-cohesive-visual-design-5620dec3fed7

《Mood Boards for Product Designers》:https://designmodo.com/moodboards/

《Design Mood. 7 Motives to Create Mood Boards》:https://uxplanet.org/design-mood-7-motives-to-create-mood-boards-b81ae36e399f

微信公众号/抖音/ 同名:菠萝方舟

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • 以下为译文(原文链接) 想象一下,当你花费大量时间尽心尽力的完成了一个详细的视觉稿,然后却直接被客户拒绝了,并且说...
    团子Lyn阅读 12,983评论 1 1
  • 想想看,你花费了大量的时间来构思,设计,最后做出了一个完整的原型,可是客户直接拒绝了你的设计,甚至吐槽你的设计和他...
    youyeath阅读 808评论 0 4
  • 施梁俊: 今天,我七点起床,昨晚我把王钰杰定的四点的闹钟关掉。因为他说他要起来玩耍,但是我想多睡一会,于是我就偷偷...
    c77ede40f8aa阅读 486评论 0 1
  • 集合类的由来:对象用于封装特有数据,对象多了需要存储,如果对象的个数不确定。就使用集合容器进行存储。 集合特点:1...
    骇客与画家阅读 883评论 1 0
  • 看着他的时候 我总能听见一个声音说 假的 伴随着,撕裂的声音 心好累 厌烦了现在的生活 厌烦了靠演技骗出来的幸福 ...
    冷暖心知阅读 190评论 0 0