在视觉设计语境中，，，，，，，，黄三色与黑三色通常不是固定的行业尺度名称，，，，，，，，而是对两类三色规划的通俗称号：黄三色以黄色或黄系色彩承担主视觉，，，，，，，，黑三色则以玄色、深灰或近玄色成立重要视觉沉量。。。。。。。。两者的关键区别不只是色相分歧，，，，，，，，还蕴含明度、视觉温度、空间压迫感和信息层级。。。。。。。。

若是必要选择配色规划，，，，，，，，明亮、活跃、拥有提醒感的画面更适合以黄色为主题；；；；；但愿出现高级、稳沉、强烈或科技感的画面，，，，，，，，则能够思考玄色主导。。。。。。。。无论选取哪一类规划，，，，，，，，都应先确定主色、辅助色和强调色的职责，，，，，，，，不能把三个色彩均匀铺满画面。。。。。。。。

“三色”到底若何理解，，，，，，，，为什么容易产生歧义

黄三色与黑三色的名称自身没有唯一配方，，，，，，，，统一个词在平面设计、服装搭配、包装设计或数字界面中，，，，，，，，可能代表分歧的色彩组合。。。。。。。。最稳妥的理解方式，，，，，，，，是先看主导色彩，，，，，，，，再看另表两种色彩别离承担布景、档次还是强调作用。。。。。。。。

• 黄三色：通常以明黄、暖黄、土黄或金黄中的一种作为主题，，，，，，，，再参与两种辅助色。。。。。。。。辅助色可所以黑、白、蓝、灰、棕等，，，，，，，，沉点是援手黄色成立档次，，，，，，，，而不是单一凑足三种色彩。。。。。。。。
• 黑三色：通常以玄色、炭黑或深灰作为视觉基础，，，，，，，，再参与淡色和强调色。。。。。。。。玄色掌管不变画面，，，，，，，，淡色掌管提供阅读空间，，，，，，，，强调色掌管疏导视线。。。。。。。。
• 三色规划：不蹬宗画面只能出现三种色值。。。。。。。。统一色系中的深浅变动、通明度变动和材质变动能够存在，，，，，，，，但主题色彩关系最好维持清澈。。。。。。。。

判断一个配色是否属于黄三色或黑三色，，，，，，，，不能只统计画面中出现了几种色彩。。。。。。。。设计者还必要观察哪一种色彩面积最大、哪一种色彩最先被看到，，，，，，，，以及分歧色彩是否有明确的职能分工。。。。。。。。

黄三色与黑三色的视觉差距

黄三色与黑三色在视觉感触上的差距，，，，，，，，重要来自黄色和玄色分歧的明度阐发。。。。。。。。；；；；粕焐菀孜盐，，，，，，，，适合造作活力和提醒感；；；；；玄色拥有收缩、聚焦和不变画面的作用，，，，，，，，更容易形成克造、专业的气质。。。。。。。。

两类配色规划的常见视觉阐发

比力维度	黄色主导规划	玄色主导规划	设计提醒
第一印象	明快、温暖、能干	稳沉、默默、强烈	先凭据品牌或场景确定气质
适合强调的内容	活动、警示、年轻化信息	标题、标志、产品概括	强调色不应覆盖全数信息
常见风险	刺眼、廉价赣注阅读委顿	沉闷、压迫、细节迷失	必要用中性色调节画面密度
适合的辅助色	米白、深蓝、灰绿、棕色	暖白、银灰、黄色、橙色	辅助色应服务于鉴别和阅读

若何成立一套可用的黄三色规划

黄色主导的三色规划必要先节造黄色的面积和纯度，，，，，，，，由于高鼓和黄色大面积出现时容易产生刺眼赣祝。。。。。。。设计能够先确定一个黄色主题，，，，，，，，再用低鼓和中性色和深色成立秩序。。。。。。。。

1. 先确定黄色的脾气。。。。。。。。明亮柠檬黄更年轻、更有冲击力；；；；；暖金黄更成熟、更有质感；；；；；土黄或芥末黄更复古，，，，，，，，也更适合大面积使用。。。。。。。。
2. 再确定布景致。。。。。。。。浅米白适合营造柔和氛围，，，，，，，，深蓝或炭黑适合强化黄色的跳出感，，，，，，，，浅灰则更适合信息型界面。。。。。。。。
3. 最后设置强调色。。。。。。。。强调色不宜与黄色抢夺主视线，，，，，，，，能够使用深蓝、暗红、茶青等低明度色彩，，，，，，，，也能够用白色造作清新的留白关系。。。。。。。。
4. 为三种色彩分配工作。。。。。。。。主色掌管鉴别，，，，，，，，辅助色掌管承托，，，，，，，，强调色掌管按钮、标题、边框或部门装璜。。。。。。。。色彩有了职能，，，，，，，，画面才不会造成杂乱色块。。。。。。。。

黄色布景上的正文不宜直接使用过细的淡色字体，，，，，，，，尤其在屏幕亮度较高或印刷纸张反光时，，，，，，，，文字边缘容易变得吞吐。。。。。。。。；；；；粕竺婊坛率，，，，，，，，能够降低鼓和度，，，，，，，，或者增长米白、灰色区域，，，，，，，，让视觉焦点有搁浅地位。。。。。。。。

若何成立一套有档次的黑三色规划

玄色主导的三色规划必要解决的问题不是色彩不够，，，，，，，，而是画面可能失去档次。。。。。。。。纯黑、深灰和低对比度文字同时出现时，，，，，，，，概括、标题和正文容易混在一路，，，，，，，，因而玄色设计更依赖明度差、材质差和留白。。。。。。。。

