你做的图太平了？网页切图设计

做的图太平了…其实有很多解决办法，比如利用透视搭建空间，或者元素前后叠加制造遮挡关系等等。但是还有一个方法往往被忽视。

其实之前也讲过这个东西…当时还落下一些内容，今日在完善一些。

说这个方法之前先谈谈影调这个概念…

影调是摄影里面的一个词汇：影调是指拍摄对象表面不同亮度光影的明暗层次，画面有了影调便不仅是平面了，而是出现了立体感、质感与肌理。

而且通过影调，还可以使观者感到光的流动与变化。

一片普通的叶子，左边的显得很平，右边因为有明暗变化则显出了立体感。

下面看一组黑白照片

对黑白照片来说，只有黑白灰三色。这类照片的空间和明暗层次，其间的差别只在亮度上。最亮就是白，最暗就是黑。所以黑白灰形成了画面。

所以亮度明暗是对画面形成层次感的一项重要指标。

上面这些灰度设计海报，背景啥都没有，为什么还有空间感？ 就是因为背景有光影明暗的变化。

下面这2张是小米的主图，仔细品味图片的亮部与暗部之间的差异变化。

那么在设计页面中如何运用的呢？

下面通过一个小图来试验

加些文字简单排版下，但是画面还是看起来很平。

右边又加了一个小草，左上角在加2道阳光…虽然不大明显…最关键的是背景做了明暗渐变！！所以层次感就比之前强了一些。

good bye ~