1. <div id="v3rcm"></div>
    1. 資訊

      精準傳達 ? 有效溝通

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

      “小清新”風格的視覺表現

      來源:中聯星空網絡科技有限公司 | 2013.01.06

      “小清新”,近些年才流行起來的一個新名詞,用來描述一種文化現象,定義某一類音樂、文學、攝影作品的風格,也隨之衍生成為對愛好這類風格的人的稱謂。在平時工作中經常能聽到耳熟能詳的交談:“某某某的設計風格很小清新……”、“這個顏色太小清新了不太合適”……

       

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

       

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

       

       

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

       

       

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

       

      冷色系

       

       

      暖色系

       


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

       

      3.關于質感,“小清新”的設計質感是輕量級的,或者說干脆拋棄了質感的使用,取而代之的是干凈整潔的大色塊。
      4.圖形元素與質感一樣,也盡可能的使用了簡單的表現方式,比如圖形倒角、icon等無不簡約,但又不失細節??傊?,設計風格還是取決于產品本身的定位,風格必須與產品本身是匹配的。

       

      十九年 建站經驗

      多一份參考,總有益處

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

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

      業務熱線:400-606-8008 / 大客戶專線 濟南:15589999555

      所有免费av午夜片在线_一区二区三区国产欧美日韩_中文字幕日韩精品免费一区二区_久久精品色欧美AⅤ一区二区

      1. <div id="v3rcm"></div>