四大設(shè)計趨勢帶你玩轉(zhuǎn)2015年網(wǎng)頁設(shè)計

2 評論 13266 瀏覽 3 收藏 7 分鐘

網(wǎng)頁設(shè)計趨勢變化的是如此之快,以至于我們甚至還沒來得及全部體會,有的便已過時。所以,預(yù)測某個設(shè)計趨勢會流行多久壓根就是個偽命題。在21世紀(jì)初的時候,F(xiàn)lash曾被視為最熱門的網(wǎng)頁設(shè)計工具;而在幾年前,富有光澤的按鈕也是網(wǎng)頁上必不可少的組件,可是現(xiàn)在,他們都已經(jīng)被扁平化設(shè)計和HTLM5所席卷而過。

不要被炫酷時尚光鮮亮麗的時尚風(fēng)格洗腦,許多剛剛出現(xiàn)或者才開始的流行的設(shè)計風(fēng)尚都會是曇花一現(xiàn)。那些能對設(shè)計文化產(chǎn)生持續(xù)影響的設(shè)計趨勢之所以存在,是因為它們在根本上有助于用戶體驗,或者服務(wù)于某些功能或者技術(shù)。今天所說的四個設(shè)計趨勢是經(jīng)過仔細(xì)推敲的,它們應(yīng)該會在接下來的2015年里繼續(xù)流行,甚至?xí)?qiáng)勢地在2016年里繼續(xù)做一個堅挺時尚的設(shè)計趨勢??聪氯?,你會明白,它們不是在炫技或者耍猴,它們的確正在重新定義網(wǎng)頁設(shè)計。

1、更少的頁面

是否有人曾戳著你的屏幕說“少即是多?”越來越多的網(wǎng)站開始精簡網(wǎng)站上頁面的數(shù)量,使用單頁設(shè)計的網(wǎng)站已經(jīng)不在少數(shù),即是相對傳統(tǒng)的網(wǎng)站也過度到了 簡化后的多頁式頁面架構(gòu)。促成這一趨勢的原因來自兩個方面:第一,用戶喜歡簡單,越簡單用戶越容易找到它們想要的內(nèi)容,這自然也對網(wǎng)站越好;第二,據(jù)統(tǒng) 計,移動端的流量占據(jù)了網(wǎng)站流量來源的4成,對于移動端越友好,自然也越有利于網(wǎng)站和網(wǎng)站的業(yè)務(wù)。如果你能在餐廳的移動端網(wǎng)頁上訂餐,何必費(fèi)勁巴拉地找電 腦來下單呢?成交額難道不會妥妥地上升么?下面這個高大上的單頁網(wǎng)站屬于倫敦的Jacks Bar,這是一家酒吧餐廳二合一的餐飲機(jī)構(gòu),在移動端瀏覽成為用戶首選的今天,滾動比點擊更加有用。

而這家名為三重櫻咖啡的站點則是另一個實例,典型的單頁設(shè)計,沒有雜亂的信息,它只有兩個導(dǎo)航鏈接,并且兩者都在頁面的相同區(qū)域。

2、無外乎是響應(yīng)式設(shè)計

響應(yīng)式網(wǎng)頁自然可以適配各種各樣的設(shè)備的屏幕,但是它們同時也是相對比較“龐大”網(wǎng)站,加載速度不會快到哪里去。在過去,許多品牌會為用戶單獨設(shè)計 桌面端頁面和移動端的頁面,但是隨著市面上設(shè)備的屏幕尺寸膨脹分裂,響應(yīng)式網(wǎng)站設(shè)計就成了一個更為有效也高效的解決方案了。在搜索引擎抓取數(shù)據(jù)的時候,單 個URL會更容易受到它們的青睞。從這個角度上來看,設(shè)計師有必要考慮一下手頭項目是否做到了響應(yīng)式設(shè)計。

Skinny Ties 就是一個響應(yīng)靈敏的響應(yīng)式網(wǎng)頁,在任何屏幕上都能良好地顯示,從圖片到內(nèi)容,這個網(wǎng)站都經(jīng)得起最挑剔的客戶的考驗。

3、個性化的用戶體驗

網(wǎng)頁Cookie并不是啥新鮮的東西,它們已經(jīng)為網(wǎng)頁和用戶服役多年。現(xiàn)在,設(shè)計師們開是借助它們讓網(wǎng)頁的彈出窗口呈現(xiàn)出更加精準(zhǔn)的內(nèi)容了:更加個性化的廣告,更加符合用戶習(xí)慣的用戶體驗設(shè)計。做電商的朋友可能會非常需要這樣的設(shè)計。

舉個例子,假設(shè)你擁有一個銷售促銷禮品的電商網(wǎng)站,你的某個用戶是一家公司的經(jīng)理,或者是一個小企業(yè)主,它正在為自己的客戶和員工尋找類似的商品。這并不是他第一次訪問你的網(wǎng)站了,那么你可以借助個性化的體驗設(shè)計,為他推薦它可能需要的商品,讓他成為回頭客。

在歐美市場,你恐怕找不到比亞馬遜更好的例子,當(dāng)然,生活在大陸的我們,可能已經(jīng)被無所不能的淘寶的推薦系統(tǒng)所折服。

4、高清大圖

講故事其實也是設(shè)計的基本功。使用可靠的內(nèi)容和漂亮的圖片將用戶從A點引導(dǎo)到B點,已經(jīng)被證明有利于網(wǎng)站的轉(zhuǎn)化率。使用大幅圖片和富有質(zhì)感的文字能 夠賦予整個頁面以生命力,讓它更加有趣,令用戶愿意與之進(jìn)行互動。隨著高分辨率設(shè)備的普及,這些擁有高清大圖的網(wǎng)頁會輕松討好用戶的雙眼。

溫馨/動人/真實的故事配合著高清大圖元素,用戶會買賬。不論圖片是用作背景還是配圖,整個頁面的基調(diào)都會因此而改變。Wide Eye Creative 就是這樣的一個案例。

作品展示網(wǎng)站這樣做其實很不錯,電商和零售類的網(wǎng)站則需要斟酌一下如何展示才不會太過突兀。使用大圖的訣竅在于圖片的選擇,抓人眼球的視角和富有質(zhì)感的細(xì)節(jié)會讓人駐足。配合著有趣的故事,用戶就會留下。

原文來自:優(yōu)設(shè)

原文地址:webdesignerdepot

優(yōu)設(shè)網(wǎng)譯者:@陳子木

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 簡單、清晰—–要訣

    來自廣東 回復(fù)
  2. 響應(yīng)式設(shè)計國內(nèi)能看到的還是不多[可憐]

    來自北京 回復(fù)