• 使用近黑代替纯黑。。。。。。。。带有少量蓝、棕或灰的近玄色通常比绝对纯黑更柔和，，，，，，，，适合网页、包装底色和大面积布景。。。。。。。。
• 用淡色成立阅读面。。。。。。。。暖白能够减弱是非对比的生硬感，，，，，，，，冷白更适合科技、工业和极简风格。。。。。。。。正文区域要维持足够的明度分辨。。。。。。。。
• 用一个高鉴别色造作影象点。。。。。。。。黄色、橙色、荧光绿或金属色都能够作为部门强调，，，，，，，，但强调色应集中在标识、关键数据或行动按钮左近。。。。。。。。
• 用材质包办更多色彩。。。。。。。。哑光黑、亮黑、磨砂灰、金属灰固然属于相近色系，，，，，，，，但能通过反光、纹理和边缘变动加强细节。。。。。。。。

玄色布景上的细线、浅灰文字和幼字号信息必须经过现实尺寸测试，，，，，，，，不能只在放大的设计稿中判断清澈度。。。。。。。。对于移动端界面，，，，，，，，标题、正文、按钮和辅助注明必要形成显著的明度层级。。。。。。。。

配色比例、对比杜纂使用场景怎么铺排

三色设计的面积比例应凭据内容密度调整，，，，，，，，而不是机械套用固定数字。。。。。。。。常见的起点是让一种色彩承担大面积布景或主体，，，，，，，，第二种色彩承担结构区域，，，，，，，，第三种色彩只用于沉点提醒；；；；；当画面信息复杂时，，，，，，，，强调色的面积还必要进一步削减。。。。。。。。

分歧使用场景的配色方向

使用场景	更适合的方向	色彩分工	必要预防的问题
促销海报	黄色主导或黄黑对比	黄色吸引把稳，，，，，，，，深色承载文字	所有文字都使用高鼓和色
高端产品包装	玄色主导	玄色成立质感，，，，，，，，淡色分隔内容	装璜过多导致廉价感
数据或职能界面	低鼓和黄灰规划	中性色承载信息，，，，，，，，黄色象征状态	用色彩单独表白沉要状态
潮水视觉与活动物料	黑底配高亮黄色	玄色压住布景，，，，，，，，黄色造作焦点	发光成效和纹理同时过量

色彩对比度必要结合文字大幼、字沉、显示设备和印刷环境查抄。。。。。。。。大标题能够接受更强烈的色彩关系，，，，，，，，长段正文则必要更不变的布景与文字分辨；；；；；不能由于画面在设计软件中能干，，，，，，，，就认定现实阅读同样舒服。。。。。。。。

黄三色与黑三色的常见搭配谬误

黄三色与黑三色最常见的谬误，，，，，，，，是把“能干”误以为“有效”。。。。。。。。高鼓和黄色、纯黑布景、发光描边、粗体标题和复杂纹理同时出现时，，，，，，，，视觉焦点会相互争抢，，，，，，，，用户反而难以判断阅读挨次。。。。。。。。

黄色过多导致画面刺眼

黄色面积过大时，，，，，，，，设计画面庞易短缺休息区域。。。。。。。。解决方式是把大面积黄色改为低鼓和黄、米黄或浅暖灰，，，，，，，，并保留少量高鼓和黄色作为标签、数字或按钮。。。。。。。。

玄色过多导致内容沉沉

玄色占比过高时，，，，，，，，设计画面庞易出现压迫赣祝。。。。。。。解决方式是增长暖白、浅灰或留白区域，，，，，，，，同时通过字号、间距和天堑线分辨？？？？？？，，，，，，，，而不是持续增长更多装璜色彩。。。。。。。。

文字和布景不足分辨

文字与布景的明度差不实时，，，，，，，，设计信息会在缩幼、投影、打印或低亮度屏幕中隐没。。。。。。。。处置时应查抄是非灰成效、缩略图成效和现实输出尺寸，，，，，，，，并为关键信息保留不依赖色彩的图标、文字或状态提醒。。。。。。。。

选择哪一类规划前的实用查抄清单

选择黄三色与黑三色之前，，，，，，，，先回覆四个具体问题：画面必要通报的是活力还是克造，，，，，，，，用户第一眼应该看到什么，，，，，，，，正文是否必要长功夫阅读，，，，，，，，以及设计最终会呈此刻屏幕还是纸张上。。。。。。。。

• 品牌或主题偏年轻、热烈、户表、促销时，，，，，，，，能够优先思考黄色作为视觉疏导。。。。。。。。
• 品牌或主题偏专业、高端、工业、夜间、科技时，，，，，，，，能够优先思考玄色成立整体框架。。。。。。。。
• 内容蕴含大量正文、表格或操作注明时，，，，，，，，应降低主色的鼓和度，，，，，，，，优先保障清澈度。。。。。。。。
• 必要凸起价值、警示、优惠或关键数据时，，，，，，，，能够把黄色限度在部门，，，，，，，，不用让整张画面都变黄。。。。。。。。
• 必要体现材质、质感和高级感时，，，，，，，，能够选取玄色加暖白，，，，，，，，再用少量黄色形成鉴别点。。。。。。。。

最终判断不在于哪一种色彩更“高级”或更“吸睛”，，，，，，，，而在于色彩是否援手用户急剧鉴别沉点、顺畅阅读内容，，，，，，，，并在分歧尺寸和媒介中维持不变。。。。。。。。把主色、辅助色、强调色和文字层级别离界说明显，，，，，，，，三色搭配能力真正点亮视觉档次。。。。。。。。

人民网校对：周伟(ydsuijfkbwerugweiurqgweiuwqhbwe)