助你进阶成为“设计万花筒”:色彩叠加
2018-03-01 17:50:38 来源:易采站长网友投稿 作者:admin
文章次要引见了一个能够让您进阶成为“设想万花筒”的妙技脚法——颜色叠减。

正在看球赛时,某个选脚头昏眼花的打击方法,会被我们称号为“打击万花筒”;一个写脚变革莫测的写做脚法,我们又称之为“写做万花筒”……
明天我们便引见一个能够让您进阶成为“设想万花筒”的妙技脚法——颜色叠减。
何谓颜色叠减,便是利用半通明的色块(杂色大概突变)叠减到图片大概视频上,那种结果可以强化图片自己的气氛,付与寄义,而且更好天吸收用户的留意力。
我们间接深化聊聊那种颜色利用本领正在实践使用中,需求留意的成绩战值得探求的做法。
1.利用突变

尾先,突变做为一种设想趋向,再次回回了。当您念为特定的元素叠减颜色的时分,能够测验考试利用某个夺目的突变色叠减上来。
突变色的益处正在于,您能够利用多种差别的颜色一同组成突变(好比品牌色),也能够利用某一个颜色停止深浅、明度、饱战度上的突变,那样的设想会隐得愈加集合。亮堂的配色计划会愈加吸收用户用户,让图片显现出某种共同的气场。
2.利用杂色定基调

杂色的叠减结果实在战突变一样夺目,不外杂色比拟于突变所显现的意义战气氛会愈加明白。好比,正在图片上叠减上棕色可以显现出一种汗青的薄重感。
当您正在叠减杂色的时分,该当认真思索一下颜色的饱战度战通明度。那些果素实在皆是故意义的。
叠减的颜色图层具有下饱战度战低通明度的时分,用户会更多存眷颜色自己;当叠减的颜色具有低饱战度战下通明度的时分,用户会更简单被底层的图象所吸收。
3.思索明暗

固然,很多颜色其实不齐皆是靠有色半通明图层叠减出去的,偶然候仅仅是利用纯真的口角灰去叠减,缔造出差别的明暗结果,那样也能很好的真现一些结果。
上里所显现的那个名为“ Call me lsh ”的网站中,设想师正在布景上笼盖了一层半通明的红色,让用户的专注面集合到远景的笔墨上来,可是布景的拍照师浅笑的心情仍然耳濡目染天影响着用户的感情。
颜色战图片的组开让访客没有知没有觉天同布景的拍照师发生了感情上的互动,或许一份报答丰盛的事情正静静去到。
4.挑选下比照度的图片

当您念要正在设想项目中利用颜色叠减那种技法的时分,置于底层的图片大概视频是最主要的构成部门。
一张平凡的图片没有管您怎样叠减颜色皆很易到达冷艳的结果,而图片自己假如有着优良的比照度,那末可以正在叠减图片以后组成标致的明暗结果,将设想的劣势最年夜化。
固然,假如图片的可选范畴自己便没有年夜,那末最好测验考试利用PhotoShop之类的硬件先提拔图片的比照度,不然实践结果能够达没有到您预期的目的。
念要告竣好结果的办法有许多,借有一种办法便愈加简朴粗鲁了:从口角的图片开端动手。关于初教者而行,口角图片的比照度更简单掌握。您能够测验考试接纳口角色彩的打破布景,拆配彩色的半通明图层。

当您利用颜色叠减到图片战视频上的时分,有两种处置办法:
A. 图片尽量天然。颜色、明暗、阳影皆该当处于天然的形态,叠减的颜色该当尽量奇妙;
B. 用完整出人意料的颜色叠减正在图片上,缔造出无独有偶的结果。
那么设想的益处正在于用户会愈加专注于网站内容,强化团体的设想感。
5.测验考试部门叠减


我们正在前里的例子中,年夜大都的案例是皆将半通明的颜色图层叠减到年夜块的图片内容上,固然那其实不是独一的挑选。接纳部门叠减的办法,一样也能够带去没有错的结果。
Knot Clothing 那个网页接纳了绿色的导航栏,其正在网站头部叠减了半通明层,看起去结果相称没有错吧。
而Nuts and Woods 那个网站则换了一种弄法,把叠减结果利用正在网站的hover结果上,实在那种脚法正在海内曾经被年夜量运营了,那不只提醒用户那些内容是可面击的,并且借丰硕了网站的互动兴趣性。
结语
又要道那句话了,天下万事万物皆是相对的,我们那里所道的颜色叠减的结果其实不是全能的,以是没有是一切的项目皆合适利用的一项结果,当您正在停止设想的时分,该当只管制止过分利用。
记着,那只是进阶成为“设想万花筒”路上的的一种微妙技战小方法。
本文由 @翠鸟H5 本创公布。已经答应,制止转载。
题图去自PEXELS,基于CC0和谈











闽公网安备 35020302000061号