Ⅰ 图标设计中的色彩搭配,值得一看!
1. 色彩情绪
色彩情绪即颜色心理,指不同波长色彩的光信息作用于人的视觉器官,通中激仔过视觉神经传入大脑后,经过思维,与以往的记忆及经验产生联想,从而形成一系列的色彩心理反应。在任何场景下合理使用色彩心理可以调起用户情绪,还可以让用户产生联想进而快速识别。
在设计图标的时候,合理的运用色彩情绪,会使图标更具有科学性,可以让用户在使用的过程中更加自然、舒服,同时也会增加用户的识别速度唤起用户的使用情绪。
2. 配色方法
在配色时,我们采用更具备科学性、更符合人类感官的 HSB 系统进行配置。在根据主色配置渐变色时,我们经常是在主色的基础上加白或者加黑。但是只加入大量的白或者黑就会改变原本色彩的明度与饱和度,从而使画面显得雾蒙蒙的,不够清晰通透。
正确的做法是在给主色变亮减暗的同时,改变主色的饱和度。在 hsb 色相条中,最亮的三个颜色分别是,蓝紫色,青绿色与黄色,如果需要加亮主色就在混白的同时将蓝色向青色改变色相,如果需要减暗则是相反,这样在调制渐变色变化的过程中不会出现太脏的颜色。
3. 配色方案
常见的色彩搭配
中性色(黑白)+主色、主色+点缀色、主色+透明度、单渐变、双渐变错层、撞色叠加穿透等效果。一般常用的就是中性色+主色、主色+点铅老缀色。
点缀色配色
互补色:互补色就是在色环上距离 180° 的色彩,形成具有视觉冲击力的色彩。
近似色:近似色是在色环上距离 45° 左右的色彩,形成的配色效果风格和谐统一。
对比色:对比色是在色环上 120° 左右的色彩,可以产生较为强烈鲜明的视觉效果。
以上就是图标设计中的色彩搭配的相关分享,希望对大家的学习有所帮助,想要了解更多UI设计相关卖汪内容,欢迎大家及时在本平台查看哦!
Ⅱ 图标来源规范颜色搭配
一、图标作用
图标是具有指代意义的图形符号,具有高度浓缩并快捷传递信息、便于记忆的特性,他的应用广泛,不仅是简单的图形,而是一种标羡纤识。
二、图标分类
1、扁平图标:通常指的是没有阴影、高光、纹理等立体效果的简单色块线条图形,常见为一些线性图标、块状图标、扁平化图标。
2、质感图标:存在较多阴影、高光、纹理等立体效果
*****在扁平的基础上加上渐变、装饰、阴影等抽象效果
*****简单拟物,尽量模拟真实的物体,有立体效果,但没有明显的透视效果
3、拟物图标:存在大量投影、高光、纹理等立体效果,最大限度还原真实的材质、物体。该风格常用于游戏。
三、图标放置位置
1、 线性图标常出现于功能入口、辅助按钮、标签栏、列表流。
2、块状图标常出现于金刚区、功能入口、标签栏、列表流
3、质感/扁平图标常出现在APP的金刚区、应用图标
四、图标设计注意事项
1、保持统一,成套设计
图标绘制中,我们的图标一般是成套出现,需要将图标的大小、粗细、圆角半径、样式等细节做好统一。
2、比例协调,规整美观
图标绘制中,需要注意整体结构的协调性,避免出现断点范围过大,图标重心不稳,整体太过拥挤等情况。图形比例尽可能控制到黄金比。
图标黄金比控制--1:1.618
3、注重细节,对齐像素
图标绘制中,同等尺寸的方形和圆形,视觉面积却运脊是有所差别,为了达到视觉统一,通常我们会将圆形稍稍放大,并且图标绘制中,我们需要设置像素对齐,避免出现半像素情况。并且,在绘制线性块状图标时,要用矢量图形绘制,避免以后进行适配时出现放大缩小模糊的情况。
半像素调整:用小白工具进行调整或在参数部分将数值改为相近的整数
保证放大缩小不模糊:要求图层是形状 矢量图层
4、易于识别,良好体验
图标绘制中,最重要的是识别性,一个图标如果不能告诉用户代表什么意义,那么会给用户带来很大的使用困扰,降低用户体验,成为无意义设计
五、图标颜色搭配
大部分绘制的图标都会是一些线性块状图标,而这些图标中要求不超过3种颜色。
所以通常会有三种配色模式:单色图标、双色图标、多色图标。
1、单色图标:颜色单一的图标,通常用黑白灰色来配合其他颜色旁派渗进行搭配
2、双色图标:
*****同色系饱和度明度的不同;深颜色在外框
*****某一个颜色占较大面积,为主要颜色;另一个颜色面积较小,可以突出重点,具有点睛作用吸引眼球
3、多色图标:通过对比色或邻近色来搭配
*****PS里面Ctrl+Y是切换到CMYK模式
六、颜色的情感基调
红色---热情、主动、节庆、愤怒
橙色---欢乐、信任、活力、新鲜、秋天
黄色---温暖、透明、快乐、希望、辉煌
绿色---健康、生命、和平、宁静、安全感
天蓝---清爽、清脆、坚强、庄重
藏青---冷静、信用、智慧、科技感
紫色---想象、神秘、高贵、优雅
黑色---深沉、黑暗、现代感
白色---朴素、纯净、干净
灰色---冷静、中立
Ⅲ 红色logo配什么背景色
红色永远是流行的经典,是逗拿最直接最刺激最鲜艳的存在,给人旦简以强烈的视觉冲击,留下深刻的印象。我觉得红白永远是白搭 或者你调整下这种红色 红黄也不错 还有玫瑰红跟粉绿 或者跟深红山迟搭也行。
Ⅳ 皇冠图标用什么颜色好看
你可以选择自己喜欢的颜色搭配,例如,金侍伍黄色,宝蓝色,银灰色都可以猛谈此。
可以按照自己的喜好来搭配,还要结合周围的颜色来枝迅选择合适的。
Ⅳ APP图标该选什么颜色
究竟手机应用的图标该选什么颜色才更有吸引力呢?蓝色是受到最普遍喜爱的颜色,这就是为什么许多公司用蓝色禅森敏作为商标颜色或者移动应用程序的图标颜色。但是,这并不意味着大多数公司都应该选择蓝色,因为这样难以在竞争对手中脱颖而出。
对于移动应用的图标来说,颜色的选择尤其重要,因为它们会同时出现在用户的手机或者其他设备屏幕上。商标图像本身是重要的,但颜色的选择也是一个需要深思熟虑的重大决策。
产品的目标用户是什么,产品的个性是什么,图标将会出现在用户设备上的什么地方,等等,这些都是在选择图标颜色时需要考虑的问题。
正如一家公司的个性可以通过其品牌颜色而定,许多老牌公司已经影响了公众对各种颜色的看法。当你看到全食公司(Whole Foods),英国石油公司( British Petroleum),和美国女童子军(Girl Scouts),你就会想到绿色,健康,自然,新鲜等。
相反,红色使人想到兴奋,青春,强烈——想想美国有线电视新闻网(CNN),维珍( Virgin),可口可乐,和红牛。在确定哪种颜色作为商标颜色时,考虑采用了该颜色的其他品牌的个性也是重要的贺枝。
那么,一个新的移动产品采用哪种颜色的图标最好?没有标准答案。但是,像Facebook 、苹果和雅虎等成功企业的商标,以及下面这些新兴企业的产品图标可以帮助我们指导决策。
红色
TapStory是iPad上的一个应用程序,它可以通过开放式的参与游戏,培养儿童的创新思维。TapStory的开发团队选择了红色作为主要颜色,因为红色代表激情、能量和年轻,它们是与其产品个性相关联的三个核心要素。
其他许多公司也选择红色作为其应用程序的图标颜色,包括耐克、ESPN和Yelp。红色是一种浓烈的颜色,它是App Store上最流行的图标颜色之一,和蓝色不相上下。
橙色
橙色是一种友好、欢快的颜色。越来越多的公司在选择图标颜色时开始避开常见的红色和蓝色,所以橙色逐渐成为一种流行的图标颜色。
Playground是一款为大学生提供活动发现和管理的应用,它选择了橙色作为其图标颜色。这是因为橙色的快乐和活力可以很好地表现激情和参与的理念,这是该公司创始人希望传达给用户的。
黄色
与橙色一样,黄色正在慢慢成为产品图标颜色的首选。虽然各种黄色色调并不十分有魅力,但其明亮和愉快的特质能向潜在用户传递一些温暖而乐观。
DHL和Sprint公司已经大胆地采用了黄色作为图标颜色。像Velloe这样的小型初创公司也采用了黄色。黄色的快乐特质可以给潜在用户一种安慰,而其鲜亮的色调也使它在蓝色和红色图标的大海中显得突出。
绿色
大多数个人理财应用是绿色的,因为大家都知道,绿色是最经常与金钱相关联的颜色。但是公司选择绿色还有其他的理由,包括绿色的和平和健康特质。与红色相比,绿色与财务的关联更恰当。
Long Weekend公司选择了绿色图标来代表其移动应用。该公司旨在帮助个人财富“像自然、有机的东西一样增长”。
蓝色
我已经提到蓝色是世界上最受欢迎的颜色,这也是为什么有这么多公司用蓝色作为公司商标颜色和移动应用图标颜色的原因之一。
Coinbolt是一个比特币钱包应用,所以蓝色对于它来说是一个明智的选择。Chase, American Express和IBM公司选择蓝色,因为它代表信任,实力和可靠性,这些正是用户对银行,或者对比特币钱包的期待。
紫色
紫色是最不常见的图标颜色之一,这或许是它由于它偏于女性化。
Jolimi是一款时尚应用,目标用户是17至25的城市女性,它选用紫色是最明智的选择,因为它需要一种代表有趣、创新、幽默的颜色和图标。紫色不但能很好地传达其实质,而且使它在其他颜色中脱颖而出。
雅虎已经选择紫色代表其身份,其他像HotelTonight和Luna这样的公司也恰到好处的运用了紫色。
想想你需要传递的信息
选择应用图标的颜色是一个新兴公司最重要的品牌决策之一,公司可以开发和推出新产品的时候做一个。每一件春稿产品都不同,图标需要沟通的个性,使其不会丢失的手机屏幕上。
选择应用程序的图标颜色是一个公司在推出新产品时的重要品牌决策之一。每一种产品都不一样,图标需要个性化,颜色也一样,这样才不会让它在用户的移动屏幕上被别的图标淹没。
Ⅵ 设计图标酒红色和什么颜色搭配好看
设计图标酒红色一般和白色或黄色搭配比较好看。
(6)图标什么颜色最搭配扩展阅读:
平面色彩搭配法则
法则一:流动色彩
其实这个大家都知道,一个色彩,一套房子里面,这么多房间你让一个色彩在每个空间不断的重复,当然是重复在不同的物品上来,这叫流动色彩。也可以是同样的绿色,到你的卧室里面,你的窗帘也可以用到同样的颜色。这个道理很简单,它可以让整个空间统一起来,这是一个非常简单的方法。
法则二:色彩的反差
其实它指的是色彩,应该是叫色度,它不仅仅是指的深浅的问题。就是说当颜色对比越强烈的时候,它给人更加正规,一般用到客厅、餐厅,需要跟外面的人见面的时候,比较适合。如果色差比较小,比较接近,就适合于比较轻松、随意的空间,像卧室里面不要用色差很大的色彩,那样会让人很难安静下来。
法则三:触动人心的色彩
色彩会直接或间接地影响人的情绪、精神和心理活动,应用到室内装饰中,色彩的功能就是能满足视觉享受、调节人们心理情绪、调节室内光线强弱、体现人们的生活习惯。只要是人类都会对颜色有感觉。蓝色你会想到天空大地,****会让你联想到太阳等等。在室内设计,你会把本人的对色彩的感觉考虑进去,这会让很多人设计师忽略的。天空是很热烈的,所以它不适合于放到卧室里面,会让人很难入睡,卧室里面应该不用蓝色这种让人很难安静的色彩。
法则四:色彩的季节性
以秋天的色彩为例,所谓秋天的色彩,秋天是一个万物开始进入冬季,所以它是一个萧瑟的,不适于活动的生长的环境,如果你希望家庭需要这种让人安静的氛围,用秋天的色彩,类似芥末黄、褐色这种比较老气的颜色,很适合卧室、书房。,春天是万物生长的季节,所以春天色彩的颜色自然也是鲜明、醒目,充满活力。它适合的空间比如说餐厅,用春天色彩,粉红色、果绿色,给人的感觉很活泼。色彩的季节性也是自然的法则之一。
法则五:光与色彩
家的每一个空间在不同的季节中,根据它所处的位置,它的功能会不同。你经常在白天使用,它大部分是通过自然光来照明,晚上主要是以人工照明为主,如果空间处在南向就是以自然光为主,那么北向主要是以折射为主。你把一个色彩或一个物质放到阳光下、白炽灯下都不同。