欢迎来到优设汇网
帮助中心

优设汇网

热门搜索: 平面设计    网站建设    广告&印刷    优云智慧   

大厂都在用的情绪板,到底是什么?

  • 时间:2020-06-20 17:45 编辑:鲁仲鹏 来源:网络 阅读:202
  • 扫一扫,手机访问
摘要:但光知道它是什么,必然是不够的,扫盲不能只扫一半,我们还要再来说说它要怎么用。情绪板创建使用流程学会怎么应用情绪板,就要先了解情绪板的创建方法和流程。网上流传的流程大多来自几年前淘宝UED团队的分享,大致如下图:具体流程怎么样我就不多做解释了,因为这个流程对于一般团队或者设计师来说,都太复杂了,完全不利于我们实际产出的落地和执行。并且,情绪板的执行流程是没有一个固定的方式的,完全可以根据自己的需要进行调整和变更,可以简单也可以复杂,下面

但光知道它是什么,必然是不够的,扫盲不能只扫一半,我们还要再来说说它要怎么用。

情绪板创建使用流程

学会怎么应用情绪板,就要先了解情绪板的创建方法和流程。网上流传的流程大多来自几年前淘宝UED团队的分享,大致如下图:

具体流程怎么样我就不多做解释了,因为这个流程对于一般团队或者设计师来说,都太复杂了,完全不利于我们实际产出的落地和执行。

并且,情绪板的执行流程是没有一个固定的方式的,完全可以根据自己的需要进行调整和变更,可以简单也可以复杂,下面是我自己总结和应用的情绪板执行流程。

1. 关键词提取

在项目设计前,我们要获取3-5个必要的关键字词组,这些关键字就是我们本次设计所要实现的产品、交互或视觉目标,通常由一些比较抽象的形容词组成。

常见的比如:高端、大气、上档次……

以及高效、简洁、实用、精致、质感、格调等等。

2. 映射衍生词

第二部,就是在原有这些词汇的基础上,来衍生出一些新的词语。而这种衍生词汇,不是简单脑暴一下就能产生出来的,而是要有目的性的进行提取。

而我将这种衍生词汇的方式划分成了视觉、心境、物化三个类型。

在大厂专业的用研中,这些映射是通过对用户进行访谈,咨询他们对这些关键字的联想统计出来的,比如下面这样的表格。

如果还要通过用研的方式去获取这些内容,不仅操作起来非常麻烦,而且访谈样本数不够的话获得的词汇准确性也会有非常大的误差(访谈一直是我认为最没用的用研流程)。

所以,这个操作是我们可以通过自己的联想发散来完成,如果觉得思路枯竭,也可以自己找同事、朋友来进行「看词填空」活动,获取相应的衍生词,衍生词汇的数量适中即可,千万不要认为越多越好。

3. 图片检索

之所以我们有一个映射衍生词的流程,是因为初始获得的关键字通常都是一些「假大空」的套话,例如耳熟的高端、大气、上档次,直接使用些词汇去获得指定的图片素材内容是不现实的,需要缩小范围。

所以,我们要在衍生词的基础上,分别对几个关键字增加不同的图片检索关键字和方向,然后就可以去不同的图库中进行查找了。

4. 情绪板制作

搜索了大量的图片,我们要从中挑选出符合我们需要的素材内容,然后进行下载和整理。而整理的工具重点推荐使用 Eagle,如果没有购买 Eagle 的情况下,花瓣或本地文件夹管理也可以做为替代品。

首先,为本次项目创建一个文件夹,然后在下级创建不同关键字的文件夹,再根据每个关键字相关的衍生词创建子文件夹,将我们挑选到的图片置入其中,如果习惯使用标签的同学也可以使用衍生词标签进行替代。

这样操作完成以后,我们就可以在项目根目录中,选中文件夹,并开启 「显示子文件夹内容」,就可以看到下级有关的所有图片内容了。

5. 风格分析

有了上面这些相关联的大量图片素材以后,就到了我们进行风格分析的环节了,在这个环节不是直接就能定义好我们后续设计的风格,而是要先对下面两个目标做一个粗略的制定 —— 色彩和目标风格参考。

对于色彩的分析上,就是根据我们整体收集的素材中,哪一个色系的观感和产品的关键字以及整体的需求相近,那么我们就重点挑选这个色系的图片出来,并通过手动吸色或相关工具来获得它的配色信息,如下图所示。

然后,我们要再去搜索和情绪板呈现的感受近似的设计案例,作为设计参考。这是一个将抽象的感受在UI中具象化的过程,而最好的方式并不是我们直接对着图去想设计的细节,而是用已经完成的案例来做参考总结,比如下面收集的这些相关案例。

从这些设计的实际案例中,我们就可以得到一些设计细节上的指示,比如使用直角按钮、横线分割、纯色填充、留白较大等等,和大量使用渐变、投影、毛玻璃的设计明显不是一种类型。所以总结了这些参考,那么我们脑子里也就有画面了,可以展开具体的设计了。

到这一步,我们对于情绪板的创建和使用,也就完成了。而剩下的,就是通过在具体的设计过程中对前面的内容进行尝试,设计出一套符合目标和让我们满意的结果出来。


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【IT|互联网|】2020 年最好用的一键生成设计神器,全在这里了!(2020-07-11 18:30)
【IT|互联网|】画面总是太单薄,试试这招了吗?(2020-07-11 18:26)
【IT|互联网|】超多案例!平面高手帮你完全掌握版式设计中的「识别属性」(2020-07-11 18:22)
【IT|互联网|】2020年7月超实用设计圈干货大合集(2020-07-11 18:19)
【IT|互联网|】全新的 iOS 14 小组件要如何设计?来看官方设计指南!(2020-06-28 18:23)
【IT|互联网|】8000 字干货!帮你完整掌握阻力设计在产品中的应用(2020-06-20 18:19)
【IT|互联网|】大厂都在用的情绪板,到底是什么?(2020-06-20 17:45)
【IT|互联网|】用一篇超全面的文章,帮你掌握服务设计思维(2020-06-13 16:04)
【IT|互联网|】边看综艺边学设计!从那些超火的综艺节目里学到的设计趋势(2020-06-13 15:57)
【IT|互联网|】高手出品!从零开始学会交互设计(2020-06-13 15:38)

联系我们

工作时间:9:00-21:00

投诉建议:ceo@yoshehui.com
vip会员
联系客服
开店小二 入驻认证 投诉建议 联系客服
023-62496834
手机版

扫一扫进手机版
返回顶部