界面色彩太乱怎麽办?色彩搭配,一直是网页设计中的重中之重。但由於不同人对色彩的把控力和敏感度不尽相同,导致市面上的网页设计作品质量参差不齐。因此,要想提升网页设计的视觉效果,掌握一些配色规则是非常重要的!
面色彩太乱怎麽办?
网页设计配色规则一:色相一致
什麽是色相?色相是色彩的首要特徵,简单来说就是眼睛对不同光波射线产生不同感受,如红色、蓝色、黄色等都是色相的一种。
所谓的色相一致,指界面设计中所仅使用的一种色相,通过明度和纯度的改变,使界面层级更加分明,给人更协调、一致且易於接受的视觉感受。
不过,虽然色相一致的配色会给人一种协调平和的视觉感受,但如果大面积使用这种配色形式,在色彩上变化不够强烈,给人一种单调的感觉。因此,我们也可以使用邻近色作为点缀色,形成相近的配色效果,但会比同色系稍微丰富,色相柔和和过渡看起来也很和谐。
网页设计配色规则二:明度一致
什麽是明度?比起纯度及色相的变化,明度是让眼睛更容易感受到「变化」的色彩要素,简单来说,明度就是是眼睛对光源和物体表面明暗程度的感觉,通常明度越高,看上去越亮,明度越低,看上去越暗。
界面设计使用明度一致的配色,视觉效果会相对比较均衡,让整体看起来粉肠卸掉,并且能有效避免出现单调的情况。
但同时,明度一致也意味着没有特别凸显或者醒目的视觉效果,因此会使界面看起来比较平面,因此不太适用於那种要求强烈对比的广告banner之类的设计需求。另外,由於色彩本身自带明度特性,如与黄色和橙色这类色彩相比,红色和蓝色的明度会相对较暗,因此要统一界面的明度其实也比较难把控。
网页设计配色规则三:纯度一致
什麽是纯度?纯度,即颜色的鲜艳程度。与色相和明度相比,纯度一致的配色给人的印象变化很大,同时纯度对人的心理影响更大。
正常情况下,当色相种类多且纯度不同的配色,会让整体缺少一致性且非常不协调。
界面设计中使用纯度一致的配色会给人一种统一且协调的视觉效果,同时也会给读者带来较大的心理刺激。另外,界面颜色纯度愈高,给人感觉特别刺激、活泼、年轻;界面颜色纯度愈低,则会给人较为沉稳和安静的感觉,有些甚至会令人感到神秘且诡异。
* 色相、明度、纯度哪项是否一致或是不是其中一/两项必须一致,都不是绝对的,在使用操作中应根据网页设计的风格和主题而定。
网页设计配色规则四:从自然中取色
在日常设计中,配色都不是凭空想像的,而是建立在某些基础之上,从而通过配色让作品整体协调、统一。因此,当网页的主题确定後,我们可以尝试从自然界或熟悉的风景色彩中取色,让作品更协调且符合事实。
另外,对於产品页面设计,我们可以直接选取产品作为配色参考,让整体配色极具协调性,如:
① 使用产品本身的固有配色作为页面配色的参考,这里分两种情况来说:
● 若产品本身色感很强且色相种类多,界面整体配色可完全沿用产品的色彩搭配,使整体配色形似与产品本身形成很好的呼应。
○ 若产品是纯色,界面配色可考虑添加点缀色,既不会改变整体的协调感,又能很好的避免出现单调的现象。
● 也可以选择与产品本身相冲突的颜色进行搭配,这种配色效果会极具冲击力且能突出界面的主体。
② 当画面主体是图像,配色可参考图像中的颜色,这样选取色彩会更加方便。
以上所有内容主要是围绕「配色协调」方面来说,当然这并不是所有网页都应该遵循「配色协调」这一原则来设计,而是协调配色会更容易让大众接受且便於日常设计工作。但不管你采取哪种配色方案,都要记住尽可能确保整体色相数量控制在三个以内,画面出现太多颜色,很容易会导致整体出现失去协调性且混乱的情况。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/42256.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除