您当前所在位置:ag旗舰厅 > 热门新闻 >

App 的主色调选择什么讲究 App 的颜色对其影响大吗

浅易的说。冷色偏理性,暖色偏感性。像知乎这栽以分享知识为主题的APP用理性的蓝色是相符的。像淘宝这栽以引导你买买买,买完各栽剁手,自然是要用隐约感性的橙色。其它的APP柔件能够参考这两个柔件的用色方案来体会各公司的定位和诉求。当一个 app 的 icon 的颜色是品红色,可当点开 app 却发现默认主题色是蓝色时,吾就不晓畅这是什么鬼了。这个话题对于学交互,做ui的来说,这个题目真是一把鼻涕一把泪啊~吾只想说色彩是一门很大很大的学问。倘若做一款app的话能够望到,在后期的界面设计中,确定主色调前必要做的一件事就是美感版~~~美感版是啥玩意呢~能够是这些也能够是这些这些就是吾们把一些杂志上喜欢的颜色或图片裁剪下来~~这些就是美感版啦~~~自然了,吾们要根据这款产品的用户人群、产品方一向定产品的色调风格,这个美感版只是一栽追求色调的手段罢了~能够望望站酷上这位大牛写的相关色彩的《色,你怎么了?》一时写这么多 吃饭去了~谢邀。楼上的回答几乎都是从终局起程,来分析人对颜色的普及认知/感觉,再结相符产品特色来进走色彩的选择;抑或是从现有app采取的颜色来分析其视觉传达和外现造就。BUT,当吾们实际要采用和确定一栽颜色时,思考会涉及到方方面面,不是仅仅经历主不悦目感知就能确定的。因此吾们必要一栽手段,来正向的、科学的、尽量客不悦目的去做出选择。下面吾就是来介绍这么一套手段论。自然,此手段只适用于有精力、有意愿花在色彩用户钻研上的团队和公司,并不是每个公司都那么正当用。关于一个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栽颜色。

接着是第二次颜色筛选,主要去失踪竞品色(美团外卖、饿了么、百度外卖、达达、派趣味、点评、京东到家、喜欢鲜蜂等)和脏色。自然去失踪之后发现基本没什么可用的颜色了,因此还有一个题目就是,倘若竞品色不能以影响到吾们的品牌色的话(在可控周围内),照样能够采用的。详细这个决策过程必要行家一首商议决定。

筛选出以下颜色:

现在吾们基本能够控制可选择的主题色了,倘若人力有余的话,提出多做几个版本以查望详细行使造就。自然,也能够是老板拍板来决定。

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

颜色在前卫和 lifestyle 周围一向是很主要的事情。色彩钻研机构 Pantone 每年都会评选年度代外色,讲述它们本身的性格和文化含义,上个月同时入选 2016 通走色的两个颜色想必行家还有印象。

根据豌豆荚的后台数据统计,2015 年,共有 452052 款新行使在豌豆荚上架。吾们根据红橙黄绿青蓝紫 7 栽颜色给这些行使的主色调归类,其中 33% 的行使选择红色行为主色调,其次是蓝色,占比 20.79%。另外,下载率最高的是采用紫色为主色调的行使,比第二名绿色高出 12%;但以绿色为主的行使也有另一个上风:它获得了比其它行使多 16% 的益评。

吾们在以前一年豌豆荚设计奖的评选和内容制作过程中,发现了一些兴味的事情:往往设计特出的行使,在颜色的选择上也更有意已久。于是 2016 年头,豌豆荚的年度设计奖从「颜色」的角度评选出了 8 款年度行使。

最后评选出的这 8 个行使,每一款行使的颜色都带有设计师的思考和愿景,它们在颜色这件「幼事」上倾注的,往往比你想象的要多:

Airbnb

主色调:Rausch

世界上第一个 Airbnb 房屋,是在一条叫 Rausch Street 的街上诞生的。而 Airbnb 的主色调,就是一栽叫做 Rausch 的温暖颜色。

在挑选主色调的时候,四名设计师前去 13 个城市,横跨 4 大洲, 只为了更益的理解 Airbnb 的理念:亲炎、能量和自夸 —— 这正是 Rausch 要传递的新闻。

除了 Rausch 以外,Airbnb 还有其它九栽颜色,包括 Kazan、Beach、Tirol、Foggy 等等,它们也都是以 Airbnb 的社区街道命名的。

Airbnb 总是有手段发现这个星球上最独一无二的住所。你能够经历 Airbnb 和亲手设计济州岛海边别墅的设计师共用早餐,或者在喜欢珍藏古董的老太太带领下寻访罗马最棒的古着店 —— Airbnb的象征意义,远远超越旅走本身,它所构想的,是一个「家在四方」的世界。

