更多公众号：h设计资讯，教程，优秀设计作品分享最新文章相关推荐搜狗：感谢您阅读漂亮的手机APP效果图欣赏，色彩搭配非常和谐，本文可能来自网络，如果侵犯了您的相关权益，请联系管理员。QQ:&&&&&&app应用图标用什么颜色好
上面这三排全部都是通讯、聊天应用程式的图示。不晓得大家有没有想过，为什么几乎全世界的通讯应用程式开发者，都不约而同地选择了绿色做为图示的颜色呢？
为了解答这个问题，我们再次请到了「没有坏问题，只有好答案」的问答网站「知乎」，选出了几个「知乎」上比较值得参考的答案，并且为了方便大家理解，做了简单的编译。
这些答案没有一定的对错，只是人们根据自己的使用感受，或发挥想像力试图回答问题，有时也引用一些参考资料论证自己的看法。大家在阅读答案之前，也不妨先试着思考一下，究竟是什么因素影响了通讯应用程式的外观颜色？
绿色有着「畅通」的含意。我试着找出其中的原因，但是只看到一些「绿色象征生命、循环、活泼、自然」的含意。虽然和「畅通」没有直接的关联，但大致上的方向和感觉比较类似。我猜想这也是人们从「绿色」抽象出一系列感受，并以此为根据使用绿色，不断发展、扩大的结果。
比方说红绿灯的「绿灯」，代表的就是「畅通」、「准许前进」的意思。
另一方面，回到手机本身，我们可以发现，自从有了行动电话，「红色键」和「绿色键」就分别代表「挂断」和「接通」。这个灵感可能来自红绿灯，也可能和通讯领域的传统有关，被一直沿用下来。后来的手机使用红、绿两键，iPhone以绿色做为通话和讯息的颜色，以及Android系统的拨号、通话界面，也都是如此。
有一篇叫做《为什么Facebook是蓝色的：营销中的色彩学》的文章，谈到商业营销中的颜色应用，其中整理了一些著名的商标及品牌：
图中对每种主流颜色的用法，以及代表的意义，做了比较清晰的划分。绿色代表和平、轻松，比较接近通讯软件给人的感觉。Skype用的蓝色代表信任、可靠，也是如此。相反地，如果用代表「激动」的红色，或是代表「乐观」的黄色，总感觉不合。而且这篇文章中还提到，绿色和蓝色是消费者最喜欢的颜色，因为看上去比较舒服，容易被接受。
如果对颜色做具体分析的话，可以发现每种颜色都有不同的作用：
绿色：和健康有关，对眼睛来说是比较舒服的颜色，用来放松。
蓝色：给人可信和安全的感觉，通常可在银行和商业事务中看到。
红色：代表能量，让人心跳加快和紧急的感觉，通常可在清仓大拍卖中看到。
黄色：乐观、年轻，通常用来吸引喜欢看橱窗的人的目光。
紫色：具有舒缓、安定的作用，常用在美容或抗老产品上。
黑色：看起来强大又有光泽，通常用来销售奢侈品。
粉红色：浪漫又女性化，通常用来销售女性及年轻女孩的用品。
橙色：积极进取，要大家行动起来：去订、去买，或者卖掉什么。
该篇文章还对比了绿色和红色版的网页，反差很大。到底哪一种会让你更想「Get Started Now」呢？
不过总结来看，企业选择品牌和产品颜色的时候，并不一定遵循这个定律。有很多通讯软件也没有用绿色，Skype就是很明显的例子。
所以说，绿色之所以成为通讯应用程式图示的首选，应该：
(一)是传统和习惯的延续，
(二)是绿色的意象符合通讯应用程式想要给人的感觉。
绿色看起来很舒服，没有红色那么张扬，却可以吸引人的注意力。
聊天需要长时间的阅读，绿色很柔。
照理来说红色是最亮眼的，但是红色放在手机界面上会不舒服、刺眼，而绿色是比较温和、干净的颜色。
蓝色界面简单、不明显，但是也能吸引人的注意力。
至少可以追溯到ICQ的小绿花，和MSN的小绿人。
为了在众多App中尽快被发现！主要还是因为iPhone上的Message图示，你看到绿色，就可以找到Message了！WeChat、LINE等都是通讯产品，本质是一样的。为了便于寻找，提高辨识度，所以采用绿色！绿色颜色明快、鲜亮，又不突兀。
【上一篇】【下一篇】洗脑推荐！有哪些色彩丰富的极简APP设计？
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
洗脑推荐！有哪些色彩丰富的极简APP设计？
自从几个互联网公司的产品带领了白色简洁设计，所以现在在国内不用白色的设计便不能叫做好设计。我们打开所有的应用，从娱乐到阅读，到社交工具到备份工具等等，一切都是白色。这一期我们来洗洗脑吧，看看国外优秀的其他色设计吧 &&&
Designer : Ludmila Shevchenko
整个界面色彩才丰富，用多色来区分每个区块，能够保证颜色视觉块的统一。
Designer : Javi Pérez
设计色彩柔和，搭配暗色更加凸显白色和紫色的光晕感，以及文字的阅读。
Designer : Olia Gozha
图中的配色可以说把握的非常棒，多一点就是艳，少一点就是脏。
Designer : Balraj Chana
淡淡的紫红色搭配深紫色是目前非常流行的配色，注意暗色部分并不是纯黑，而是带着紫色条件。
Designer : Eddie Lobanovskiy
暗色同样还可以使用不同色阶来改变，这样能够更加区分明暗主次。
Designer : Anton Aheichanka
我们说，设计中要有主色调和辅色调，色值是需要保持一致的，无论是按钮还是小记事日期的提示，都要表现的统一一致。
Designer : Cuberto
模糊的壁纸是为了更好的衬托颜色及透明白色为整个视觉中提供更好的体验。
Designer : Jakub Antalík
两种颜色不仅仅可以作为主色来用，同样的，它们之间的渐变色依然是可以利用到整个设计中的。
Designer : SFCD
紫色和暗色的搭配是非常高档的颜色，并且很受大众的喜欢，包括高端的设计师们。
Designer : Julien Renvoye
数据统计展示类的应用更喜欢暗色系，因为这样能够将数据显示的更加清晰明确。
Designer : Yura Yarokhovich
细节的时间轴及小图标是暗色图标亮点之一，如果对图形把控不好，便不会轻易做深色设计。
Designer : Jona Dinges
利用色阶的色彩来代表天气，稍显阴沉，却直接了当。
Designer : Vasjen Katro
引导页的明暗对比能够让用户视觉中心被更好的引导，而不像白色设计容易散开。
【优设六月人气好文排行榜】
光明正大看AV的时候到了！
最新版的PS CC逆天功能全搜罗！
色彩运用秘籍全科普！
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量97万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注配色黑名单！有哪些配色方案是一定要小心规避的？
+ 运营大咖微信：xiaohua7app （获取专业运营指导）
【文章摘要】用错色彩是常见的现象，有没有特定的色彩搭配是网页设计中的大忌呢?有!而且还不少。这些色彩组合会让你的网页出现各种各样的问题，为配色制定一个黑名单势在必行。
当我们讨论配色的时候，通常聊的是配色趋势、配色规则和配色方法，但是与此同时，我也应当合理的规避一些比较典型的错误配色方式。这个配色黑名单并不长，但是覆盖了多属的配色问题，不妨仔细看看~
网络是一个多彩的世界，而色彩也是网络吸引用户注意力的主要手段之一，它令人产生兴趣，给人带来影响，并且通过对比、衬托带来愉悦的浏览体验。与此同时，色彩还是设计趋势中无法忽略的一个重要组成部分，无论是扁平化设计还是Material Design，色彩的运用都是重中之重。
但是，用错色彩也是常见的现象。有没有特定的色彩搭配是网页设计中的大忌?有!这个一定是有的，并且还不少。这些色彩组合会让你的网页出现各种各样的问题，为配色制定一个黑名单势在必行。今天的文章，我们就来聊聊配色的“黑名单”吧。
太亮的霓虹色
闪亮的霓虹色看起来很有趣，似乎能让页面显得非常潮、非常流行。但是他们并不会让眼睛觉得舒服，往往会给人以“闪瞎了”的不适感觉。
霓虹色的主要问题在于使用这种色彩的文字内容难于阅读，不好识别，和暗色调的背景搭配的时候，这种晃眼的感觉尤其明显。而如果用霓虹色作为背景的话，这个页面几乎是没法看的，除了霓虹色之外的内容几乎都没法看清楚。
想解决这个问题，你可以试着降低霓虹色的亮度，让它看起来更暗，让它看起来更加微妙，同屏幕显示更匹配。
Orange You Glad 这个页面就很好的解决了这个问题，他们使用了非常接近霓虹色的配色，并且通过渐变色的方法来增加页面的丰富度，色彩的亮度、对比度都用的相当微妙，不会令访客感到不适。
“震颤”的色彩
当高饱和度的色彩搭配在一起的时候，它们会产生一种“震颤效应”， 会让你觉得两种色彩之间会产生模糊、震颤或者发出光晕的视觉效果。毫无疑问，这是令人不适的。
在Josef Albers 的经典著作《色彩交互》中描述了色彩的“震颤效应”是如何给人带来不安感的：“这种配色最初可能会给人带来惊喜的效果，同时这种侵略性会让人觉得不舒服，尤其是眼睛。你们会发现，这种配色很少出现在广告当中，因为它会让人觉得不愉快，难受。”
不过即使你没有尝试搭配，也可以通过它们的基础特征，合理地规避“震颤”配色：
它们都是高饱和度的色彩
两种色彩在色轮上是互补色
他们在色轮上相隔180度，处于对称的位置
将两种色彩转化为灰度之后，两者灰度非常接近
最典型的案例就是明亮的红色和绿色。这是广受欢迎的“圣诞节”配色，这也是受到最广泛诟病的配色方案之一。它最主要的可访问性问题就是，色盲的用户是完全分辨不出来的……
如果说你必须使用“震颤”配色，这个矛盾也不是不能调和的：加入中性的色彩将两者分隔开就好了。
浅色+浅色的搭配也是最常见的错误之一。也许你在某个平面设计或者印刷相关的项目上这么配色，最终没造成可读性的影响，这可能是设置的问题或者色差造成的，但是在绝大多数的情况下，是错误的。
无论你怎么设计，这样的配色一定很难阅读其中的内容，每一次都这样。
这种错误最常见于网站的Banner图中：帅气的大图和精心设计的白色字体搭配在一起，而字体正好和色彩最浅的部分叠加在一起，这下就非常尴尬了。浅色+浅色的搭配让内容完全无法读，作为Banner的作用几乎被削弱为0。
想要修复这个问题其实非常简单：
选择色彩均匀统一的背景，文字部分可以与之构成对比
如果无法修改背景，可以在背景和文字之间加一层，增加对比
尝试调整整个背景图片的色调、明暗、饱和度等，以达成提升对比度的目的
彩虹式配色
当网站花成彩虹那样的话，设计师一定是也生无可恋了。想想看，当一大堆各种各样的色彩都成为系统配色的一部分的话，各种色彩之间的干涉，都不知道打破了多少配色的规则。这种设计虽然可能在一开始吸引用户的注意力，但是随后让用户产生的恶心和不适绝对会远超设计者的预期，即使网站内容再好，都无法被人识别。
如果你真的希望让页面更加“多彩”，那么不要让色彩都混杂到一起，试着使用卡片式设计来承载不同的色彩，合理的排布，既可以让色彩更加灵活，也可以保证组织性和流动感。
亮色+亮色/深色+深色
就像浅色+浅色的搭配一样，亮色+亮色和深色+深色的搭配，都是因为饱和度接近而造成的辨识度问题。毫无疑问，这也是要规避的问题。
你真的觉得这个问题不会发生到你身上?那么在做单色配色方案的时候，要小心这一点。即使是经验丰富的设计师，也可能会在这个时候掉坑里。
总之，千万注意配色的对比度。如果这几个色彩是必须使用的话，不妨将页面设计成滚动变色的，这样你可以在保证对比和可读性的同时，让色彩也都用上。
我们常说的CMYK中的K是黑色。许多设计师的设计作品会横跨网页版和印刷品，有时候会在做印刷品的设计的时候，会误将网页配色中的黑色用上去。实际上网页中的纯黑(#000000)和印刷中的黑色有着巨大的差别，早在PS 7.0中，黑色的CMYK色标其实是C75 M68 Y67 K90，而常说的系统黑K100 在更广泛的RGB配色中，也只是较深的灰色而已!
印刷品，包括我们日常生活中的许多黑色，其实分很多种，它们通常是某种色彩叠加了很多之后产生的效果，比如渡鸦的羽毛是黑色的，但是你仔细看它会微微泛蓝。
所以，在设计这个黑色的时候，最好是挑选一个带有你的品牌色调的黑色(而非#000000)。这样可以在印刷的时候更容易协调。(比如让黑色带有一点蓝色的色调，来抵消文本内容中的黄色色调)举个例子，上面Wonderland的页面中，黑色实际上是#0a0a0b。
其实今天所谈到的所有的配色的问题，几乎都是关于对比度和可读性问题的。实际上，只要确保色彩和内容的对比度和配色美感，几乎所有的色彩都是能用的。
[236人关注]
[198人关注]
[172人关注]
[153人关注]
[149人关注]
[117人关注]
[112人关注]
[105人关注]
[102人关注]
[102人关注]这篇重点阐述APP扁平化设计的配色问题，请小伙伴们跟随25学堂一起来一步步学习APP设计配色。
我们先来回顾下之前关于APP扁平化设计的知识点。
2、作品欣赏-设计派
3、如何让你的
4、注意哪些问题？
5、中的长投影设计
那到底什么是APP扁平化设计呢？下面的3点很好的告诉你啦。
1、APP扁平化设计是一种实打实的设计风格，不要花招，不要粉饰。扁平化之前，设计师的作品往往非常的写实，非常的有立体感。从整体的角度来讲，APP扁平化设计是一种极简主义美学，附以明亮柔和的色彩，最后配上粗重醒目，而风格又复古的字体，提倡功能大于形式、留白大于填充的美学。APP扁平化设计并不局限于某种色彩基调，它可以使用任何色彩。
2、APP扁平化设计是一种不使用任何额外效果的计方案，她不包括任何 3D 效果。这里没有很深的阴影，斜角，立体效果，渐变或者其它方法创建的凸出或者凹陷效果。图标和 UI 元素都是很鲜亮的，没有边缘效果和阴影。
3、APP扁平化设计并不是完全没有效果的，只是没有那些多余的人造的阴影和维度。现在越来越多的设计几乎都是扁平的了，他们的整体样子和观念都只包含很少的效果。
当然在谈论APP扁平化设计，不能不谈APP字体设计和APP字体排版。
因为扁平化网站一般使用无衬线字体，符合扁平化中没有过多修饰的简约美。大部分扁平化设计最多使用两个系列的字体，很多只使用一个系列。
详细阅读《》
下面我们重点讲讲APP扁平化设计的配色方案：
1、确定色彩基调
你可以选用一些色彩搭配工具来辅助你，如果你是设计大神了，那对于色彩敏感度很强啦，可以捏手拿来！呵呵
APP扁平化设计并不局限于某种色彩基调，它可以使用任何色彩。但是大多数的设计师都倾向于使用大胆鲜艳的颜色。那么，如何让扁平化设计在色彩上与众不同呢?
设计师正在不断地增加色彩层次，将原本的一两个层次层加到三个、四个甚至更多。这些色彩的亮度和饱和度大都非常高。
在进行扁平化设计时，传统的色彩法则就不适用了，转而以彩虹色这种流行色来进行配色。
扁平化设计一般都有特定的设计法则，比如利用纯色，采用复古风格或是同类色。但并不是说这是唯一的选择，而是这种方式已经成为一种流行的趋势，也更加受大家欢迎。
2、合理进行色彩布局3
APP设计师们应该学会利用色差原理合理搭配分配APP布局棋格。不管是同类色还是复古色，还是运用对比色、透明度等技巧，都要合理搭配。
在APP扁平化设计中，同类色正迅速成长为一种流行趋势。这种色彩往往以单一颜色搭配黑色或白色来创造一种鲜明且有视觉冲击的效果。
大部分的同类色利用一个基本色搭配两三个色彩。最受欢迎的色彩选择似乎是蓝色，但很多设计师则倾向于使用黑色搭配一两个流行色比如红色，作为按钮。
另一个方法是利用少量的色彩变化。比如，蓝色配以绿色呈现出一种蓝绿色的效果。
同类色在移动设备和APP设计中格外受欢迎。
这个网站上面有详细的介绍扁平化设计是不是新趋势。大家可以认真阅读和参考设计。
本文标题：
本文地址：/appdesign/5708.html
除非注明，本站文章均为原创或编译，转载请注明出处和原文链接，转载同时请务必保留原网站网址。
移动APP设计入门课程
为你推荐的相关文章
Copyright@
All Rights Reserved ICP备案号：桂ICP备号-2本站声明所有资源均是网上搜集或网友上传提供，如有侵犯您的版权，请及时联系我们（），我们将尽快处理。}