這些年流行起一個時尚的名詞“小清新”，用來描述一種文化現(xiàn)象，定義某一類音樂、文學、攝影作品的風格，也隨之衍生成為對愛好這類風格的人的稱謂。在平時工作中經(jīng)常能聽到耳熟能詳?shù)慕徽劊?ldquo;某某某的設(shè)計風格很小清新……”、“這個顏色太小清新了不太合適”……

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

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

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

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

      分為：冷色系    暖色系

    最后，我們在web頁面設(shè)計中遇到的“小清新”設(shè)計風格，具體的表現(xiàn)在哪些地方呢？
    1.色彩，這個上面已經(jīng)提到過了這個風格在色立體中的位置，她也是用戶獲取信息過程中最快能讓用戶感受到的。

     2.頁面框架,根據(jù)上述的分析，這樣的設(shè)計風格對于頁面框架布局毫不吝嗇的使用留白，或者簡單的線條對模塊之間的關(guān)系進行分割，在這樣的設(shè)計風格方面，個人覺得豆瓣、網(wǎng)易印象派都做的挺不錯的。
 
     3.關(guān)于質(zhì)感，“小清新”的設(shè)計質(zhì)感是輕量級的，或者說干脆拋棄了質(zhì)感的使用，取而代之的是干凈整潔的大色塊。

     4.圖形元素與質(zhì)感一樣，也盡可能的使用了簡單的表現(xiàn)方式，比如圖形倒角、icon等無不簡約，但又不失細節(jié)。總之，設(shè)計風格還是取決于產(chǎn)品本身的定位，風格必須與產(chǎn)品本身是匹配的。

這只是一些個人看法，本文由蚌埠華迅網(wǎng)絡(luò)http://www.mx4d.cn 提供，轉(zhuǎn)載請標明出處! 謝謝 ！ 做站就是拼耐性和勤懇，付出自己最大的努力就一定能取得理想的成績!祝各位都能成功!