美文网首页UI-视觉视觉产品设计
UI/视觉设计师如何确定一个产品的主视觉风格?

UI/视觉设计师如何确定一个产品的主视觉风格?

作者: 庖丁开发 | 来源:发表于2016-08-29 22:25 被阅读2544次

参考自:网易UEDC、简书 庖丁开发整理

一个产品的视觉效果无异于一个人的外形打扮,它是用户对你的产品的第一印象,直接影响到用户接下来的使用体验,尤为重要,那么一个好的视觉风格是怎么设计出来的呢?今天丁丁给大家介绍一个名词:情绪板(Mood Board)。它是一个系统的确定主视觉风格的方法。

什么是情绪板?

MOOD BOARD(情绪板),是指对要设计的产品以及相关主题方向的色彩,图片,影像或其他材料的收集,从而引起某些情绪反应, 以此作为设计方向或者是形式的参考。帮助设计师明确视觉设计需求,用于提取配色方案、视觉风格、质感材质,以指导视觉设计,为设计师提供灵感。

视觉设计师可能会花很长时间产出了精致、高品质的设计,得到的却是用户或客户的一句话:这不是我想要的!一般来说,在没有见到效果前,人们并不清楚自己要的是什么。但是在看到成品后,他们可以轻易地判断是否符合自己的喜好或期望。因此,在为错误的设计方向投入过多前,了解用户对风格的期望和需求,从而确定整个网站或产品的视觉风格是有必要的。

情绪板是一种借助图像,启发和探索用户的体验,然后再作用于视觉设计的研究方法。 可以调查并形成具有指导意义的「风格感受」和「设计元素」。情绪板的核心原理是依靠「图像」,沟通产品与用户、用户的潜意识与意识、用户的感性(情绪)与理性,其神经心理学基础为:

  • 大部分沟通为非语言的
  • 思考是通过影像产生的
  • 感官影像为重要隐喻,而这些影像大多是视觉的
  • 思考中的深层结构是可触及的
  • 体验是理性与感性(情绪)的混合

此外,情绪板也可以作为可视化的沟通工具,快速地向他人传达设计师想要表达的整体感觉(feel)。

如何创建一个情绪板

完整过程总览

首先,需要明确体验关键词。在一个设计项目中,通过进行涉众访谈和用户研究,研究设计人员创建了产品的人物角色,然后基于人物角色,综合用户研究结果以及品牌/营销文档,可以得出体验关键词。当人物角色和体验关键词都确定后,可以通过使用情绪板来探索网站或产品的视觉风格,并作为和内部人员进行早期沟通的基础。

丨确定体验关键词


主要是通过事先涉众访谈以及对既往用户的研究,比如这个产品给用户带来什么特别的感受,和 xx 竞品相比有什么差异等问题来确定体验关键词。

丨图片素材的收集


体验关键词提取好之后,可以在内部使用情绪板,由视觉设计师来完成,要注意以下几点:
1、需要制作3套以上情绪板供评审。
2、制作的过程是个迭代的过程,需要内部团队慎重讨论决定。
3、情绪板的形式可以有多种,如拼贴画或精致化的模板。

丨邀请用户来参与创建情绪板


最终你的产品时为用户服务的,所以还要由用户参与创建、更改情绪板。这时候要注意可以呈现给用户的图片有限的,因此,在挑选图片时,需要内部研究和设计人员协同,根据视觉设计所需要考虑的几个维度结合已有的关键词进行图片的筛选。一般来说,在将图片呈现给用户之前,内部人员已经明确了每一张图片所代表的意义,在用户选择和访谈结束后,两方面的数据综合分析才能获得最终的结果。

情绪板用于视觉设计的实践

实践才是真理。我们用一个案例来分析阐述如何利用情绪板的结果,并与视觉设计很好地结合起来。在 App Store 随意选择一款手机应用《老偏方》,用作实践。

对《老偏方》采用情绪板的用户研究方法(具体过程略去)。情绪板结果如下:

情绪板结果分析、及提取视觉元素:

设计过程如下:

丨背景


丨导航


丨点击导航


****丨最终成果(对比)

一个看似简单的 logo 其实是经过无数的调研,分析设计出来的,同样,一个页面的主视觉页面也不是随便设计出来的。周一学会用情绪板确定主视觉风格的目标完成了,如何去做好就要在工作实践中去摸索总结了。

相关文章

  • UI/视觉设计师如何确定一个产品的主视觉风格?

    参考自:网易UEDC、简书 庖丁开发整理 一个产品的视觉效果无异于一个人的外形打扮,它是用户对你的产品的第一印象...

  • 认识几种职业名称缩写

    ■ 交互设计师 | UE■ 产品经理 | PM■ 视觉设计师 | UI■ 前端工程师 | FE

  • 运营口中的“营销气氛”是什么?

    在UI设计师的工作中,主要是负责界面的交互逻辑与视觉呈现,而这里的视觉展示是需要根据整个产品的视觉规范来进行设计。...

  • 2015-2016UI设计感悟

    写写最近对设计的感悟和观点1、永远不要忘记UI还是视觉设计师,不要把自己做成了交互设计。视觉的重点是如何通过视觉设...

  • PM、PD、UE与UI 分别是什么?有什么关系?

    PM、PD、UE与UI,分别是产品经理、产品设计师、用户体验师、视觉设计师四个角色。一般来说,这个顺序就是一个产品...

  • UI 设计的整个工作流程是怎样的?

    UI设计工作流程: 产品经理(PM)——交互设计师(IXD)——视觉设计师(GUI)——用户研究工程师(UE)——...

  • UI设计行业实战课

    UI设计行业实战课: 第一节:UI设计流程产品经理(PM) 交互设计师(IXD)视觉设计师(GUI)用户研究工程师...

  • 产品经理怎么检验视觉规范文档

    今天视觉设计师拿出了一本视觉规范文档出来,让产品经理评审。借这个机会正好做个总结。产品经理到底该如何去评审视觉规范...

  • 如何做好UI设计师的简历

    这周跟朋友在讨论UI设计师的简历是否需要作出很酷炫的视觉风格?作为一名UI设计师做怎样的简历才算好?还是说反正自己...

  • 用户体验

    用户体验=视觉体验(UI设计师)+交互体验(交互设计师)+情感体验(全部)逻辑体验(产品经理) 调高用户体验方法:...

网友评论

本文标题:UI/视觉设计师如何确定一个产品的主视觉风格?

本文链接:https://www.haomeiwen.com/subject/bvkfettx.html