“吾色”通常指用于选色、配色和分析色彩关系的工具。。。。。。。它能够援手设计者萦绕一个主色寻找相近色、对比色或互补色，，，，，，，，并通过调整色相、鼓和度和明度，，，，，，，，较快得到适合界面、海报、品牌视觉或图片设计的配色方向。。。。。。。

使用吾色时，，，，，，，，不建议一路头就轻易遴选多个色彩。。。。。。。更有效的步骤是先确定设计要通报的感情和使用场景，，，，，，，，再选定主色，，，，，，，，最后把天生或筛选出的色彩分配为布景致、辅助色、文字色和强调色。。。。。。。这样得到的色板不仅好看，，，，，，，，也更容易真正利用到设计稿中。。。。。。。

吾色重要解决哪些配色问题

好多人遇到的并不是“找不到色彩”，，，，，，，，而是选出的色彩放在一路后显得杂乱、沉闷或不足沉点。。。。。。。吾色的作用，，，，，，，，是把主观的色彩选择转化为更清澈的色彩关系，，，，，，，，援手你急剧判断分歧色彩之间是否协调。。。。。。。

• 寻找主色：从品牌色彩、产品图片、参考海报或幼我偏好中确定视觉中心。。。。。。。
• 延展配色：凭据主色寻找近似色、互补色、对比色或统一色相下的深浅变动。。。。。。。
• 统一风格：通过降低鼓和度、提高妙度或扭转冷暖偏差，，，，，，，，让一组色彩维持一致的气质。。。。。。。
• 获取色值：将最终色彩整顿为适合设计软件使用的色彩数值，，，，，，，，削减反复凭感触取色的误差。。。。。。。

必要把稳的是，，，，，，，，吾色提供的是配色参考，，，，，，，，不是能够直接代替设计判断的自动答案。。。。。。。分歧版本的页面职能和按钮名称可能存在差距，，，，，，，，但“确定主色—成立关系—分配用处—放入现实画面查抄”的步骤根基通用。。。。。。。

起头配色前，，，，，，，，先明确三个前提

第一是使用场景。。。。。。。统一种色彩用于科技产品界面、儿童活动海报和高端品牌包装时，，，，，，，，搭配方式并不一样。。。。。。。界面配色更看沉阅读和操作，，，，，，，，海报配色必要迅速形成视觉冲击，，，，，，，，包装配色则要思考材质、印刷和货架环境。。。。。。。

第二是感情方向。。。。。。。若是但愿画面轻松、天然，，，，，，，，能够优先思考明度较高、鼓和度适中的色彩；；；；；；；；若是必要稳沉和专业感，，，，，，，，可使用低鼓和度色彩搭配深色文字；；；；；；；；若是想造作活跃、能干的成效，，，，，，，，能够保留一个高鼓和度强调色，，，，，，，，但不要让所有色彩都处于高鼓和状态。。。。。。。

第三是已有约束。。。。。。。品牌标志、产品主色、客户指定色、图片主体色以及平台规范，，，，，，，，都可能决定主色不能轻易更换。。。。。。。把这些限度提前确定，，，，，，，，能预防在吾色中天生大量无法落地的规划。。。。。。。

用吾色急剧匹配色调的实用流程

• 确定一个主色。。。。。。。若是已有品牌色，，，，，，，，优先使用现成色彩；；；；；；；；若是还没有主色，，，，，，，，能够先凭据设计主题选择大体色相，，，，，，，，例如蓝色代表默默和可信，，，，，，，，绿色左袒天然与健全，，，，，，，，橙色更有亲和力和活力。。。。。。。它们不是固定规定，，，，，，，，只适合作为初始方向。。。。。。。
• 先看同色系变动。。。。。。。萦绕主色调整明度和鼓和度，，，，，，，，通常比直接参与很多分歧色相更容易维持统一。。。。。。。淡色可用于布景，，，，，，，，深色可用于标题或天堑，，，，，，，，中等明度的色彩适合通常信息区域。。。。。。。
• 再尝试对比色。。。。。。。当页面必要按钮、价值、提醒信息或视觉焦点时，，，，，，，，能够在主色的对抗方向寻找强调色。。。。。。。强调色该当有明确用处，，，，，，，，不宜大面积铺满，，，，，，，，不然会减弱主色的鉴别度。。。。。。。
• 限度色板数量。。。。。。。无数设计场景不必要同时使用好多主色。。。。。。。？？？？？Ｄ芄幌缺Ａ粢蛔橹魃⒘降饺指ㄖ⒁桓銮康魃鸵蛔橹行陨，，，，，，，，再凭据现实画面删减。。。。。。。
• 按角色分配色彩。。。。。。。不要只保留一排色卡，，，，，，，，而要注明每个色彩掌管什么：布景、标题、正文、按钮、边框、图标或提醒。。。。。。。色彩一旦有了使用职责，，，，，，，，后续设计会更不变。。。。。。。
• 放回设计稿查抄。。。。。。。色板单独看起来协调，，，，，，，，不代表放在文字、图片和按钮中依然相宜。。。。。。。至少要查抄大面积布景、密集文字、沉点按钮和分歧屏幕亮度下的成效。。。。。。。

