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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

分歧使用场景的配色方向

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

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

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

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

黄色过多导致画面刺眼

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

玄色过多导致内容沉沉

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

文字和布景不足分辨

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

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

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

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

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

人民网校对：林立青(F25Yiq3LKbQrkmBMB3ksfzMV77pB2NKZhA)