网站建设中如何通过配色提升设计品质（中）

二、确定主色，精简层级
      当我们确定好配色的目标以后，如何开始配色工作呢？通常情况下，我们会首先来确定整个设计的主色，然后再开始进行后续的设计。
      1.主色与副色的定义
      什么是主色和副色？
      主色是整个色调的核心颜色，通常也是相对占比最多的颜色，它决定了整体的风格和基调。而副色则是画面中占比相对较小的颜色，它通常起到辅助主色、丰富画面的作用。
      假如把一个画面看成一部电影，那么主色就是整个电影的主角，而副色则是除了主角以外的其他配角。

网站建设中如何通过配色提升设计品质

      2.确定主色，精简色彩层级
      一部好的电影，通常情况下需要有一个明确的主角，它主导了整个电影的走向，对于设计作品来说，也是相同的道理。所以在配色过程中，首要的任务是确定配色的主色，并在整个作品中明确它的地位，让它来主导整个画面。
      在产品界面的设计中，主色是传达品牌感的重要元素。明确的主色能够让整个界面产生强烈的品牌感。反之，整体的配色会显的十分混乱，影响品牌感的传达。
我们可以来看两个案例：

网站建设中如何通过配色提升设计品质

      这两个案例在配色上有什么问题吗？为什么？
      如何更准确地分析配色的问题？ 我们可以使用前面讲的目标分析法，从产品界面的配色目标入手，逐一寻找和发现问题。
      我们通过三个维度去分析问题：
      信息传递的维度：这两个界面的颜色过于繁杂，导致信息层级混乱，没有视觉中心，用户也不知道从何开始阅读。而两个界面中的卡片设计上，也都存在同一个问题： 底色的明度过高，导致卡片上的文字阅读性非常差。
      引导操作维度：整体核心操作路径不明确，用户进入后无明确的操作引导；按钮的视觉效果也很弱，导致用户无法识别。
      品牌价值维度：品牌主色不明确，导致整体品牌感弱。
      如何去解决以上的问题？可以用八个字概括：明确主色，精简层级。
      我们可以来看一下Keep的产品界面设计。同样是健身App，Keep的配色方式则完全符合了产品界面的配色目标。相比前面案例的两个界面，Keep的产品界面呈现出优秀的整体品牌感和品质感。

网站建设中如何通过配色提升设计品质

      在Keep的整体配色中，最核心的思想就是简化色彩层级——明确主色，减少不必要的颜色。从配色的角度来分析，作为品牌的主色做网站需要多少钱，“Keep绿”贯穿了所有的产品界面，使整个产品显得非常统一和整体，凸显了整体的品牌感和品质感。
      其次，Keep的整体界面将除了主色以外的其他颜色精简到了极致，并将主要的辅助灰以外的所有中性色都控制在了三个层级内；首页的插画运用了同色系来精简色彩层级；视频的封面图风格也经过处理，使色调与整体界面统一。
      整个界面的阅读体验非常舒适，字体颜色层级清晰，重点明确。而在操作引导上，Keep将大量的品牌色用于核心操作路径和按钮上，这使得整个产品的引导逻辑清晰明确。
      3.精简色彩层级的意义
      色彩层级越精简，就越容易达到整体色彩平衡，从而提升设计的整体品质感。当我们去看很多大厂的页面设计时，可以感受到很多的相同点：整体而强烈的品牌感，简约而高级的配色，丰富细腻的细节等。
      用户在阅读页面时，配色是我们大脑最先接收到的画面信息。所以精简配色对于产品界面的设计来说至关重要。以品牌色为主色域名技巧，精简色彩层级，可以让整个页面富有品牌感。
       4.品牌升级时的色彩简化趋势
      在品牌Logo的升级中，简化色彩层级同样是一个大的趋势。简化层级，可以让品牌更加简约和高级，提升品牌的品质感和包容性，使品牌拥有更大延展性和更多的可能性。
      星巴克的品牌升级中工程机械，除了去掉Logo字母和咖啡字母外，更简化了Logo的图形和色彩。从而强化了星巴克标志性的人鱼形象和星巴克绿，让品牌更加简洁有力，易于传播。
      大麦网在去年也经历了战略性的品牌升级。全新的品牌形象包括新LOGO以及新的Slogan，配色上则重新定义了更具年轻活力的红色作为主色，同时精简了整体的色彩层级。
      而宝马在最近官方宣传图中，将的BMW标志将蓝白色相间的Logo简化为黑白单色，而新Logo专为品牌旗下的即将推出的高端豪华车型使用。
（郑重声明：本文版权归原作者徐剑杰所有，转载文章仅为传播更多信息之目的，如有侵权，请联系我们删除；如作者信息标记有误，请联系我们修改。）

，