ui设计师常用的颜色搭配网站

1、如何在UI设计中使用颜色

多伦多大学关于人们如何使用Adobe Color CC的研究显示大多数人更倾向于仅依赖2-3种色彩的简单色彩组合。
1.单色配色
单色方案是最易于创建的配色方案，因为每种色彩取自相同的基色。单色的色彩可以很好地结合在一起，产生和谐的效果。
2.相近色
相近色的配色方案是选取相互不冲突的的相关色彩。一种色彩用作主色，而其它色彩用于丰富该方案。
3.补色搭配
互补色是色环上两个正对立的颜色。它们对比强烈，可以用来吸引观众的注意力。 当使用互补色方案时，重要的是选择主色并且使用其互补色用于强调。 例如，当人眼看到一块不同色调的绿色物体时，一点红色就会很突出。但是你必须谨慎使用互补色，以防止你的内容在视觉上显得不和谐。
4.自定义配色方案
创建自己的配色方案不像许多人想象的那么复杂。最简单的方法就是将一个明亮的主色添加到一堆中性色中，这也是一个最能引起视觉冲击的方案。

2、UI设计中有什么实用的颜色实用法则？

60-30-10 法则

60％+30％+10％ 的比例意在平衡颜色，这个法则能让你简单地将不同的颜色放在一起。它的工作原理是创造了一种平衡感，并允许眼睛从一个焦点舒适地过渡到下一个。

其中 60％ 是主色调，30％ 是副色，10％ 是强调色。

灰度第一

有时候我们会喜欢在设计的早期阶段玩颜色和色调，但这种行为其实并不好。因为往往你一抬起头，你会发现你已经花了三个小时去调整颜色了。

相反，让自己专注于空间和元素布局会是更高效的做法。这种约束非常有效的，让页面看起来不会无趣。

远离纯灰度和黑色

现实中几乎不存在纯灰色或者纯黑色的东西。所以记得要给你的颜色添加一点饱和，让它看起来更自然。

3、UI设计各行业的用色偏向是什么？

UI设计需要的用色相当丰富，其中最常用到的就是蓝色，行业倒没有详细的划分，一般我们比较常接触到的，像手机的应用图标很多是蓝色的：支付宝、钉钉、Facebook等。

常用色彩占比

色彩偏好是视觉体验的一个重要方面。不同行业的用色没有特别明显的界限，色彩搭配合理 看着舒服即可，一个好的UI色彩提案可以起到：

（1）显示界面的整体构架

（2）明确视觉层次关系

（3）营造界面整体风格，甚至增加转化

一般能吸引眼球的作品，往往是颜色配比舒服，或是对比强烈的。

4、学UI设计，我们常用的颜色都代表什么你知道吗

红色Red

红色是热烈、冲动、强有力的色彩，它能使肌肉的机能和血液循环加快。由于红色容易引起注意，所以在各种媒体中也被广泛的利用，除了具有较佳的明视效果之外，更被用来传达有活力，积极，热诚，温暖，前进等涵义的企业形象与精神，另外红色也常用来作为警告，危险，禁止，防火等标示用色，人们在一些场合或物品上，看到红色标示时，常不必仔细看内容，及能了解警告危险之意，在工业安全用色中，红色即是警告，危险，禁止，防火的指定色。

大红色一般用来醒目，如红旗、万绿丛中一点红；浅红色一般较为温柔、幼嫩，如：新房的布置、孩童的衣饰等；深红色一般可以作衬托，有比较深沉热烈的感觉。

红色与浅黄色最为匹配，大红色与绿色、橙色、蓝色（尤其是深一点的蓝色）相斥，与奶黄色、灰色为中性搭配。

橙色 Orange

橙色是欢快活泼的光辉色彩，是暖色系中最温暖的色，它使人联想到金色的秋天，丰硕的果实，是一种富足、快乐而幸福的颜色。橙色稍稍混入黑色或白色，会变成一种稳重、含蓄又明快的暖色，但混入较多的黑色，就成为一种烧焦的色；橙色中加入较多的白色会带来一种甜腻的感觉。

橙色明视度高，在工业安全用色中，橙色即是警戒色，如火车头，登山服装，背包，救生衣等，橙色一般可作为喜庆的颜色，同时也可作富贵色，如皇宫里的许多装饰。橙色可作餐厅的布置色，据说在餐厅里多用橙色可以增加食欲。

