app设计中色彩的类型有哪些

如题所述

我们在设计APP颜色主要还是屏幕端,那就是RGB

如果是在设计一款APP 如何考虑他的配色 我们可以有以下方法


分析人对颜色的普遍认知/感觉,再结合产品特色来进行色彩的选择;抑或是从现有app采取的颜色来分析其视觉传达和表现效果。


当我们实际要采用和确定一种颜色时,思考会涉及到方方面面,不是仅仅通过主观感知就能确定的。因此我们需要一种方法,来正向的、科学的、尽量客观去做出选择。下面我就是来介绍这么一套方法论。

当然,此方法只适用于有精力、有意愿花在色彩用户研究上的团队和公司,并不是每个公司都那么适合用。


关于一个APP,或者是一个互联网产品的视觉风格和主题颜色是怎么确定其实是有一套系统的方法论的。这个方法论叫做:情绪板(Mood Board)。下面我贴一份网易UEDC的文章来解释情绪板的运用方法。

什么是情绪板?

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

情绪板是一种启发式和探索性的方法,可以对如下问题进行研究:图像风格(photography style),色彩(color palettes),文字排版(typography),图案(pattern)以及整体外观以及感觉。视觉设计和人的情绪紧密相连,不同的设计总是会引发不同的情感。

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


如何创建情绪板?

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


体验关键词(Experience Keywords)举例

其次,应基于时间限制,个人工作习惯以及用户的需求对情绪板的呈现方式进行选择。一般来说,可以从实体/数码,以及拼贴/精致模板两个维度来区分情绪板的呈现方式。

A. 拼贴画

这是一种最简单地创建情绪板的方式。使用这一模式,无需考虑诸如字体和特定颜色之类的细节问题。找到那些可以激发灵感的素材,其中可能包含那些传达相似风格和情绪的网站的截图。这种方式快速,有趣,但是,具有一定的含混性。

B.精致化的模板

模板可用来展示不同的元素。如:

在这种形式的情绪板中,界定了配色,字体处理(如标题和副标题),按钮风格甚至是图片风格。标准模板可以让人们聚焦于特征化元素。

一般来说,情绪板可以以实体的方式呈现,也可以以数码方式呈现的,考虑到成本,时间等因素,我们多选用数码的方式,因为这种方式更为设计师提供了更灵活,多样的选择。

第三步是选择素材创建情绪板,这是一个迭代的过程。

如何使用情绪板?

在使用情绪板过程中,体验关键词的作用相当重要。这里首先要说明下什么是体验关键词,可以参考以下的几张PPT截图(此PPT为UCD CHINA2009年会上工作坊所用的PPT)。

用户研究方法介绍——情绪板(Mood Board) image_20100205141819

获得体验关键词是情绪板的第一项工作,一般从内部涉众(相关的产品和设计人员)及外部用户两种渠道获得。

自涉众访谈和用户研究中,可以收集大量的体验词样本。在获得这些样本后,可以内部进行讨论,通过归纳整理精简为几个关键词。

体验关键词提取好之后,可以在内部使用情绪板(如果受限于资源或公司的保密政策),也可以招募用户来完成。

在内部,由视觉设计师来完成,要注意以下几点:

1.需要制作3套以上情绪板供评审。

2.制作的过程是个迭代的过程,需要内部团队慎重讨论决定。

3.情绪板的形式可以有多种,如拼贴画或精致化的模板(二者的区别在文档中有)

如果招募外部用户,则要注意以下几点:

1.主持人需要不断询问被访者,去探究选择图片背后的原因:“为什么你会选择这张图片?能否和大家分享一下你的想法?”

2.注意差异的挖掘。注意挖掘被访者之间的观点差异,一百个人心中有一百个哈雷姆特,同一张图片对于不同被访者可能会有不同的解释,如果好几位被访者同时选择一张图片代表他们各自对某个品牌的感觉,注意询问他们选择这张图片的原因是否一样。

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

以上是操作情绪板的一些技巧的总结。下面再share两个情绪板中的用户实例,以加深大家对情绪板的理解。从下面两只PPT可以看出来,运用了情绪板方式之后,用户明显更有兴致分享自己对产品的感受,而且叙述也更加有条理。有兴趣的同学,可以下载相关的音频文件做进一步了解。


最后,提供一些在线调色网站的资源给大家,可以帮助我们为情绪板挑选图片及在图片中提取色彩。



------end-------

本来我是想贴完上述结果就完了的,但是怕有人不理解所以做了以下这个示范。
需要说明的是,以下内容仅作参考,我没精力也没义务在1小时内完美的做完一套需要一周时间完成的准确无误的调研分析报告,无论是取样还是分析肯定都会有很多问题,所以请别扣我细节了。知道是怎么用就OK。。。


OK,那么现在我们已经知道了情绪板的运用方法,就来马上动手试试。


首先,我给自己定义一个主题:外卖APP。

关键词提取:美食 快速 送餐 打电话 (越多越好)


根据关键词寻找的一些图片(色系尽量丰富,风格尽量多样):



然后根据查找的图片提取出用色:


当然,现在提取出的颜色是杂乱的,且不具代表性。因此我做了第一次颜色筛选,提取出了最高频的16种颜色。


接着是第二次颜色筛选,主要去掉竞品色(美团外卖、饿了么、百度外卖、达达、派乐趣、点评、京东到家、爱鲜蜂等)和脏色。当然去掉之后发现基本没什么可用的颜色了,因此还有一个问题就是,如果竞品色不足以影响到我们的品牌色的话(在可控范围内),还是可以采用的。具体这个决策过程需要大家一起讨论决定。


筛选出以下颜色:


现在我们基本可以控制可选择的主题色了,如果人力足够的话,建议多做几个版本以查看具体使用效果。当然,也可能是老板拍板来决定。


其他的视觉风格,如图像风格、文字排版等也可以在这个调研基础上进行确定。

温馨提示:答案为网友推荐,仅供参考
相似回答