利用渐变色的变化,通过切换图片,渐变色也随即改变。由于渐变的饱和度较高,因此其上方的元素运用白色展示,使文字清晰可辨:
渐变色铺排整个背景,让页面展示出流光溢彩的氛围:
现实世界中,我们很难发现有一块完全凝固不变的色彩,比如云彩虽说是白色,但总是又隐隐透出蓝色、橙色等不同的渐变色,天空也并不尽然是全然相同的蓝,而表现出了深浅不一的色调。我们在设计中运用到渐变色,也就是让画面还原更多的真实。
被北极光渲染的星空本身就带着色彩的渐变流淌,照片本身的色彩渐变已表现出了动态的美轮美奂。
有时候背景运用渐变的同时,前景对象也运用渐变色,利用渐变色进行填充后,整个画面充满了未来感:
还可以将渐变色运用到元素上,这时渐变色就需要更加浓烈鲜明,从背景凸显出来,形成视觉强调。
在需要被注意的大型文字中运用鲜艳度都非常高的大红到紫色的渐变,背景采用接近无彩的暗调,让文字更加璀璨夺目:
渐变不仅是色彩上的变化,还有更多是属于时间的变化。开发网页设计中渐变色的运用绝不仅仅止步于此。
运用渐变色增加色彩的丰富感,同时又让画面不至于凌乱。这在很多品牌站中所用较多。如果希望页面显得严肃,可以限制渐变所用的范围。总之,渐变是一种"梦幻"的手段,而绝对非目的。
多色配色法:颜色的加减乘除
色彩不仅有色相,还包括饱和度、明度、色温等特质,与此同时,从心理层面上还会衍生出色彩的重量感、远近距离等心理感受,两种不同的色彩相互搭配,通过彼此的比例大小关系会衍生出更多复杂的影响。
双色互补
将色环上处于180°相对而存在的色彩进行搭配,这两种色彩在视觉上形成互补关系。我们知道色彩并不能简单陈述为红色、蓝色,因此在相对的关系上也不能简单就概括红与蓝是互补这样笼统的结论,因为实际上红色和蓝色的色调都高低明暗种类繁多。而我们知道处于相对180°位置的一组色彩其本身相互补充又相互制衡的关系,在实际运用中会催生一种平衡的视觉满足感。我们要做的依然是从情感上而非理性层面打开视觉的脉轮。
互补色处于色环上两两相对的位置,网页设计中通常使用其中一个色彩作为主色或背景色,另一个作为强调色或衬托色而加以运用:
当背景色为蓝色的同时,以橙色作为强调色,蓝色和橙色为一组互补色:
双色互补在运用面上并非对半平分,而是有选择的采取一主一辅有机结合的方式,这样有利于突出色彩的性格主题。
三色对比
处于色环上距离彼此120°位置的三种色彩,两两之间彼此为对比色,而这三种色彩的搭配也会形成非常和谐的组合。
飞特游客
China明
委托设计