页面设计技巧教你短时间内做出像样的视觉设计作品。
一、界面背景
页面设计，我一般首先会先从背景开始，下面有几个简单粗暴又好用的套路可以参考。
1.1 大图
最简单粗暴的做法是大图配大字。这种背景一般会给人「精致」、「逼格」的印象。一般可以直接用小景深微距的照片，也就是图片大部分都是模糊的。另一种可以直接在任意大图上面加一层透明遮罩。
1.2 白色+品牌色
上面说的大图+大字这个套路这么好用，而且还显得比较雅致，那不如整个页面几屏都用这种模式好了？当然也会有些网站是这样做的，但是里面有个问题是，用户在浏览的过程中可能会审美疲劳，而且页面结构略显单调。那么，这里就可以在大图与大图之间，用「白色+品牌色」这样的背景来增加页面的多样性。
1.3 纯色背景
用纯色做背景，也是目前比较多见的一种方式。比如一个首页有4~5屏，每一屏都用一个纯色做背景，这种模式就更加简单了。
二、页面装饰元素
背景作为一个地基打好之后，接着就是往页面堆元素了。一般包括文案和其它元素。其它元素包括icon、色块、线条、图片等设计元素，一是帮助用户更好地理解文字内容，二来增强视觉表现力。
2.1 icon
增加视觉表现力，当然是少不了icon。所以下次当你一筹莫展的时候，可以试试用icon把信息分条、分块展示。
2.2 颜色色块
跟上面说的icon其实差不多，但是可以用地更灵活一些。比如下图f 用不同颜色进行分类。
2.3 线条
线条最常用的场景是分离两个信息块。
三、点缀和动效
上面两步，其实已经足够完成80%的页面，可是，什么？像PPT ？！
其实用一般交互设计师的思维，最后做出的成品，信息架构分明，排版合理，色彩搭配合理，也难免会做的像简报一样！很大部分原因，可能是因为少了Banner！（banner最能区别视觉和交互两类人设计出来的作品，这是我的鄙见）
不过Banner也不是每个网站都会有，要具体看项目的需求。那么剩下的20%，可以通过交互动效和其他一些小部件来作最后的点缀。
