干貨 l 網(wǎng)頁設(shè)計師應(yīng)該怎樣擺脫“孤芳自賞”的怪圈
發(fā)布時間:2016-08-22 發(fā)布者:本站 來源:互聯(lián)網(wǎng)
9872 0
網(wǎng)頁設(shè)計發(fā)展到今天,很多人發(fā)現(xiàn)目前網(wǎng)站有著看似雷同的弊病。扁平化、網(wǎng)格式卡片、大圖背景……也許你仍然覺得這是時髦設(shè)計的元素,但是我們大部分精力已經(jīng)忙于應(yīng)付如何簡化網(wǎng)站,卻忘記了網(wǎng)站的另一個功能,那就是“吸引”。沒錯,媚俗!你能說媚俗不好嗎?大部分嗤之以鼻的招引態(tài)度,其實每個人內(nèi)心深處也躍躍欲試。難道我們做網(wǎng)站就是為了孤芳自賞嗎?
網(wǎng)站設(shè)計不是藝術(shù)品創(chuàng)作,但它也并不是獨立于藝術(shù)而存在。找到其中的平衡點可不是件簡單的活。能帶給用戶全新流暢的體驗,我們可以為此談上大半本書,但是這種調(diào)子太多,只會讓我們行動上不知從何處開始。
除了把我們的創(chuàng)造力磨練得更為敏銳以外,我們可以從國外一些成功俘獲了用戶芳心的網(wǎng)站上吸取一點實戰(zhàn)經(jīng)驗。你可以從這些設(shè)計師的作品里看到他們做出的改變現(xiàn)狀的努力,一起來打破平平淡淡的魔咒!
1、phasesmag
略顯靜態(tài),但絕對反規(guī)則。界面依然簡潔,細(xì)節(jié)卻已經(jīng)讓人耳目一新,比如側(cè)轉(zhuǎn)90度的文字。很多人覺得文字必須清晰易讀,但如果當(dāng)文字旁輔佐的圖片成為主角時,你可以試試用不一樣的呈現(xiàn)文字的方式,降低它的辨識度也許也不失為一種好辦法。

2、curiousspace
除了頁面中對圖片重重疊疊的范式外,我還特別看中網(wǎng)頁的標(biāo)識設(shè)計,幾個隨機擺放的字母,等你往下拖動鼠標(biāo)時,文字就各就各位變得歸正。背景紋理的運用讓網(wǎng)站整體風(fēng)格趨于華麗,但不會凌亂。
3、letempsduntrajet
從網(wǎng)站的登陸頁開始,網(wǎng)站就以動態(tài)的效果示人,驚喜連連。
4、builtbybuffalo
在考慮拋棄傳統(tǒng)的網(wǎng)格卡片式圖片,這個網(wǎng)站顯然是想從形狀上對圖片加以改變。雖然每個圖片占比不大,但是作為縮略圖吸引用戶點擊,已經(jīng)足夠了。而且值得一提的是,這個網(wǎng)站在手機上顯示時,就放棄了蜂巢式的圖片展示效果,而以傳統(tǒng)的兩列卡片式樣展示。這是為了PC網(wǎng)站的風(fēng)格獨特性而做出的小調(diào)整。
5、anakin
用超大號字母來隱顯下方的圖片,讓人眼前一亮。特別是網(wǎng)站下方展示圖片的設(shè)計,對縮略圖稍加修飾,不再拘泥于四四方方的形態(tài),讓它們各具特色,然而在整體上又不失和諧,這真是個亮點!
6、fixate
讓網(wǎng)站獨一無二的方式,還可以運用插畫。下面幾個網(wǎng)站都是運用插畫來設(shè)計網(wǎng)頁的例子。插畫讓網(wǎng)站更具個性,當(dāng)然也投入更多的時間和人力。
7、forbetter coffee
8、happyfuncorp
這個插畫的首頁咋一看去沒什么特色,但是當(dāng)你點擊插畫的其中一個部分,比如風(fēng)車,這時就會出現(xiàn)一些讓你意想不到的效果。這讓網(wǎng)頁充滿玩樂的趣味。
9、dconstruct
這個網(wǎng)頁的插畫帶著懷舊風(fēng)格,還保留整體傾斜的一種律動感。
10、objetorocha
一個內(nèi)容非常少的網(wǎng)站,只有幾張圖片和一個鏈接。設(shè)計師將網(wǎng)頁處理得非常精細(xì),拋棄了常規(guī)的圖片展示方式,每張圖片甚至能根據(jù)鼠標(biāo)的移動而呈現(xiàn)出不同角度的陰影。這點讓人印象深刻。
11、sa-studio
展示圖片的方式比較特別,在空間上增加了層次,給圖片更多想象空間。
12、neiouma
配色和圖片搭配得很巧妙,而且筆者最喜歡的是設(shè)計師巧具匠心的把下一個圖片的文字背景露出一小部分作為提示也可以點擊,同時,還加強了色彩的對比,讓畫面更加豐富。
13、vo2-group
有時候,在展示出動感效果的時候,僅僅只是需要一些簡單而大膽的用色,和一個大號字母,也許就能扭轉(zhuǎn)乾坤。
- 上一篇:巧用文案 打破網(wǎng)站轉(zhuǎn)化率低的尷尬局面
- 下一篇:為什么一些網(wǎng)站原創(chuàng)文章收錄不了?