橙色与浅绿色和浅蓝色相配，可以构成最响亮、最欢乐的色彩。橙色与淡黄色相配有一种很舒服的过渡感。橙色一般不能与紫色或深蓝色相配，这将给人一种不干净、晦涩的感觉。由于橙色非常明亮刺眼，有时会使人有负面低俗的意象，这种状况尤其容易发生在服饰的运用上，所以在运用橙色时，要注意选择搭配的色彩和表现方式，才能把橙色明亮活泼具有口感的特性发挥出来。

黄色 Yellow

黄色的灿烂、辉煌，有着太阳般的光辉，象征着照亮黑暗的智慧之光。黄色有着金色的光芒，有象征着财富和权利，它是骄傲的色彩。在工业用色上，黄色常用来警告危险或提醒注意，如交通标志上的黄灯，工程用的大型机器，学生用雨衣，雨鞋等，都使用黄色。黄色在黑色和紫色的衬托下可以达到力量的无限扩大，淡淡的粉红色也可以像少女一样将黄色这骄傲的王子征服。黄色与绿色相配，显得很有朝气，有活力；黄色与蓝色相配，显得美丽、清新；淡黄色与深黄色相配显得最为高雅。

淡黄色几乎能与所有的颜色相配，但如果要醒目，不能放在其它的浅色上，尤其是白色，因为它将是你什么也看不见。深黄色一般不能与深红色及深紫色相配，也不适合与黑色相配，因为它会使人感到晦涩和垃圾箱的感觉。

绿色 Green

在商业设计中，绿色所传达的清爽，理想，希望，生长的意象，符合了服务业，卫生保健业的诉求，在工厂中为了避免*作时眼睛疲劳，许多工作的机械也是采用绿色，一般的医疗机构场所，也常采用绿色来作空间色彩规划即标示医疗用品。

鲜艳的绿色是一种非常美丽、优雅的颜色，它生机勃勃，象征着生命。绿色宽容、大度，几乎能容纳所有的颜色。绿色的用途极为广阔，无论是童年、青年、中年、还是老年，使用绿色决不失其活泼、大方。在各种绘画、装饰中都离不开绿色，绿色还可以作为一种休闲的颜色。

绿色中渗入黄色为黄绿色，它单纯、年轻；绿色中渗入蓝色为蓝绿色，它清秀、豁达。含灰的绿色，仍是一种宁静、平和的色彩，就像暮色中的森林或晨雾中的田野。深绿色和浅绿色相配有一种和谐、安宁的感觉；绿色与白色相配，显得很年轻；浅绿色与黑色相配，显得美丽、大方。绿色与浅红色相配，象征着春天的到来。但深绿色一般不与深红色及紫红色相配，那样会有杂乱、不洁之感。

蓝色 Blue

蓝色是博大的色彩，天空和大海这辽阔的景色都呈蔚蓝色。蓝色是永恒的象征，它是最冷的色彩。纯净的蓝色表现出一种美丽、文静、 理智、安祥与洁净。

由于蓝色沉稳的特性，具有理智，准确的意象，在商业设计中，强调科技，效率的商品或企业形象，大多选用蓝色当标准色，企业色，如电脑，汽车，影印机，摄影器材等等，另外蓝色也代表忧郁，这是受了西方文化的影响，这个意象也运用在文学作品或感性诉求的商业设计中。

蓝色的用途很广，蓝色可以安定情绪，天蓝色可用作医院、卫生设备的装饰，或者夏日的衣饰、窗帘等。在一般的绘画及各类饰品也决离不开蓝色。

不同的蓝色与白色相配，表现出明朗、清爽与洁净；蓝色与黄色相配，对比度大，较为明快；大块的蓝色一般不与绿色相配，它们只能互相渗入，变成蓝绿色、湖蓝色或青色，这也是令人陶醉的颜色；浅绿色与黑色相配，显得庄重、老成、有修养。深蓝色不能与深红色、紫红色、深棕色与黑色相配，因为这样既无对比度，也无明快度，只有一种赃兮兮、乱糟糟的感觉。

紫色 purple