锤子便签

主色调:米黄色 #F9F5ED

锤子便签设计的起程点,是做一个「浅易益用的便签工具」。浅易、清洁,纸张铺在一张木头桌子上的感觉,是锤子便签想传达给用户的基调。

对于锤子便签设计师来说,设计一款行使的时候,清淡跳到脑海里的第一个就是颜色。比如锤子便签这个浅易的行使,第一个想到的就是温暖的米黄色。而 Smartisan OS 的行使商店就会想到红色、邮件是蓝色。由于商店的感觉是琳琅满方针,像糖果店,有温暖的灯光、喜庆的气氛;而邮件就外达出镇静的感觉,是特意默认的做事道具,给人的定位就是编制里不能或缺的,强调效率。

在 Smartisan OS 拟作古的风格中,必要带有必定心理。最先定下来的颜色是便签的纸张的 #F9F5ED,它是一个偏暖的颜色,是橙色转到明黄中间的一个色度。锤子便签的设计师在调色的时候喜欢记色值的 H 值,那代外了一个颜色的色方向,而 40 就是橙色和黄色之间的一个值。

在设计的过程中,设计师尽量避免大面积地行使撞色。纸张的米黄色、木板的褐色与标题的咖啡色是锤子便签里主要的三栽颜色,它们属于联相符个色系,是从明到黑的各个阶段。行为锤子便签里的主色调搭配,传达一栽心理的同时,更益地衬托了新闻,形成一栽隐形的存在感。

豌豆荚一览

主色调:白色 #FFFFFF

辅色调:绿色

在豌豆荚一览里,你能够一次望完超过 500 个行使的最新内容。

为了将更多空间留给每天更新的 10000 多条内容,豌豆荚一览行使了最清洁、新闻量最少的白色行为主色调,期待传递清明、清亮、雅致的感觉。

它将本身比喻成一只艳服着雄厚美食的白瓷盘 ——

雪白的颜色、考究的造型、细密的纹理,凸显出盘子的品质感;经历雅致的摆盘将雄厚的美食摆放在其中,素雅的盘子与雄厚的美食之间相辅相成,显出盘中食物的美味,激发出用户的味蕾。

除了白色,豌豆荚品牌的绿色在豌豆荚一览中也同样被行使。绿色代外着向上滋长的力量,豌豆荚期待借此传递给用户活力、有朝气的感觉。

这栽绿色在豌豆荚的主产品中也经历过一次改版,从拟物的 #3BA24 到更正当 UI 设计、对比度更矮的 #24AA42。

ENJOY

主色调:黑色 #1A1A1A

辅色调:金色、橙色

ENJOY 是一个挑供「精选限量美食」的行使。在产品设计的理念里,它期待给用户带去雅致感和品质感。

一路先,Enjoy 里商品较少,每样商品都附有图片、撮要,期待给用户「涉猎」的感觉。随着商品徐徐添多,设计师赓续做均衡,作废了撮要,新添了附近商品,总体期待产品能有「雅致感」。

红黄色系、金色、黑色是那时设计团队的三个选择。

由于想区隔于联相符个团队的主产品「饭本」的橘红色,凸显雅致感;而金色又很难撑首整个行使、设计上不益操作,ENJOY 选择了偏冷的黑色行为主色调,并行使了极少的金色和橙色行为细节的辅助。

一路先,设计团队不安黑色行为主色调会让页面过重和约束,后来他们经历设计解决了这个不安:首页图片离屏幕边缘有一些留白,盛开式设计会让整个页面不那么封闭和沉闷。ENJOY 的黑色偏灰一些,是偏冷一点的黑色,黑色有一些冷感或让整个页面望首来更雅致。

行为前卫类、摄影类、涉猎类行使最偏疼益的颜色,黑色不光最能特出品质感,同时也和其它颜色百搭。ENJOY 行为一个食物照片多多的行使,黑色能让用户仔细力荟萃在照片本身。

橙色是来源与「饭本」的颜色,但 ENJOY 的橙色比饭本更天真一些,饭本的橙色偏深红,Enjoy 更偏黄。行为辅助颜色,它用来外明一些产品的主要新闻,比如引导、价格、购买、盈余份数。

Fabulous

主色调:Material Design 标准色

行为一款风俗养成行使,Fabulous 不想仅仅做一个酷寒的记录工具,而想成为一个鼓励用户度过漫长旅程的友人,「奥秘而亲昵」是 Fabulous 期待传达给用户的感觉。

乍望之下,Fabulous 是一个五颜六色的同化体。