色相、鼓和度和明度该怎么调

配色时时时出现“色彩方向对了，，，，，，，，但整体感触不合”的情况，，，，，，，，通常是色相、鼓和度和明度没有匹配好。。。。。。。

色相决定色彩属于哪一类，，，，，，，，例如偏蓝、偏绿或偏红。。。。。。。色相差距较幼时，，，，，，，，画面通常更统一；；；；；；；；色相差距较大时，，，，，，，，对比更显著，，，，，，，，但必要节造色彩数量和面积。。。。。。。

鼓和度决定色彩的鲜艳水平。。。。。。。高鼓和度适合强和谐吸引把稳力，，，，，，，，低鼓和度更适合布景、辅助区域和必要持久阅读的页面。。。。。。。若整套配色都很鲜艳，，，，，，，，画面庞易产生噪杂感。。。。。。。

明度决定色彩的明暗。。。。。。。正文、按钮文字和布景之间要有足够的明暗分辨，，，，，，，，不然即便色相搭共同理，，，，，，，，阅读依然会难题。。。。。。。设计中常见的做法是用较浅的布景衬托深色文字，，，，，，，，再用一个明度或鼓和度更凸起的色彩承载操作沉点。。。。。。。

分歧设计指标下的配色调整方向

设计指标	主色选择	辅助色处置	沉点查抄
专业、不变	选择偏冷或中性的主色	降低鼓和度，，，，，，，，增长灰度和深浅档次	正文是否清澈，，，，，，，，页面是否过于沉沉
天然、亲和	从绿色、米色或暖色方向寻找主色	使用柔和的近似色，，，，，，，，预防过强对比	大面积使用时是否刺眼或发脏
活跃、能干	保留一个明快且辨识度高的主色	用中性色压住画面，，，，，，，，强调色节造面积	视觉焦点是否明确，，，，，，，，信息是否被色彩抢走
简洁、高级	选择低鼓和度或单一色相	依附明度差和材质感形成档次	画面是否短缺沉点，，，，，，，，淡色文字是否难读

配色规划放进设计稿后要查抄什么

第一，，，，，，，，查抄色彩的面积关系。。。。。。。主色能够承担较大面积，，，，，，，，辅助色掌管分辨模？？？？？？，，，，，，，，强调色用于按钮、标签或关键数据。。。。。。。若强调色面积过大，，，，，，，，它就不再是强调，，，，，，，，反而会造成新的布景。。。。。。。

第二，，，，，，，，查抄文字与布景的可读性。。。。。。。浅灰文字放在淡色布景上、鲜艳文字放在复杂图片上，，，，，，，，都可能造成阅读阻碍。。。。。。。必要时能够加深文字、降低布景鼓和度，，，，，，，，或为文字区域增长纯色底。。。。。。。

第三，，，，，，，，查抄分歧状态。。。。。。。按钮至少要思考默认、悬停、点击、禁用和谬误提醒等状态；；；；；；；；信息图表还要确认相邻数据之间是否容易分辨。。。。。。。不要只查抄一张静态展示图。。。。。。。

第四，，，，，，，，查抄输出环境。。。。。。。屏幕显示的色彩与印刷制品可能存在差距，，，，，，，，尤其是高亮度和高鼓和度色彩。。。。。。。用于印刷、包装或实体物料时，，，，，，，，应在指标材质上打样，，，，，，，，不能只依赖吾色中的屏幕成效。。。。。。。

出现“不协调”时，，，，，，，，能够这样排查

• 色彩太杂：删除不承担具体职能的色彩，，，，，，，，优先保留同色系变动和一个明确的强调色。。。。。。。
• 画面太灰：不愿定要整体提高鼓和度，，，，，，，，能够只提高沉点色彩的鼓和度，，，，，，，，或者增长明度差。。。。。。。
• 画面太刺眼：降低布景和辅助色的鼓和度，，，，，，，，把高鼓和色彩限度在按钮、标题或部门图形中。。。。。。。
• 沉点不凸起：让强调色与周围色彩形成更显著的明度或色相差距，，，，，，，，同时削减其他区域的竞争。。。。。。。
• 文字看不清：优先调整文字与布景的明暗关系，，，，，，，，不要只依附扭转文字色相来解决。。。。。。。
• 色板好看但成稿难用：沉新依照布景、文字、组件和强调信息分配色彩，，，，，，，，查抄每个色值是否都有明确用处。。。。。。。

吾色更适合承担“急剧索求和整顿色彩方向”的工作。。。。。。。真正确定一套配色时，，，，，，，，应把主色的鉴别度、辅助色的统一性、文字的可读性以及最终使用环境一路思考。。。。。。。吓酌工具缩幼选择领域，，，，，，，，再回到具体设计场景验证，，，，，，，，通常比单独钻营某一张美丽色卡更靠得住。。。。。。。

人民网校对：何亮亮(iz3aFheokR2jkPZP80yFHoy8DIAjz0iAWS)