由于具有强烈的女性化性格，在商业设计用色中，紫色也受到相当的限制，除了和女性有关的商品或企业形象之外，其他类的设计不常采用为主色。

紫色是波长最短的可见光波。紫色是非知觉的色，它美丽而又神秘，给人深刻的印象，它既富有威胁性，又富有鼓舞性。紫色是象征虔诚的色相，当光明与理解照亮了蒙昧的虔诚之色时，优美可爱的晕色就会使人心醉！

用紫色表现孤独与献身，用紫红色表现神圣的爱与精神的统辖领域，这就是紫色带来的表现价值。

紫色处于冷暖之间游离不定的状态，加上它的低明度性质，构成了这一色彩心理上的消极感。与黄色不同，紫色不能容纳许多色彩，但它可以容纳许多淡化的层次，一个暗的纯紫色只要加入少量的白色，就会成为一种十分优美、柔和的色彩。随着白色的不断加入，产生出许多层次的淡紫色，而每一层次的淡紫色，都显得那样柔美、动人。

褐色 brown

褐色通常用来表现原始材料的质感，如麻，木材，竹片，软木等，或用来传达某些饮品原料的色泽即味感，如咖啡，茶，麦类等，或强调格调古典优雅的企业或商品形象。

白色 white

白色具有高级，科技的意象，通常需和其他色彩搭配使用，纯白色会带给别人寒冷，严峻的感觉，所以在使用白色时，都会掺一些其他的色彩，如象牙白，米白，乳白，苹果白，在生活用品，服饰用色上，白色是永远流行的主要色，可以和任何颜色作搭配。

黑色 Black

黑色具有高贵，稳重，科技的意象，许多科技产品的用色，如电视，跑车，摄影机，音响，仪器的色彩，大多采用黑色，在其他方面，黑色的庄严的意象，也常用在一些特殊场合的空间设计，生活用品和服饰设计大多利用黑色来塑造高贵的形象，也是一种永远流行的主要颜色，适合和许多色彩作搭配。

灰色 Gray

灰色具有柔和，高雅的意象，而且属于中间性格，男女皆能接受，所以灰色也是永远流行的主要颜色，在许多的高科技产品，尤其是和金属材料有关的，几乎都采用灰色来传达高级，科技的形象，使用灰色时，大多利用不同的层次变化组合或他配其他色彩，才不会过单一，沉闷，而有呆板，僵硬的感觉。

黑色与白色是对色彩的最后抽象，代表色彩世界的阴极和阳极。太极图案就是以黑、白两色的循环形式来表现宇宙永恒的运动的。黑色意味着空无，像太阳的毁灭，像永恒的沉默，没有未来，失去希望。而白色的沉默是有无穷的可能。黑白两色是极端对立的色，它们又总是以对方的存在显示自身的力量。它们似乎是整个色彩世界的主宰。

在色彩体系中灰色恐怕是最被动的色彩了，它是彻底的中性色，依靠邻近的色彩获得生命。灰色意味着一切色彩对比的消失，是视觉最安稳的休息点。然而，人眼不能长久地、无限地注视着灰色，因为无休止的休息意味着死亡。

黑、白、灰在色彩配色中占有相当主要的地位，它们活跃在各种配色中，最大限度地改变对方的明度、亮度与色相，产生出多层次、多品种的优美色彩，因此它们是决不可忽视的无彩色。

5、ui界面设计怎么搭配颜色好看

色：黑色底色象征着激情力量 黄色底色红色受抑制处于属位 黄色：黑色底色即富进取性辉煌 蓝色底色显辉煌喧闹 橙色底色流露着熟韵味 绿色底色极具扩张性亮丽非凡 绿色：黄色底色轻盈明快 黑色底色稳重高雅 制作本与技术

6、UI设计配色教程，主色，辅助色和点缀色如何搭配

搭配技巧一：掌copy握主色、辅助色、点缀色的用法
主色是占拒全身色彩面积最多的颜色，占全身面积的60%以上。通常是作为套装、风衣、大衣、裤子、裙子等。
辅助色是与主色搭配的颜色，占全身面积的40%左右。通常是内搭的上衣，如毛衣、衬衫、背心等。
点缀色一般只占全身面积的5%-15%。通常是围巾、鞋、包、饰品等，会起到画龙点精的作用。
这里没有规定主色一定是黑白灰一类的百搭色，是需要根据个人喜好和穿着场合决定的。如果偏爱黄色，以黄色为主色亦无不可，只要掌握好三类色的比例即可。
相信大家一眼就能看出来，这身装扮的主色是绿色，辅助色是黑色，点缀色没有采用亮色，而是选择了中规中矩的深棕色，更适合大众

