网页设计常用的技能手法:色彩叠加
何谓色彩叠加,就是使用半透明的色块(纯色或者渐变)叠加到图片或者视频上,这种效果能够强化图片本身的氛围,赋予含义,并且更好地吸引用户的注意力。文章主要介绍了一个可以让你进阶成为“设计万花筒”的技能手法——色彩叠加。
在看球赛时,某个选手眼花缭乱的进攻方式,会被我们称呼为“进攻万花筒”;一个写手变化莫测的写作手法,我们又称之为“写作万花筒”……
今天我们就介绍一个可以让你进阶成为“设计万花筒”的技能手法——色彩叠加。
何谓色彩叠加,就是使用半透明的色块(纯色或者渐变)叠加到图片或者视频上,这种效果能够强化图片本身的氛围,赋予含义,并且更好地吸引用户的注意力。
我们直接深入聊聊这种色彩使用技巧在实际运用中,需要注意的问题和值得探究的做法。
1.使用渐变

首先,渐变作为一种设计趋势,再次回归了。当你想为特定的元素叠加色彩的时候,可以尝试使用某个醒目的渐变色叠加上去。
渐变色的好处在于,你可以使用多种不同的色彩一起构成渐变(比如品牌色),也可以使用某一个色彩进行深浅、明度、饱和度上的渐变,这样的设计会显得更加集中。明亮的配色方案会更加吸引用户用户,让图片呈现出某种独特的气场。
2.使用纯色定基调

纯色的叠加效果其实和渐变一样醒目,不过纯色相比于渐变所呈现的意义和氛围会更加明确。比如,在图片上叠加上棕色能够呈现出一种历史的厚重感。
当你在叠加纯色的时候,应当仔细考虑一下色彩的饱和度和透明度。这些因素其实都是有意义的。
叠加的色彩图层拥有高饱和度和低透明度的时候,用户会更多关注色彩本身;当叠加的色彩拥有低饱和度和高透明度的时候,用户会更容易被底层的图像所吸引。
3.考虑明暗

<< 上一篇:网页设计手机移动端设计稿宽度多少 | >> 下一篇:响应式网页设计的9项基本原则 |
- 2018-02-21网页设计手机移动端设计稿宽度多少
- 2018-02-10平面设计以及印刷常用的标准尺寸大全
- 2018-02-08人工智能网页设计的特点和优势
- 2018-02-052018年较新流行的网页设计趋势
- 2018-02-05响应式网页设计与自适应网页设计有什么区别
- 2018-02-01网页设计制作简化网页设计的方法
- 2018-01-29网页设计领域中的开放式布局
- 2018-01-29影响网页设计的5个关键因素
- 2018-01-22网页设计师如何和客户理解与沟通
- 2018-01-20网页设计中的排版原则有哪些
- 2018-01-18网页设计必须注意的一些常见问题
- 2018-01-02网页设计中flex布局垂直水平居中
- 2017-12-15网页设计flex布局浏览器兼容解决方案
- 2017-11-20室内家装常用的墙面装修材料有哪些
- 2017-10-27网页设计为什么在不同电脑显示不一样