设为首页收藏本站

21互联远程教育网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
PSD分层素材下载CAD源文件素材下载CCTV 交换空间合同范本大全
查看: 12747|回复: 12

“小清新”风格的视觉表现

[复制链接]
发表于 2012-10-27 15:49:45 | 显示全部楼层 |阅读模式 |          |
“小清新”,近些年才流行起来的一个新名词,用来描述一种文化现象,定义某一类音乐、文学、摄影作品的风格,也随之衍生成为对爱好这类风格的人的称谓。在平时工作中经常能听到耳熟能详的交谈:“某某某的设计风格很小清新……”、“这个颜色太小清新了不太合适”……9 e( S$ s, @0 h  C9 l! M6 G% o  c- R* L
其实作为视觉设计师,我对这类风格在视觉上的表现一直很疑惑,究竟怎么样的设计才算是有小清新感觉的呢?难道这只是一种说不清道不明的感觉吗?在最近参与的一次运营分享培训时,也有运营同学问我,怎么样才可以PS出有小清新风格的图片呢,这也引发了我对这一类视觉设计表现的深入思考。以下是我整理的几方面内容,帮助我提取对这一类风格在视觉表现层的关键点,只是一点拙见,一点设计感悟而已。
( t# G) H0 z/ z9 L# Y首先,在我们所能看到的“小清新”里面,哪里些元素是最有特色或者说代表性的?- i  m. i; H7 |: X$ H  [5 ~9 `$ v
为此我找了大量的带有“小清新”tag的图片,发现女人永远是这一类风格图片中出现频率最高的,无论是背影还是传说中的45度角,还有带旅行元素的如老式的皮箱、铁路、背包等,以及微单相机、阳光、有特色的静物之类的元素,并且在摄影手法上,大光圈、故意的过度曝光、逆光拍摄,随意的lomo风格等等。, V% C+ u- M% N, \  K9 P& T* W
a1.png
  v. A/ w' O3 a/ s0 Z4 j4 @/ g- o% s6 O
其次,除了上面提到的常见元素以外,色彩当然也是很重要的一方面。但是从“小清新”的字面意思理解,她的用色完全就是淡淡的很清爽的那一类色系吗?我通过她以及其他2个衍生的关键词做了一下情绪版的分析,并且通过Colorhunter这个站点提取了关键色彩并做了微调,在其中寻找到色彩上的变化。, L. k, J- m. E/ \' q
b.png
: _3 w/ ]( c2 g( I7 M. a9 y; S; X, {再次,通过刚才的情绪版分析提取用色,发现其实在“小清新”的视觉用色中,色彩的饱和度并不高,并且从整个色立体模型来看,她处于明度轴最高位的下方,是带有灰色调的,这也许为了更好的展示这样的视觉风格所独有的,或怀旧或忧伤的感觉。以下图两种色彩模型为例:% ~+ d  Y  ?, b2 Y' C; ~" i0 f
冷色系* C  _7 R4 h2 y* v5 L
c1.png ; ?/ D1 J' w9 N0 p3 h+ P" N
暖色系
3 c8 V6 P, ]* \1 A- O& H9 |0 z3 w e.png ( F* _) `* g1 S' k( e
最后,我们在web页面设计中遇到的“小清新”设计风格,具体的表现在哪些地方呢?
8 T3 L/ n: m, B% u1.色彩,这个上面已经提到过了这个风格在色立体中的位置,她也是用户获取信息过程中最快能让用户感受到的。( Y* R( K: e2 s- f" n! E3 D
2.页面框架,根据上述的分析,这样的设计风格对于页面框架布局毫不吝啬的使用留白,或者简单的线条对模块之间的关系进行分割,在这样的设计风格方面,个人觉得豆瓣、网易印象派都做的挺不错的。
$ }- e5 p" q1 O; e. u4 ], p f1.png
# l, U' Y+ _& `( D1 Q- T% U( C3.关于质感,“小清新”的设计质感是轻量级的,或者说干脆抛弃了质感的使用,取而代之的是干净整洁的大色块。
4 P( }0 P$ L5 Y4 l, u4.图形元素与质感一样,也尽可能的使用了简单的表现方式,比如图形倒角、icon等无不简约,但又不失细节。总之,设计风格还是取决于产品本身的定位,风格必须与产品本身是匹配的。6 Y* F  C( T5 ]/ u& m
最近感觉还是挺浮躁的,写写文章可以练心。马上要放假了,偷闲以这篇博文作为对前段时间一点设计心得的总结,不是设计高手,只是一个混迹设计圈多年的老油条,文中也许有词不达意的地方,还请一笑而过吧。
分享到:
回复

使用道具 举报

发表于 2014-1-17 08:28:18 | 显示全部楼层
恩,这篇文章很不错哦!
回复 支持 反对

使用道具 举报

发表于 2014-2-12 15:19:54 | 显示全部楼层
谢谢楼主提供教程,值得学习
回复 支持 反对

使用道具 举报

发表于 2014-2-26 09:19:03 | 显示全部楼层
高手就是高手
回复 支持 反对

使用道具 举报

发表于 2014-2-27 08:01:47 | 显示全部楼层
真的不错呀,领教了。
回复 支持 反对

使用道具 举报

发表于 2014-2-28 19:13:21 | 显示全部楼层
谢谢楼主,我见识到了
回复 支持 反对

使用道具 举报

发表于 2014-4-1 13:33:37 | 显示全部楼层
什么软件弄的?
回复 支持 反对

使用道具 举报

发表于 2014-4-8 11:48:38 | 显示全部楼层
漂亮的小清新,喜欢
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|关于我们|服务项目|版权声明|投稿指南|联系我们|沈阳市网聚优课信息服务有限公司 ( 辽ICP备10200633号-1  

教程购买、网站合作、意见投诉 电话:024-62112026、15142537371 E-mail:kf@21hulian.com

点击这里给我发QQ消息     点击这里给我发QQ消息     点击这里给我QQ发消息     教程购买 QQ:542905553 商务合作、教师应聘 QQ:1023817149

Copyright © 2006-2015 沈阳市网聚优课信息服务有限公司

GMT+8, 2017-3-27 08:51

          网络经济主体信息

快速回复 返回顶部 返回列表