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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

人民网校对：叶一剑(vuLenA81Rh2t9jZK313H8AW0uB6rmfwddZRxp)