其实 1.0 的 Fabulous 行使的是黑白两色和一些相对灰黑微弱的色调,但设计师发现如许的配色无法激发用户的心理。于是 2.0 最先尝试一些大胆的色调,并且收到许多积极的用户逆馈。于是在最新的 3.0 版本,Fabulous 行使了更添普及和大胆的颜色,其中包括 Material Design 上的每一栽主色调 —— 这除了收到 Material Design 启发之外,设计师还期待借以通知用户:这是一个雄厚多彩的世界(fabulous world),值得专一追求。

在涉猎 Material Design 色板的时候,Fabulous 的设计师 Taylor Ling 发现了一栽偏红的粉色。它不像蓝色、红色和黄色总让人想首 Facebook、Youtube 和 Google Keep,而是一栽特意让人过现在不忘、特意「Fabulous」的颜色。

这栽颜色的名字是 Redish Pink,设计师将它用在 PC 端和行使底部栏,行为 Fabulous 的品牌色。

Light

主色调:黄色 #FFD200

辅色调:白色

Light 是网易旗下的涉猎行使,它以早报、晚报的形态为用户选举互联网中的精品内容,经历内容和设计,Light 想传达给用户一栽清明并温暖治愈的感觉。

Light 一切的视觉,都是围绕着「点亮」这个概念来设计的。设计师期待用户望见 Light 的第一感觉就是「刻下一亮」—— 岂论是从视觉,照样产品、交互、动画层面来说。

在色相上,黄色是最能发光的颜色。在人们的思想中,「点亮灯泡」之后的亮光颜色就是黄色;从 Light 的日报、晚报起程,黄色也是太阳和玉蟾的颜色 ——

这栽清明、微弱的暖黄色 #ffd200,就是 Light 选择的主色调。

从产品气质起程,行为一款涉猎类产品,最先要考虑的是方便用户涉猎:白色的背景、灰色的文字,配上精美的图片,整个界面很清洁;用户涉猎首来要通顺,异国过多作梗色;而黄色行为点睛色,能够最大水平点亮沉闷的涉猎气氛。黄色被行使在列外页底部,文章页底部等位置,也是一个结点,能够挑醒用户你已经读完了一份报纸。

每日故宫

主色调:金色 #CA9F75

辅色调:红色、蓝色、黑色

一代一代中国人在日历中记录生活、标记主要节气中发生的大幼事 —— 每日故宫这款镇日选举一款故宫文物的日历行使正来源于这栽传统。

它选择的几栽颜色,都来源于对传统文化和器物的理解。

首选是白色的主色调。每日故宫曾经考虑过红色较为粘稠的颜色,但发现这些颜色会抢过故宫文物的风头、减弱藏品的内容 —— 为了给文物留出更大的空间,设计师行使了更为清洁的白色。

金色是一个符号性很强的颜色,它的大气、富贵感让它成为世界各地皇家的首选 —— 其中也包括故宫。每日故宫主要特出中间文物片面的陈列,用白色和其它颜色行为铺垫,将金色行为点睛用在关键的地方。

在节庆的日子,每日故宫用红色来表现节日名称。红色在此处具有功能性,它以印章形态展现,外示挑点性的内容。而且红色行为传统印章的颜色,和中国传统契相符,印章的概念深化了稀奇的日子对藏品选择的意义所在,和日历更益地联接了首来。

平时的日期则选择了蓝色来外现。迥异于其他的金色、黄色、红色,蓝色属于冷色系,它的展现能够使画面相对镇静,首到区分的造就。

一席

主色调:红色 #CC3434

不光只有网络视频,一席这个品牌至今已经在四个城市举办了将近 40 场演讲,万晓利、张大春甚至「家在水草丰茂的地方」导演李睿珺都曾经担任过演讲者。

一席的主色调是红色,它来源于一席的现场。经历这栽颜色,一席期待让用户感受到现场演讲的氛围,舞台上红色的地毯和投射出来的灯光。

设计团队对于颜色商议的方向基本都是围绕在「哪一栽红色最能代外一席」上,几栽方案包括偏亮、偏黄的 #EA3535、明晰的 #D0021B 和这几栽颜色的渐变。最后,一席选择了饱和度较矮、更益搭配的 #CC3434 行为主色调。

一席设计师梧桐说,一席想用演讲,让每幼我都感受到在生活中的激情、趣味和韵味。

这也是一席的设计团队想让这个行使的颜色传达的感觉。以上是获奖行使的设计师为吾们讲述的行使颜色的故事。吾们还特意拍摄了一支短片,试图还原这个行使在设计师眼里最美的样子。倘若你对此感趣味,能够点击这个链接前去页面望一望。