设计师都在用的情绪板究竟是什么?为什么都说情绪板是万能的?考虑为下一个设计项目设计情绪板吗?如果你还处在观望状态,那么花2分钟浏览本文,一定能帮助到你。接下来,我们不仅会解释什么是情绪板以及情绪版的作用,还会教你如何用Pixso通过五个步骤高效设计情绪板。

1. 什么是情绪板

情绪板是各种视觉元素(包括文本、图像、颜色和排版)的拼贴画,无论是设计网站、装修厨房,还是开发手机应用程序、执导电影短片,情绪板的用法几乎可以贯穿设计的方方面面。通常,情绪板上会包含以下内容:

  • 图像:添加任何表达你想法的图片,可以是照片或是数字插图。

  • 颜色:纯色、笔触或调色板,可以帮助你确定配色方案。

  • 文本:包含描述项目情绪的单词或短语。

  • 排版:比如错层网格、轻投影卡片、混合现实数字化叠加等,考虑整体视觉呈现。

情绪板

2. 设计师为什么必备情绪板

设计情绪板能够帮助传达项目的整体“情绪”,表达设计师的创意愿景,协助设计师找到正确的设计方向。同时,因为设计和美学是个抽象的话题,而想要用语言来描述设计想法有时候并不是那么容易的,但是通过在情绪板上将设计构想可视化,有利于促进团队分享和合作。

在与客户沟通方面,情绪板设计也同样好用:尤其是面向没有设计基础的客户时,借助情绪板,可以清晰描述设计师的想法,帮助客户更形象化地理解项目的方向。

3. 如何用Pixso创建情绪

情绪板设计最初是覆盖着彩色杂志剪纸的物理面板,但在日益数字化的今天,已经有很多工具可以在线设计情绪板了,其中,在线协作设计工具Pixso是众多设计师用来设计情绪板的首选。以下是用Pixso制作情绪板的方法,简单五个步骤即可完成:

第一步:知道为什么要设计情绪板

在开始创建前,你需要首先明确即将开展的项目目标是什么。例如,不要简单地说你想更改公司网站的颜色,而是考虑旧配色方案中缺少的内容是什么?它是否会影响公司网站的浏览量?它与品牌使命是否契合?了解项目背后的动机,可以帮助你创建更具战略性的情绪板。

第二步:创建一个空白画板

打开Pixso工作台,使用快捷键“F”或位于移动工具栏的专用画板工具创建任意大小的画板。

创建Pixso空白白板

第三步:收集你需要的内容

下面,我们以Pixso资源社区的健身网页设计为例,继续我们的情绪板设计。这一步要做的就是添加任何表达设计创意愿景的视觉元素,不必局限于照片,可以截取最喜欢的字体类型或添加颜色、纹理的图像。记得,这是一幅拼贴画!

关键词:一说到健身我们会想到什么关键词呢?运动、肌肉、健康、汗水、跑道、器械......

关键词联想:对关键词进行细化和联想,得到更加详细具体的关键词,例如:肌肉可能联想到肌肉发达的运动员,运动可能联想到跑步的人、打球的人等等。

通过关键词查找素材:通过上面的关键词,我们可以找到各种图片素材,有场景相关的、元素相关的、字体相关的、色彩相关的。

另外,如果你不确定在哪里可以找到情绪板的视觉元素,Pixso可以提供帮助。

  • Pixso资源社区内置海量国内外大厂的设计系统及组件库,包括阿里、京东、华为等优秀设计规范,各类设计资源应有尽有,并且更新频率非常快。设计师可以通过免费浏览和下载设计案例的方式获取设计灵感,还有很多实战项目设计资源也可以免费下载使用。

  • Pixso工作台内置插件Pexels,设计师在进行界面设计时,无需打开新的页面标签即可通过关键词和限制条件查找合适的图片素材,选中后直接拖曳便可使用,快速开启情绪板设计。

第四步:将所有内容整理成拼贴画

到这里,我们只需要将在Pixso中收集到的情绪板素材和关键词放到一起,情绪板就创建好啦!

健身网页设计

第五步:分享你的情绪板

在Pixso中,分享你的情绪板很容易。你不仅可以将其导出为多种格式,还可以一键转发给团队伙伴,标注信息一应俱全。团队成员打开即可查看、编辑甚至导图,缩短了访问步骤,增大了沟通效率。此外,进入观察者模式后,用户可以在远程会议和项目汇报等场合直接进行情绪板播放,演讲的同时,也让观众查看情绪板内容,可谓是提高工作效率的必备神器!

Pixso分享链接

情绪板设计完成之后,我们就可以开始具体的视觉方面的设计了。大家可以看到下图最终呈现的视觉效果中,大部分元素都是来自于之前的情绪板。总的来说,情绪板是进行各种项目的设计风格探索的好方法,现在你已经知道如何通过Pixso用简单的五个步骤来制作情绪板了,不妨打开Pixso工作台,自己亲自动手试试看吧!

Pixso协作功能