“小清新”風(fēng)格的視覺(jué)表現
“小清新”,近些年才流行起來(lái)的一個(gè)新名詞,用來(lái)描述一種文化現象,定義某一類(lèi)音樂(lè )、文學(xué)、攝影作品的風(fēng)格,也隨之衍生成為對愛(ài)好這類(lèi)風(fēng)格的人的稱(chēng)謂。在平時(shí)工作中經(jīng)常能聽(tīng)到耳熟能詳的交談:“某某某的設計風(fēng)格很小清新……”、“這個(gè)顏色太小清新了不太合適”……
其實(shí)作為視覺(jué)設計師,我對這類(lèi)風(fēng)格在視覺(jué)上的表現一直很疑惑,究竟怎么樣的設計才算是有小清新感覺(jué)的呢?難道這只是一種說(shuō)不清道不明的感覺(jué)嗎?在最近參與的一次運營(yíng)分享培訓時(shí),也有運營(yíng)同學(xué)問(wèn)我,怎么樣才可以PS出有小清新風(fēng)格的圖片呢,這也引發(fā)了我對這一類(lèi)視覺(jué)設計表現的深入思考。以下是我整理的幾方面內容,幫助我提取對這一類(lèi)風(fēng)格在視覺(jué)表現層的關(guān)鍵點(diǎn),只是一點(diǎn)拙見(jiàn),一點(diǎn)設計感悟而已。
首先,在我們所能看到的“小清新”里面,哪里些元素是最有特色或者說(shuō)代表性的?
為此我找了大量的帶有“小清新”tag的圖片,發(fā)現女人永遠是這一類(lèi)風(fēng)格圖片中出現頻率最高的,無(wú)論是背影還是傳說(shuō)中的45度角,還有帶旅行元素的如老式的皮箱、鐵路、背包等,以及微單相機、陽(yáng)光、有特色的靜物之類(lèi)的元素,并且在攝影手法上,大光圈、故意的過(guò)度曝光、逆光拍攝,隨意的lomo風(fēng)格等等。
其次,除了上面提到的常見(jiàn)元素以外,色彩當然也是很重要的一方面。但是從“小清新”的字面意思理解,她的用色完全就是淡淡的很清爽的那一類(lèi)色系嗎?我通過(guò)她以及其他2個(gè)衍生的關(guān)鍵詞做了一下情緒版的分析,并且通過(guò)Colorhunter這個(gè)站點(diǎn)提取了關(guān)鍵色彩并做了微調,在其中尋找到色彩上的變化。
再次,通過(guò)剛才的情緒版分析提取用色,發(fā)現其實(shí)在“小清新”的視覺(jué)用色中,色彩的飽和度并不高,并且從整個(gè)色立體模型來(lái)看,她處于明度軸最高位的下方,是帶有灰色調的,這也許為了更好的展示這樣的視覺(jué)風(fēng)格所獨有的,或懷舊或憂(yōu)傷的感覺(jué)。以下圖兩種色彩模型為例:
冷色系
暖色系
最后,我們在web頁(yè)面設計中遇到的“小清新”設計風(fēng)格,具體的表現在哪些地方呢?
1.色彩,這個(gè)上面已經(jīng)提到過(guò)了這個(gè)風(fēng)格在色立體中的位置,她也是用戶(hù)獲取信息過(guò)程中最快能讓用戶(hù)感受到的。
2.頁(yè)面框架,根據上述的分析,這樣的設計風(fēng)格對于頁(yè)面框架布局毫不吝嗇的使用留白,或者簡(jiǎn)單的線(xiàn)條對模塊之間的關(guān)系進(jìn)行分割,在這樣的設計風(fēng)格方面,個(gè)人覺(jué)得豆瓣、網(wǎng)易印象派都做的挺不錯的。
3.關(guān)于質(zhì)感,“小清新”的設計質(zhì)感是輕量級的,或者說(shuō)干脆拋棄了質(zhì)感的使用,取而代之的是干凈整潔的大色塊。
4.圖形元素與質(zhì)感一樣,也盡可能的使用了簡(jiǎn)單的表現方式,比如圖形倒角、icon等無(wú)不簡(jiǎn)約,但又不失細節??傊?,設計風(fēng)格還是取決于產(chǎn)品本身的定位,風(fēng)格必須與產(chǎn)品本身是匹配的。
最近感覺(jué)還是挺浮躁的,寫(xiě)寫(xiě)文章可以練心。馬上要放假了,偷閑以這篇博文作為對前段時(shí)間一點(diǎn)設計心得的總結,不是設計高手,只是一個(gè)混跡設計圈多年的老油條,文中也許有詞不達意的地方,還請一笑而過(guò)吧。
(責任編輯:admin)