本文內(nèi)容來自公眾號：章魚哥筆記? ?(wixi38)
怎么樣設(shè)計(jì)頁面才有清新感覺？怎么樣才可以PS出有清新風(fēng)格的圖片呢夕膀？這也引發(fā)了我對這一類視覺設(shè)計(jì)表現(xiàn)的深入思考虚倒。以下是我整理的幾方面內(nèi)容，幫助我提取對這一類風(fēng)格在視覺表現(xiàn)層的關(guān)鍵點(diǎn)产舞，只是一點(diǎn)拙見魂奥，一點(diǎn)設(shè)計(jì)感悟而已。
為此我找了大量的帶有“小清新”標(biāo)簽的圖片，發(fā)現(xiàn)女人永遠(yuǎn)是這一類風(fēng)格圖片中出現(xiàn)頻率最高的哈蝇，無論是背影還是傳說中的45度角棺妓，還有帶旅行元素的如老式 的皮箱、鐵路炮赦、背包等怜跑，以及微單相機(jī)、陽光吠勘、有特色的靜物之類的元素性芬，并且在攝影手法上，大光圈剧防、故意的過度曝光植锉、逆光拍攝，隨意的lomo風(fēng)格等等诵姜。
其次汽煮，除了上面提到的常見元素以外，色彩當(dāng)然也是很重要的一方面棚唆。但是從“小清新”的字面意思理解暇赤，她的用色完全就是淡淡的很清爽的那一類色系嗎？ 我通過她以及其他2個(gè)衍生的關(guān)鍵詞做了一下情緒版的分析宵凌，并且通過Colorhunter這個(gè)站點(diǎn)提取了關(guān)鍵色彩并做了微調(diào)鞋囊，在其中尋找到色彩上的變化。
再次瞎惫，通過剛才的情緒版分析提取用色溜腐，發(fā)現(xiàn)其實(shí)在“小清新”的視覺用色中，色彩的飽和度并不高瓜喇，并且從整個(gè)色立體模型來看挺益，她處于明度軸最高位的下方，是帶有灰色調(diào)的乘寒，這也許為了更好的展示這樣的視覺風(fēng)格所獨(dú)有的望众，或懷舊或憂傷的感覺。以下圖兩種色彩模型為例：
冷色系
暖色系
那么伞辛，我們在web頁面設(shè)計(jì)中遇到的“小清新”設(shè)計(jì)風(fēng)格烂翰，具體的表現(xiàn)在哪些地方呢？
1.色彩蚤氏，這個(gè)上面已經(jīng)提到過了這個(gè)風(fēng)格在色立體中的位置甘耿，她也是用戶獲取信息過程中最快能讓用戶感受到的。
2.頁面框架,根據(jù)上述的分析竿滨，這樣的設(shè)計(jì)風(fēng)格對于頁面框架布局毫不吝嗇的使用留白佳恬，或者簡單的線條對模塊之間的關(guān)系進(jìn)行分割捏境，在這樣的設(shè)計(jì)風(fēng)格方面，個(gè)人覺得豆瓣殿怜、網(wǎng)易印象派都做的挺不錯(cuò)的典蝌。
3.關(guān)于質(zhì)感，“小清新”的設(shè)計(jì)質(zhì)感是輕量級的头谜，或者說干脆拋棄了質(zhì)感的使用骏掀，取而代之的是干凈整潔的大色塊。
4.圖形元素與質(zhì)感一樣柱告，也盡可能的使用了簡單的表現(xiàn)方式截驮，比如圖形倒角、icon等無不簡約际度，但又不失細(xì)節(jié)葵袭。總之乖菱，設(shè)計(jì)風(fēng)格還是取決于產(chǎn)品本身的定位坡锡，風(fēng)格必須與產(chǎn)品本身是匹配的。