7、UI设计的颜色搭配方式！

颜色搭配主要是关于我们页面设计的一个部分，那么页面设计里面的话，颜色搭配不能过于鲜艳主要是由色蓝色绿色等各种浅色系的。颜色来进行一个搭配。使其效果更加的明显简单！

8、在网页界面设计中橙色和什么色最搭配

应该是棕色，褐色之类的。

9、ui设计师用ps颜色模式中的8位还是16位还是32位？

色域指电脑上色彩显示的范围 ，PS里颜色模式8位、16位和32位都是指2的指数 。
1、区别之一：文件大小，如果一个8位图像有10MB大小，它变成16时，大小就要翻一翻变成20MB。这是8位和16位的区别之一；
2、区别之二：16位图像相比8位图像有较好的色彩过渡，更加细腻，携带的色彩信息可以更加丰富。这是16位图像可表现的颜色数目大大多于8位图像之故；
3、区别之三：在PS里，8位图像绝大多数内置滤镜都可以正常使用，外挂滤镜也可以正常使用。但16位下，大多数滤镜将停止工作，因为大多数滤镜基于8位图像来运算；
区别之四：8位图像信息少，PS要处理的信息就少，处理速度快，硬件配置要求相对低；16位则慢而吃力；
4、这里的8位和16位，指的是图像中的一个通道的位深，比如8位RGB，一个R通道有2的8次方个灰度级；16位RGB，一个R通道里有2的16次方个灰度级；8位RGB三个通道组成24位（3×8＝24）图像，即是我们通常说的24位图像；16位RGB三个通道组成48位（3×16＝48）图像（除了特殊的场合外，你不必去使用48位图像，它不是没用，但它是在极端情况下使用的，这是在目前来说）。
5、我们常见的8位通道RGB图像，3个通道共24位，即一张24位RGB图像里可表现大约1670万种颜色；而16位通道RGB图像，3个通道共48位，2的48次方是多少种颜色，可以算一下。这不包括RGB能支持的一个透明度ALPHA通道，不算CMYK共4个通道。
6、这里的8位、16位、32位指颜色深度（Color Depth）用来度量图像中有多少颜色信息可用于显示或打印像素，其单位是“位（Bit）”，所以颜色深度有时也称为位深度。常用的颜色深度是1位、8位、24位和32位。1位有两个可能的数值：0或1。较大的颜色深度（每像素信息的位数更多）意味着数字图像具有较多的可用颜色和较精确的颜色表示。

10、UI设计中常用的色彩搭配技巧有哪些？

色彩对于ui设计作品的影响是非常大的，因此设计师在进行设计的过程中需要掌握一些色彩的搭配技巧，使设计页面整体显得更加协调。但是很多设计师对色彩的把握都不太好
一、巧妙运用对比君羊
ui设计界面只有明暗度不同的相同色系颜色，就很难吸引用户的眼球。色彩对比能够将页面中的各类元素分成独立的个体，并使所有这些元素都能够更引人注目。

二、尊重文化差异q哦

有的时候地域之间的文化差异能够造成设计风格的千差万别，因此设计师在运用色彩时也要考虑到这一点。在选择颜色之前，需要确保它们会被解读成你想表达的含义。通过承认文化色彩感知的特点，减少被误解的风险。

三、62掌握色彩心理学80

大脑也会对不同的色彩产生相应的反应。当人眼看到一种颜色时，大脑向内分泌系统发出信号，释放对情感负责的激素。并且可能的反应可以帮助设计师传递正确的信息，并呼吁用户做出预期的行动。

四、60技巧搭配的原则557
由于色彩运用需要遵循搭配原则，设计师不仅需要巧妙运用对比原则，还需要对不同地域的文化进行一定的了解。除此之外，设计师还需要掌握并运用一些色彩心理学知识，向人们传递正确的信息。