資(zī)訊

精準傳達 • 有效溝通

從品牌網站建設到網絡營銷策劃,從策略到執行的一(yī)站式服務

“小(xiǎo)清新”風格的視覺表現

來源:山东亚青网络科技有限公司 | 2013.01.06

“小(xiǎo)清新”,近些年才流行起來的一(yī)個新名詞,用來描述一(yī)種文化現象,定義某一(yī)類音樂、文學、攝影作品的風格,也随之衍生(shēng)成爲對愛好這類風格的人的稱謂。在平時工(gōng)作中(zhōng)經常能聽(tīng)到耳熟能詳的交談:“某某某的設計風格很小(xiǎo)清新……”、“這個顔色太小(xiǎo)清新了不太合适”……

 

其實作爲視覺設計師,我(wǒ)對這類風格在視覺上的表現一(yī)直很疑惑,究竟怎麽樣的設計才算是有小(xiǎo)清新感覺的呢?難道這隻是一(yī)種說不清道不明的感覺嗎(ma)?在最近參與的一(yī)次運營分(fēn)享培訓時,也有運營同學問我(wǒ),怎麽樣才可以PS出有小(xiǎo)清新風格的圖片呢,這也引發了我(wǒ)對這一(yī)類視覺設計表現的深入思考。以下(xià)是我(wǒ)整理的幾方面内容,幫助我(wǒ)提取對這一(yī)類風格在視覺表現層的關鍵點,隻是一(yī)點拙見,一(yī)點設計感悟而已。

 

首先,在我(wǒ)們所能看到的“小(xiǎo)清新”裏面,哪裏些元素是最有特色或者說代表性的?
爲此我(wǒ)找了大(dà)量的帶有“小(xiǎo)清新”tag的圖片,發現女人永遠是這一(yī)類風格圖片中(zhōng)出現頻(pín)率最高的,無論是背影還是傳說中(zhōng)的45度角,還有帶旅行元素的如老式的皮箱、鐵路、背包等,以及微單相機、陽光、有特色的靜物(wù)之類的元素,并且在攝影手法上,大(dà)光圈、故意的過度曝光、逆光拍攝,随意的lomo風格等等。

 

 

其次,除了上面提到的常見元素以外(wài),色彩當然也是很重要的一(yī)方面。但是從“小(xiǎo)清新”的字面意思理解,她的用色完全就是淡淡的很清爽的那一(yī)類色系嗎(ma)?我(wǒ)通過她以及其他2個衍生(shēng)的關鍵詞做了一(yī)下(xià)情緒版的分(fēn)析,并且通過Colorhunter這個站點提取了關鍵色彩并做了微調,在其中(zhōng)尋找到色彩上的變化。

 

 

再次,通過剛才的情緒版分(fēn)析提取用色,發現其實在“小(xiǎo)清新”的視覺用色中(zhōng),色彩的飽和度并不高,并且從整個色立體(tǐ)模型來看,她處于明度軸最高位的下(xià)方,是帶有灰色調的,這也許爲了更好的展示這樣的視覺風格所獨有的,或懷舊(jiù)或憂傷的感覺。以下(xià)圖兩種色彩模型爲例:

 

冷色系

 

 

暖色系

 


最後,我(wǒ)們在web頁面設計中(zhōng)遇到的“小(xiǎo)清新”設計風格,具體(tǐ)的表現在哪些地方呢?
1.色彩,這個上面已經提到過了這個風格在色立體(tǐ)中(zhōng)的位置,她也是用戶獲取信息過程中(zhōng)最快能讓用戶感受到的。
2.頁面框架,根據上述的分(fēn)析,這樣的設計風格對于頁面框架布局毫不吝啬的使用留白(bái),或者簡單的線條對模塊之間的關系進行分(fēn)割,在這樣的設計風格方面,個人覺得豆瓣、網易印象派都做的挺不錯的。

 

3.關于質感,“小(xiǎo)清新”的設計質感是輕量級的,或者說幹脆抛棄了質感的使用,取而代之的是幹淨整潔的大(dà)色塊。
4.圖形元素與質感一(yī)樣,也盡可能的使用了簡單的表現方式,比如圖形倒角、icon等無不簡約,但又(yòu)不失細節。總之,設計風格還是取決于産品本身的定位,風格必須與産品本身是匹配的。

 

十八年 建站經驗

多一(yī)份參考,總有益處

聯系客服,免費(fèi)獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談,可以通過以下(xià)方式與我(wǒ)們聯系

業務熱線:400-606-8008 / 大(dà)客戶專線 濟南(nán):15589999555