网页设计常用的技能手法:色彩叠加
当然,许多色彩并不全都是靠有色半透明图层叠加出来的,有时候仅仅是使用单纯的黑白灰来叠加,创造出不同的明暗效果,这样也能很好的实现一些效果。
上面所显示的这个名为“ Call me lsh ”的网站中,设计师在背景上覆盖了一层半透明的白色,让用户的专注点集中到前景的文字上去,但是背景的摄影师微笑的表情依然潜移默化地影响着用户的情绪。
色彩和图片的组合让访客不知不觉地同背景的摄影师产生了情绪上的互动,也许一份报酬丰厚的工作正悄悄来到。
4.选择高对比度的图片

当你想要在设计项目中使用色彩叠加这种技法的时候,置于底层的图片或者视频是最重要的组成部分。
一张平庸的图片不管你怎么叠加色彩都很难达到惊艳的效果,而图片本身如果有着良好的对比度,那么能够在叠加图片之后构成漂亮的明暗效果,将设计的优势最大化。
当然,如果图片的可选范围本身就不大,那么最好尝试使用PhotoShop之类的软件先提升图片的对比度,否则实际效果可能达不到你预期的目标。
想要达成好效果的方法有很多,还有一种方法就更加简单粗暴了:从黑白的图片开始着手。对于初学者而言,黑白图片的对比度更容易控制。你可以尝试采用黑白色调的突破背景,搭配彩色的半透明图层。

当你使用色彩叠加到图片和视频上的时候,有两种处理方法:
A. 图片尽可能自然。色彩、明暗、阴影都应该处于自然的状态,叠加的色彩应当尽可能微妙;
B. 用完全出乎意料的色彩叠加在图片上,创造出独一无二的效果。
这么设计的好处在于用户会更加专注于网站内容,强化整体的设计感。
5.尝试部分叠加

<< 上一篇:网页设计手机移动端设计稿宽度多少 | >> 下一篇:响应式网页设计的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网页设计为什么在不同电脑显示不一样