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