首先，在我们所能看到的“小清新”里面，哪里些元素是最有特色或者说代表性的?

为此我找了大量的带有“小清新”tag的图片，发现女人永远是这一类风格图片中出现频率最高的，无论是背影还是传说中的45度角，还有带旅行元素的如老式的皮箱、铁路、背包等，以及微单相机、阳光、有特色的静物之类的元素，并且在摄影手法上，大光圈、故意的过度曝光、逆光拍摄，随意的lomo风格等等。

其次，除了上面提到的常见元素以外，色彩当然也是很重要的一方面。但是从“小清新”的字面意思理解，她的用色完全就是淡淡的很清爽的那一类色系吗?我通过她以及其他2个衍生的关键词做了一下情绪版的分析，并且通过Colorhunter这个站点提取了关键色彩并做了微调，在其中寻找到色彩上的变化。

再次，通过刚才的情绪版分析提取用色，发现其实在“小清新”的视觉用色中，色彩的饱和度并不高，并且从整个色立体模型来看，她处于明度轴最高位的下方，是带有灰色调的，这也许为了更好的展示这样的视觉风格所独有的，或怀旧或忧伤的感觉。以下图两种色彩模型为例：

冷色系

暖色系

最后，我们在web页面设计中遇到的“小清新”设计风格，具体的表现在哪些地方呢?

1.色彩，这个上面已经提到过了这个风格在色立体中的位置，她也是用户获取信息过程中最快能让用户感受到的。

2.页面框架,根据上述的分析，这样的设计风格对于页面框架布局毫不吝啬的使用留白，或者简单的线条对模块之间的关系进行分割，在这样的设计风格方面，个人觉得豆瓣、网易印象派都做的挺不错的。
3.关于质感，“小清新”的设计质感是轻量级的，或者说干脆抛弃了质感的使用，取而代之的是干净整洁的大色块。

4.图形元素与质感一样，也尽可能的使用了简单的表现方式，比如图形倒角、icon等无不简约，但又不失细节。总之，设计风格还是取决于产品本身的定位，风格必须与产品本身是匹配的。
本文来源于成都网站建设公司、成都网站设计制作公司与成都APP开发公司-桔子科技公司！
成都网站建设,成都网站设计,成都网站制作,成都网页设计，成都网站建设公司 ,成都网站设计公司, 成都网站制作公司，成都手机网站建设，手机网站建设，成都APP开发，APP开发，成都建网站，成都做网站，成都微信网站建设，成都微商城网站建设，成都商城网站建设，成都网络公司。

下一篇：了解网页设计中基础知识上一篇：出色的网页设计人员要掌握的7项技能