这些年流行起一个时（shí）尚的名词“小（xiǎo）清新”，用来描述一种文化现象，定（dìng）义某一类音乐（lè）、文学、摄影作品的风格，也随之衍生成（chéng）为对（duì）爱好这类（lèi）风格的人的称谓。在平时工作中（zhōng）经常能听到耳熟能详的交谈：“某某某的设计风（fēng）格很小清新……”、“这个颜色太小清新了不太合适”……
其实作为视觉设计师，我对这类风格在视觉上（shàng）的（de）表（biǎo）现一直很疑惑，究竟怎么样的设（shè）计才算是有小清新感觉（jiào）的呢？难道这（zhè）只（zhī）是一种说不清道不明的感觉吗？在最（zuì）近参与的（de）一次运营分享培训时，也有（yǒu）运营同（tóng）学（xué）问我，怎么样才可以PS出有小清新风格的（de）图片（piàn）呢，这（zhè）也引发（fā）了我对这一类视觉设计表（biǎo）现的深入思考。以下是我（wǒ）整理的几方面内（nèi）容，帮助我提取对这一类风（fēng）格在视（shì）觉表现层的关键点，只（zhī）是一（yī）点拙见，一点设计感悟而（ér）已。
首先，在我们所能看到的“小清新（xīn）”里面，哪（nǎ）里些元素是最有特色或者说代表性的？
为（wéi）此我找（zhǎo）了大（dà）量的（de）带有“小（xiǎo）清新”tag的图片，发现女人永远是这一类风格（gé）图片中出现（xiàn）频率最高的（de），无论（lùn）是背影还是传（chuán）说中的45度角，还有带旅（lǚ）行元素的如（rú）老式的皮箱（xiāng）、铁路、背包（bāo）等，以（yǐ）及（jí）微单相（xiàng）机、阳光、有特色的静物之类的元（yuán）素，并且在（zài）摄（shè）影手法上，大光圈、故意的过度曝光（guāng）、逆光（guāng）拍摄，随意的lomo风格（gé）等等。
其次（cì），除了上面提到的常见元素以外，色彩当然（rán）也是很重要的（de）一方面。但是从“小清新”的字（zì）面意思理（lǐ）解，她的（de）用色完全就是淡淡的很清爽的那一（yī）类色系吗（ma）？我通过她以及其（qí）他2个衍生的关键（jiàn）词做（zuò）了一（yī）下情绪（xù）版的分析，并且通过（guò）Colorhunter这个站点提取了关键色彩并做（zuò）了微调，在其中寻（xún）找（zhǎo）到色（sè）彩上的变化（huà）。
再次，通过刚才的情绪版（bǎn）分析提取用色，发现（xiàn）其实在“小（xiǎo）清新”的视觉用色中，色彩的饱和度（dù）并不高，并（bìng）且（qiě）从整个色（sè）立体模型来看，她处（chù）于明度轴最高（gāo）位的下方，是带有灰色调（diào）的（de），这也许为（wéi）了（le）更好的展示这样的视觉风格（gé）所独有的，或怀旧或忧（yōu）伤的（de）感觉（jiào）。以下图两种色彩模型为例（lì）：
分为：冷色系 暖色系
最后（hòu），我们在web页（yè）面设计中遇到（dào）的“小（xiǎo）清新”设计风格，具体的表现在哪些地方呢？
1.色（sè）彩，这（zhè）个（gè）上面已（yǐ）经提到过（guò）了这个风（fēng）格（gé）在色（sè）立体中的位置，她也是用户获取（qǔ）信（xìn）息过程中最快能让用户（hù）感受到（dào）的。
2.页面框架,根据（jù）上述的分析（xī），这样的设计风格对于页面（miàn）框架布（bù）局毫不吝啬的使用留白，或者简单的线条（tiáo）对模（mó）块之间（jiān）的关系进行分割，在这样的设计风（fēng）格方（fāng）面（miàn），个人觉（jiào）得豆瓣、网易（yì）印（yìn）象派都做的挺不错（cuò）的。
3.关于质（zhì）感，“小清新（xīn）”的设计质（zhì）感（gǎn）是轻量级的，或者说干脆抛（pāo）弃了质感的使用，取而代（dài）之的是（shì）干（gàn）净（jìng）整洁（jié）的大色块。
4.图形元素与质感一样，也尽可能的使用了简单的表现方式，比（bǐ）如图（tú）形（xíng）倒角、icon等无（wú）不简约，但又不失细节。总之，设计风格（gé）还是取决于产品本身的定位，风格必须与产品本身是匹配的（de）。
这只是一（yī）些个人（rén）看法，本文（wén）由蚌埠bsports和华迅网络http://www.cskf.najiang.ww38.viennacitytours.com 提供，转载请标明出处（chù）! 谢谢 ！ 做站就是拼耐性和勤恳，付出（chū）自（zì）己最大的努力就一定（dìng）能（néng）取（qǔ）得理想的成（chéng）绩!祝各位（wèi）都能（néng）成功!
|
