網(wǎng)頁(yè)中的小清新

“小清新”，近些年才流行起來(lái)的一個(gè)新名詞，用來(lái)描述一種文化現(xiàn)象，定義某一類(lèi)音樂(lè)、文學(xué)、攝影作品的風(fēng)格，也隨之衍生成為對(duì)愛(ài)好這類(lèi)風(fēng)格的人的稱(chēng)謂。在平時(shí)工作中經(jīng)常能聽(tīng)到耳熟能詳?shù)慕徽劊骸澳衬衬车脑O(shè)計(jì)風(fēng)格很小清新……”、“這個(gè)顏色太小清新了不太合適”……

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

首先，在我們所能看到的“小清新”里面，哪里些元素是最有特色或者說(shuō)代表性的?

為此我找了大量的帶有“小清新”tag的圖片，發(fā)現(xiàn)女人永遠(yuǎn)是這一類(lèi)風(fēng)格圖片中出現(xiàn)頻率最高的，無(wú)論是背影還是傳說(shuō)中的45度角，還有帶旅行元素的 如老式的皮箱、鐵路、背包等，以及微單相機(jī)、陽(yáng)光、有特色的靜物之類(lèi)的元素，并且在攝影手法上，大光圈、故意的過(guò)度曝光、逆光拍攝，隨意的lomo風(fēng)格等 等。

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

再次，通過(guò)剛才的情緒版分析提取用色，發(fā)現(xiàn)其實(shí)在“小清新”的視覺(jué)用色中，色彩的飽和度并不高，并且從整個(gè)色立體模型來(lái)看，她處于明度軸最高位的下方，是帶有灰色調(diào)的，這也許為了更好的展示這樣的視覺(jué)風(fēng)格所獨(dú)有的，或懷舊或憂(yōu)傷的感覺(jué)。

最后，我們?cè)趙eb頁(yè)面設(shè)計(jì)中遇到的“小清新”設(shè)計(jì)風(fēng)格，具體的表現(xiàn)在哪些地方呢?

1.色彩，這個(gè)上面已經(jīng)提到過(guò)了這個(gè)風(fēng)格在色立體中的位置，她也是用戶(hù)獲取信息過(guò)程中最快能讓用戶(hù)感受到的。

2.頁(yè)面框架,根據(jù)上述的分析，這樣的設(shè)計(jì)風(fēng)格對(duì)于頁(yè)面框架布局毫不吝嗇的使用留白，或者簡(jiǎn)單的線條對(duì)模塊之間的關(guān)系進(jìn)行分割，在這樣的設(shè)計(jì)風(fēng)格方面，個(gè)人覺(jué)得豆瓣、網(wǎng)易印象派都做的挺不錯(cuò)的。

3.關(guān)于質(zhì)感，“小清新”的設(shè)計(jì)質(zhì)感是輕量級(jí)的，或者說(shuō)干脆拋棄了質(zhì)感的使用，取而代之的是干凈整潔的大色塊。

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

最近感覺(jué)還是挺浮躁的，寫(xiě)寫(xiě)文章可以練心。馬上要放假了，偷閑以這篇博文作為對(duì)前段時(shí)間一點(diǎn)設(shè)計(jì)心得的總結(jié)，不是設(shè)計(jì)高手，只是一個(gè)混跡設(shè)計(jì)圈多年的老油條，文中也許有詞不達(dá)意的地方，還請(qǐng)一笑而過(guò)吧。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)頁(yè)名稱(chēng)：網(wǎng)頁(yè)中的小清新
URL標(biāo)題：http://www.bm7419.com/news6/315656.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、用戶(hù)體驗(yàn)、關(guān)鍵詞優(yōu)化、微信小程序、網(wǎng)站改版、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)