网站界面设计颜色怎么搭配视觉效果会更好

2021年 / 12月14日

返回

  很多客户会问同一个问题,网站界面色彩太乱怎么办?色彩搭配,一直是网站设计中的重中之重。但由于不同人对色彩的把控力和敏感度不尽相同,导致市面上的网站设计作品质量参差不齐。因此,要想提升网站设计的视觉效果,掌握一些配色规则是非常重要的!


  什么是色相?色相是色彩的首要特征,简单来说就是眼睛对不同光波射线产生不同感受,如红色、蓝色、黄色等都是色相的一种,所谓的色相一致,指界面设计中所仅使用的一种色相,通过明度和纯度的改变,使界面层级更加分明,给人更协调、一致且易于接受的视觉感受,不过,虽然色相一致的配色会给人一种协调平和的视觉感受,但如果大面积使用这种配色形式,在色彩上变化不够强烈,给人一种单调的感觉。因此,我们也可以使用邻近色作为点缀色,形成相近的配色效果,但会比同色系稍微丰富,色相柔和和过渡看起来也很和谐。


  明度一致


  什么是明度?比起纯度及色相的变化,明度是让眼睛更容易感受到「变化」的色彩要素,简单来说,明度就是是眼睛对光源和物体表面明暗程度的感觉,通常明度越高,看上去越亮,明度越低,看上去越暗,界面设计使用明度一致的配色,视觉效果会相对比较均衡,让整体看起来粉肠卸掉,并且能有效避免出现单调的情况,但同时,明度一致也意味着没有特别凸显或者醒目的视觉效果,因此会使界面看起来比较平面,因此不太适用于那种要求强烈对比的广告banner之类的设计需求。另外,由于色彩本身自带明度特性,如与黄色和橙色这类色彩相比,红色和蓝色的明度会相对较暗,因此要统一界面的明度其实也比较难把控。


  纯度一致


  什么是纯度?纯度,即颜色的鲜艳程度。与色相和明度相比,纯度一致的配色给人的印象变化很大,同时纯度对人的心理影响更大,正常情况下,当色相种类多且纯度不同的配色,会让整体缺少一致性且非常不协调,界面设计中使用纯度一致的配色会给人一种统一且协调的视觉效果,同时也会给读者带来较大的心理刺激。另外,界面颜色纯度愈高,给人感觉特别刺激、活泼、年轻;界面颜色纯度愈低,则会给人较为沉稳和安静的感觉,有些甚至会令人感到神秘且诡异, 色相、明度、纯度哪项是否一致或是不是其中一/两项必须一致,都不是绝对的,在使用操作中应根据网站设计的风格和主题而定。


  时代创信网站设计


  从自然中取色


  在日常设计中,配色都不是凭空想像的,而是建立在某些基础之上,从而通过配色让作品整体协调、统一。因此,当网页的主题确定后,我们可以尝试从自然界或熟悉的风景色彩中取色,让作品更协调且符合事实,另外,对于产品页面设计,我们可以直接选取产品作为配色参考,让整体配色极具协调性,如:


  ① 使用产品本身的固有配色作为页面配色的参考,这里分两种情况来说:


  ● 若产品本身色感很强且色相种类多,界面整体配色可完全沿用产品的色彩搭配,使整体配色形似与产品本身形成很好的呼应。


  ○ 若产品是纯色,界面配色可考虑添加点缀色,既不会改变整体的协调感,又能很好的避免出现单调的现象。


  ● 也可以选择与产品本身相冲突的颜色进行搭配,这种配色效果会极具冲击力且能突出界面的主体。


  ② 当画面主体是图像,配色可参考图像中的颜色,这样选取色彩会更加方便。


  以上所有内容主要是围绕「配色协调」方面来说,当然这并不是所有网页都应该遵循「配色协调」这一原则来设计,而是协调配色会更容易让大众接受且便于日常设计工作。但不管你采取哪种配色方案,都要记住尽可能确保整体色相数量控制在三个以内,画面出现太多颜色,很容易会导致整体出现失去协调性且混乱的情况。