我们在设计中经常会遇到新版本或改版的设计,从创意想法到设计初稿的过程可能会花费比较长的时间,甚至还会面临客户无数次的改稿要求。然而,情绪板可以很好的解决以上问题。

很多国外设计师和一线互联网大厂的设计师都在使用情绪板,本篇文章致力于称为情绪板的技术。下面由Pixso带你了解情绪板是什么,通过这份使用指南,我们可以掌握情绪板的作用、组成、样式以及灵感搜集过程。

什么是情绪板

情绪板(英文MoodBoard),通常是指一系列图像、文字、样品的拼贴,它是设计领域常用的表达设计定义与方向的视觉做法。情绪板技术不仅在设计领域流行,而且在许多创造性的专业人员中也很流行。情绪板是确实的板(数字或材料),从照片到各种肌理,人们填充不同种类的东西以至于能将想法和概念形象化。

情绪板

与线框和原型不同,情绪板不显示未来项目的详细图片。它们意在传递正确的情绪,并带来产品期望的情感。无论对于设计师,还是设计专业的学生而言,在设计过程中使用情绪板,可以更好地寻求设计方向、打磨设计过程,还可以在团队之间传递设计灵感与设计思路,从而使想法充分融合,深化设计。

情绪板的组成

每个情绪板都是不同的,包含的内容会根据项目需要而有所不同。

重要的是要包含尽可能多的元素,让想表现的设计思路更清晰。情绪板中包含的内容包括以下几种:

•图片

包括品牌图片、图库上的摄影/产品图片、插画、logo等。

•颜色

色板是情绪版的重要组成部分,根据搜集的素材我们能确定哪种色系跟整体需求更相近,再通过吸色来获得配色信息。

•隐喻

视觉隐喻在品牌或图标设计中的运用较多,如果有必要也可以包括在情绪板中。

•文字

搜集与品牌或主题相关的文案,或者展示选用的某种特定的字体。

•纹理

设计中涉及到的纹理或图案都应该包含在情绪板上。

•批注

根据需要对情绪板中包含的元素进行解释说明,更方便团队协同工作。

如何创建情绪板

情绪板是一个很好的方法来实验调色板、字体和风格,以及规划一个项目的视觉层次。每个人都可以自己决定在情绪板中包含哪些组成部分。UI/UX设计师通常使用各种样本以至于可以来描述界面元素的特征。让我们来看看情绪板常见的几种类型。

自由拼贴式情绪板

设计师经常收集免费高清的图片,方便他们在项目或其他地方使用这些素材。这些收集品可能有助于情绪板的创作。

将美丽的照片自由拼贴是传递设计理念的一种有效方式。此外,拼贴可以用插图,字体和颜色案例来构成。创建这种类型的情绪板是最快的,也是最容易的。但是,如果客户比较关注细节,他们可能并不会对将来项目中的这些拼贴感兴趣。

自由拼贴式情绪板

(来源:设计师 Ernest Asanov 分享)

参考式情绪板

灵感来源和想法可视化的另一种方法是找高质量的参考。网上有很多资源,如Pixso社区资源板块,在那里设计师可以通过免费浏览和下载设计案例的方式获取灵感,还有很多实战项目设计资源也可以免费下载使用。

参考式情绪板

由一个相同风格或任何其他特性联合起来的设计作品可以很容易地说明一个新项目的想法。此外,这样的情绪板可以帮助客户有效地理解一个概念,因为他们可以看到类似的参考,并能够大致想象出他们的产品会是什么样子。

模版式情绪板

Pixso示例的这些情绪画板更像是原型和线框图,它们的目标是展示产品的结构和视觉层次。不同之处在于,模版画板上的UI元素没有线框图中的原型或示意图那么详细。把随机的插图和照片来当做界面的构成元素,并以此来展示产品的布局。

模版式情绪板

此外,可以用这种方式选择图像,从而更容易的确认合适的产品配色。这种方法比原型更快,因为它不需要细节。

以上就是国外设计师和一线互联网大厂UI设计师都在使用的万能情绪板,当涉及到创建情绪板时,设计师们常常在网上寻找灵感。如果你也想尝试制作自己的情绪板的话,可以打开Pixso的社区资源板块,里面有许多优秀的设计案例模板,或许可以给你带来很创意的设计灵感!