视觉设计基础:万能的情绪板

情绪板由能代表用户情绪的文本、元素、图片拼贴而成,能够很好地帮助我们定义设计的方向。

设计是一个主观的行为,我们在做商业设计的时候需要找到商业和美学的平衡点,这就要求我们有一个客观的理论去支撑我们的视觉设计。而情绪板是一个能客观表达我们设计理念的方法,它可以帮助我们定义视觉设计相关的5大内容: 色彩、图形、质感、构图、字体 。情绪板的用法几乎可以贯穿UI设计的方方面面,所以我称之为万能的情绪板。
超级产品经理

  01 什么是情绪板?

情绪板是由能代表用户情绪的文本、元素、图片拼贴而成的,它是设计领域中应用范围比较广泛的一种方法。它可以帮助我们很好的定义设计的方向。
超级产品经理

  02 情绪板的作用

我们通过情绪板的方法可以帮助我们定义到和我们设计相关的
5大内容:色彩、图形、质感、构图、字体
超级产品经理

03 如何制作情绪板?

情绪板的制作可以分为五个步骤进行

  • 关键词: 寻找主题相关的关键词,关键词包括各个方面,可以是感觉相关的,也可以场景相关的、还可以是名词相关的。,只要对我们的主题有帮助都可以放上去
  • 关键词联想: 关键词联想这一步的前提是需要我们筛选之前选出来的关键词,再对精选之后的关键词进行发散和联想,这样就可以获取更多的灵感
  • 找素材: 关键词联想完成之后,我们接下来根据这些词去寻找相关的素材,我一般是在视觉中国、花瓣、海诺创意、Pinterest中进行寻找
  • 创建情绪板: 这一步需要将我们将找到的素材进行归纳和整理,并最终获得和我们设计相关的5大内容: 色彩、图形、质感、构图、字体
  • 视觉设计: 最后就是进行视觉的设计,在视觉设计之前我一般会手绘出大致的画面,帮助自己确定画面的构成,方面之后的设计

超级产品经理

04 案例操作

我用一个简单的案例来帮助大家更好的学习使用情绪板
主题:新年APP启动页设计
文案:金狗贺岁  CF STUIO
超级产品经理
关键词:
一说新年我们能想到那些关键词呢?比如:热闹、红包、团聚、贴对联、拜年…
超级产品经理
关键词联想:
我们再对关键词进行细化和联想,得到更加详细具体的关键词,比如:热闹,我们可以联想到吃年夜饭、放烟花、放鞭炮…
超级产品经理
找素材:
通过这些关键词我找到了各种图片素材,有场景相关的、元素相关的、字体相关的、色彩相关的…
超级产品经理
创建情绪板:
通过前面的关键词和找的这些素材图片,我们进行了一次小型的头脑风暴,最后定下期寄、欢聚这个新年主题,最后在创建情绪板的时候,我们元素的选择也是往这个方向去靠。
那么问题来了,创建情绪板的时候应该选择那些元素呢?我的建议是选择5大内容相关的图片: 色彩、图形、质感、构图、字体 。
超级产品经理
视觉设计:
情绪板创建完成之后,我们最后一步就是视觉的设计了。大家可以看到最终呈现的视觉效果中,大部分元素都是来自于情绪板。
超级产品经理
视觉效果图

总结:在设计如何运用情绪板的五个步骤:
关键词、关键词联想、找素材、创建情绪板、视觉设计

文章到此就已经结束了,感谢大家的阅读,如果对于情绪板还有什么疑问和建议的话,请在下方留言。也欢迎大家关注我,接下来小凡会为大家带来更多UI知识体系系列的文章内容。
 
作者 @小凡 。

关键字:情绪板, 情绪, 关键词, 设计


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部