來(lái)源:山东烈日网络科技有限公司 | 2013.01.06
“小清新”,近些年才流行起來(lái)的(de)一(yī / yì /yí)個(gè)新名詞,用來(lái)描述一(yī / yì /yí)種文化現象,定義某一(yī / yì /yí)類音樂、文學、攝影作品的(de)風格,也(yě)随之(zhī)衍生成爲(wéi / wèi)對愛好這(zhè)類風格的(de)人(rén)的(de)稱謂。在(zài)平時(shí)工作中經常能聽到(dào)耳熟能詳的(de)交談:“某某某的(de)設計風格很小清新……”、“這(zhè)個(gè)顔色太小清新了(le/liǎo)不(bù)太合适”……
其實作爲(wéi / wèi)視覺設計師,我對這(zhè)類風格在(zài)視覺上(shàng)的(de)表現一(yī / yì /yí)直很疑惑,究竟怎麽樣的(de)設計才算是(shì)有小清新感覺的(de)呢?難道(dào)這(zhè)隻是(shì)一(yī / yì /yí)種說(shuō)不(bù)清道(dào)不(bù)明的(de)感覺嗎?在(zài)最近參與的(de)一(yī / yì /yí)次運營分享培訓時(shí),也(yě)有運營同學問我,怎麽樣才可以(yǐ)PS出(chū)有小清新風格的(de)圖片呢,這(zhè)也(yě)引發了(le/liǎo)我對這(zhè)一(yī / yì /yí)類視覺設計表現的(de)深入思考。以(yǐ)下是(shì)我整理的(de)幾方面内容,幫助我提取對這(zhè)一(yī / yì /yí)類風格在(zài)視覺表現層的(de)關鍵點,隻是(shì)一(yī / yì /yí)點拙見,一(yī / yì /yí)點設計感悟而(ér)已。
首先,在(zài)我們所能看到(dào)的(de)“小清新”裏面,哪裏些元素是(shì)最有特色或者說(shuō)代表性的(de)?
爲(wéi / wèi)此我找了(le/liǎo)大(dà)量的(de)帶有“小清新”tag的(de)圖片,發現女人(rén)永遠是(shì)這(zhè)一(yī / yì /yí)類風格圖片中出(chū)現頻率最高的(de),無論是(shì)背影還是(shì)傳說(shuō)中的(de)45度角,還有帶旅行元素的(de)如老式的(de)皮箱、鐵路、背包等,以(yǐ)及微單相機、陽光、有特色的(de)靜物之(zhī)類的(de)元素,并且在(zài)攝影手法上(shàng),大(dà)光圈、故意的(de)過度曝光、逆光拍攝,随意的(de)lomo風格等等。
其次,除了(le/liǎo)上(shàng)面提到(dào)的(de)常見元素以(yǐ)外,色彩當然也(yě)是(shì)很重要(yào / yāo)的(de)一(yī / yì /yí)方面。但是(shì)從“小清新”的(de)字面意思理解,她的(de)用色完全就(jiù)是(shì)淡淡的(de)很清爽的(de)那一(yī / yì /yí)類色系嗎?我通過她以(yǐ)及其他(tā)2個(gè)衍生的(de)關鍵詞做了(le/liǎo)一(yī / yì /yí)下情緒版的(de)分析,并且通過Colorhunter這(zhè)個(gè)站點提取了(le/liǎo)關鍵色彩并做了(le/liǎo)微調,在(zài)其中尋找到(dào)色彩上(shàng)的(de)變化。
再次,通過剛才的(de)情緒版分析提取用色,發現其實在(zài)“小清新”的(de)視覺用色中,色彩的(de)飽和(hé / huò)度并不(bù)高,并且從整個(gè)色立體模型來(lái)看,她處于(yú)明度軸最高位的(de)下方,是(shì)帶有灰色調的(de),這(zhè)也(yě)許爲(wéi / wèi)了(le/liǎo)更好的(de)展示這(zhè)樣的(de)視覺風格所獨有的(de),或懷舊或憂傷的(de)感覺。以(yǐ)下圖兩種色彩模型爲(wéi / wèi)例:
冷色系
暖色系
最後,我們在(zài)web頁面設計中遇到(dào)的(de)“小清新”設計風格,具體的(de)表現在(zài)哪些地(dì / de)方呢?
1.色彩,這(zhè)個(gè)上(shàng)面已經提到(dào)過了(le/liǎo)這(zhè)個(gè)風格在(zài)色立體中的(de)位置,她也(yě)是(shì)用戶獲取信息過程中最快能讓用戶感受到(dào)的(de)。
2.頁面框架,根據上(shàng)述的(de)分析,這(zhè)樣的(de)設計風格對于(yú)頁面框架布局毫不(bù)吝啬的(de)使用留白,或者簡單的(de)線條對模塊之(zhī)間的(de)關系進行分割,在(zài)這(zhè)樣的(de)設計風格方面,個(gè)人(rén)覺得豆瓣、網易印象派都做的(de)挺不(bù)錯的(de)。
3.關于(yú)質感,“小清新”的(de)設計質感是(shì)輕量級的(de),或者說(shuō)幹脆抛棄了(le/liǎo)質感的(de)使用,取而(ér)代之(zhī)的(de)是(shì)幹淨整潔的(de)大(dà)色塊。
4.圖形元素與質感一(yī / yì /yí)樣,也(yě)盡可能的(de)使用了(le/liǎo)簡單的(de)表現方式,比如圖形倒角、icon等無不(bù)簡約,但又不(bù)失細節。總之(zhī),設計風格還是(shì)取決于(yú)産品本身的(de)定位,風格必須與産品本身是(shì)匹配的(de)。