其實作為視覺設(shè)計師,對這類風(fēng)格在視覺上的表現(xiàn)一直很疑惑,究竟怎么樣的設(shè)計才算是有小清新感覺的呢?難道這只是一種說不清道不明的感覺嗎?怎么樣才可以PS出有小清新風(fēng)格的圖片呢,這也引發(fā)了我們對這一類視覺設(shè)計表現(xiàn)的深入思考。
為此我找了大量的帶有“小清新”tag的圖片,發(fā)現(xiàn)女人永遠(yuǎn)是這一類風(fēng)格圖片中出現(xiàn)頻率最高的,無論是背影還是傳說中的45度角,還有帶旅行元素的如老式的皮箱、鐵路、背包等,以及微單相機(jī)、陽光、有特色的靜物之類的元素,并且在攝影手法上,大光圈、故意的過度曝光、逆光拍攝,隨意的lomo風(fēng)格等等。WAP端做網(wǎng)站移動客戶訪問企業(yè)的wap網(wǎng)站往往是有備而來,想了解某個產(chǎn)品的詳細(xì)參數(shù)或價格。所以企業(yè)在wap上的產(chǎn)品展示,可選擇企業(yè)的主要產(chǎn)品,對其各類參數(shù)或價格加以詳細(xì)說明
其次,除了上面提到的常見元素以外,色彩當(dāng)然也是很重要的一方面。但是從“小清新”的字面意思理解,她的用色完全就是淡淡的很清爽的那一類色系嗎?通過她以及其他2個衍生的關(guān)鍵詞做了一下情緒版的分析,并且通過Colorhunter這個站點提取了關(guān)鍵色彩并做了微調(diào),在其中尋找到色彩上的變化。
再次,通過剛才的情緒版分析提取用色,發(fā)現(xiàn)其實在“小清新”的視覺用色中,色彩的飽和度并不高,并且從整個色立體模型來看,她處于明度軸最高位的下方,是帶有灰色調(diào)的,這也許為了更好的展示這樣的視覺風(fēng)格所獨(dú)有的,或懷舊或憂傷的感覺。
1.色彩,這個上面已經(jīng)提到過了這個風(fēng)格在色立體中的位置,她也是用戶獲取信息過程中最快能讓用戶感受到的。
2.頁面框架,根據(jù)上述的分析,這樣的設(shè)計風(fēng)格對于頁面框架布局毫不吝嗇的使用留白,或者簡單的線條對模塊之間的關(guān)系進(jìn)行分割,在這樣的設(shè)計風(fēng)格方面,個人覺得豆瓣、網(wǎng)易印象派都做的挺不錯的。
3.關(guān)于質(zhì)感,“小清新”的設(shè)計質(zhì)感是輕量級的,或者說干脆拋棄了質(zhì)感的使用,取而代之的是干凈整潔的大色塊。
4.圖形元素與質(zhì)感一樣,也盡可能的使用了簡單的表現(xiàn)方式,比如圖形倒角、icon等無不簡約,但又不失細(xì)節(jié)。總之,設(shè)計風(fēng)格還是取決于產(chǎn)品本身的定位,風(fēng)格必須與產(chǎn)品本身是匹配的。
好了,今天小編就講到這里,如果您還有其他關(guān)于網(wǎng)站建設(shè)類的問題歡迎隨時來電或者留言。應(yīng)客網(wǎng)專業(yè)從事網(wǎng)站建設(shè)與推廣多年,經(jīng)驗豐富。