“小清新”风格的视觉表现
“小清新”，近些年才流行起来的一个新名词，用来描述一种文化现象，定义某一类音乐、文学、摄影作品的风格，也随之衍生成为对爱好这类风格的人的称谓。在平时工作中经常能听到耳熟能详的交谈：“某某某的设计风格很小清新……”、“这个颜色太小清新了不太合适”……
其实作为视觉设计师，我对这类风格在视觉上的表现一直很疑惑，究竟怎么样的设计才算是有小清新感觉的呢？难道这只是一种说不清道不明的感觉吗？在最近参与的一次运营分享培训时，也有运营同学问我，怎么样才可以PS出有小清新风格的图片呢，这也引发了我对这一类视觉设计表现的深入思考。以下是我整理的几方面内容，帮助我提取对这一类风格在视觉表现层的关键点，只是一点拙见，一点设计感悟而已。
首先，在我们所能看到的“小清新”里面，哪里些元素是最有特色或者说代表性的？
为此我找了大量的带有“小清新”tag的图片，发现女人永远是这一类风格图片中出现频率最高的，无论是背影还是传说中的45度角，还有带旅行元素的如老式的皮箱、铁路、背包等，以及微单相机、阳光、有特色的静物之类的元素，并且在摄影手法上，大光圈、故意的过度曝光、逆光拍摄，随意的lomo风格等等。
其次，除了上面提到的常见元素以外，色彩当然也是很重要的一方面。但是从“小清新”的字面意思理解，她的用色完全就是淡淡的很清爽的那一类色系吗？我通过她以及其他2个衍生的关键词做了一下情绪版的分析，并且通过Colorhunter这个站点提取了关键色彩并做了微调，在其中寻找到色彩上的变化。
再次，通过刚才的情绪版分析提取用色，发现其实在“小清新”的视觉用色中，色彩的饱和度并不高，并且从整个色立体模型来看，她处于明度轴最高位的下方，是带有灰色调的，这也许为了更好的展示这样的视觉风格所独有的，或怀旧或忧伤的感觉。以下图两种色彩模型为例：
冷色系
暖色系
最后，我们在web页面设计中遇到的“小清新”设计风格，具体的表现在哪些地方呢？
1.色彩，这个上面已经提到过了这个风格在色立体中的位置，她也是用户获取信息过程中最快能让用户感受到的。
2.页面框架,根据上述的分析，这样的设计风格对于页面框架布局毫不吝啬的使用留白，或者简单的线条对模块之间的关系进行分割，在这样的设计风格方面，个人觉得豆瓣、网易印象派都做的挺不错的。
3.关于质感，“小清新”的设计质感是轻量级的，或者说干脆抛弃了质感的使用，取而代之的是干净整洁的大色块。
4.图形元素与质感一样，也尽可能的使用了简单的表现方式，比如图形倒角、icon等无不简约，但又不失细节。总之，设计风格还是取决于产品本身的定位，风格必须与产品本身是匹配的。
最近感觉还是挺浮躁的，写写文章可以练心。马上要放假了，偷闲以这篇博文作为对前段时间一点设计心得的总结，不是设计高手，只是一个混迹设计圈多年的老油条，文中也许有词不达意的地方，还请一笑而过吧。
热门文章
-
1
瀑布流布局之KISSY.Waterfall插件方法
-
2
人民币符号￥在css和html正确显示
-
3
大数据DaaS创业公司“星图数据”上线“D-Matrix”产品，提供可视化在线产品销售数据报告
-
4
Telefarm：日本现实版开心农场，玩家用手机就能耕作获得真实收成
-
5
php生成二维码方法及二维码名片的生成格式vcard介绍
-
6
细节见真章！设计时间轴我学会的四件事
-
7
网易严选，通过ODM模式满足消费者需求
-
8
腾讯游戏流程规范信息可视化项目实战
-
9
会员成长体系icon设计总结
-
10
Iconfont矢量图标平台全面升级
-
11
8个神奇的网页瀑布流布局主题及其做法揭秘
-
12
处理图片背景突出主体
-
13
医疗初创公司PillPack：研发私人订制药品包，解决吃药烦恼
-
14
可视化的地铁线路图的jQuery插件
-
15
瀑布流布局主题制作之jQuery插件Masonry
-
16
盐、香料、花瓶、可可、白T恤：盘点日本五家用心专一的主题商店
-
17
jQuery固定浮动侧边栏(jQuery fixed Sidebar)
-
18
CSS3 icon font完全指南
-
19
值得收藏：优秀产品设计中60个以小见大的交互体验
-
20
学学苹果产品设计中的消费心理学——圆角设计与曲线诱惑