網(wǎng)頁設(shè)計(jì)趨勢(shì)變化的是如此之快,以至于我們甚至還沒來得及全部體會(huì),有的便已過時(shí)。所以,預(yù)測(cè)某個(gè)設(shè)計(jì)趨勢(shì)會(huì)流行多久壓根就是個(gè)偽命題。在21世紀(jì)初的時(shí) 候,F(xiàn)lash曾被視為最熱門的網(wǎng)頁設(shè)計(jì)工具;而在幾年前,富有光澤的按鈕也是網(wǎng)頁上必不可少的組件,可是現(xiàn)在,他們都已經(jīng)被扁平化設(shè)計(jì)和HTLM5所席 卷而過。
不要被炫酷時(shí)尚光鮮亮麗的時(shí)尚風(fēng)格洗腦,許多剛剛出現(xiàn)或者才開始的流行的設(shè)計(jì)風(fēng)尚都會(huì)是曇花一現(xiàn)。那些能對(duì)設(shè)計(jì)文化產(chǎn)生持續(xù)影響的設(shè)計(jì)趨勢(shì)之所以存在,是 因?yàn)樗鼈冊(cè)诟旧嫌兄谟脩趔w驗(yàn),或者服務(wù)于某些功能或者技術(shù)。我們?cè)?jīng)撰寫過許多關(guān)于設(shè)計(jì)趨勢(shì)的文章,它們有的坦率地總結(jié)了正在流行的設(shè)計(jì)趨勢(shì)《先人一 步!帶你了解制霸2015年的網(wǎng)頁設(shè)計(jì)趨勢(shì)》,或者謹(jǐn)慎地暢想了未來的設(shè)計(jì)趨勢(shì)《我的征程是未來!帶你展望2015年最重要的網(wǎng)頁設(shè)計(jì)趨勢(shì)》。
但是今天這篇文字不是要做這些事情。今天所說的四個(gè)設(shè)計(jì)趨勢(shì)是經(jīng)過仔細(xì)推敲的,它們應(yīng)該會(huì)在接下來的2015年里繼續(xù)流行,甚至?xí)?qiáng)勢(shì)地在2016年里繼 續(xù)做一個(gè)堅(jiān)挺時(shí)尚的設(shè)計(jì)趨勢(shì)??聪氯?,你會(huì)明白,它們不是在炫技或者耍猴,它們的確正在重新定義網(wǎng)頁設(shè)計(jì)。
1、更少的頁面
是否有人曾戳著你的屏幕說“少即是多?”越來越多的網(wǎng)站開始精簡(jiǎn)網(wǎng)站上頁面的數(shù)量,使用單頁設(shè)計(jì)的網(wǎng)站已經(jīng)不在少數(shù),即是相對(duì)傳統(tǒng)的網(wǎng)站也過度到了簡(jiǎn)化后 的多頁式頁面架構(gòu)。促成這一趨勢(shì)的原因來自兩個(gè)方面:第一,用戶喜歡簡(jiǎn)單,越簡(jiǎn)單用戶越容易找到它們想要的內(nèi)容,這自然也對(duì)網(wǎng)站越好;第二,據(jù)統(tǒng)計(jì),移動(dòng) 端的流量占據(jù)了網(wǎng)站流量來源的4成,對(duì)于移動(dòng)端越友好,自然也越有利于網(wǎng)站和網(wǎng)站的業(yè)務(wù)。如果你能在餐廳的移動(dòng)端網(wǎng)頁上訂餐,何必費(fèi)勁巴拉地找電腦來下單 呢?成交額難道不會(huì)妥妥地上升么?
2、無外乎是響應(yīng)式設(shè)計(jì)
響應(yīng)式網(wǎng)頁自然可以適配各種各樣的設(shè)備的屏幕,但是它們同時(shí)也是相對(duì)比較“龐大”網(wǎng)站,加載速度不會(huì)快到哪里去。在過去,許多品牌會(huì)為用戶單獨(dú)設(shè)計(jì)桌面端 頁面和移動(dòng)端的頁面,但是隨著市面上設(shè)備的屏幕尺寸膨脹分裂,響應(yīng)式網(wǎng)站設(shè)計(jì)就成了一個(gè)更為有效也高效的解決方案了。在搜索引擎抓取數(shù)據(jù)的時(shí)候,單個(gè) URL會(huì)更容易受到它們的青睞。從這個(gè)角度上來看,設(shè)計(jì)師有必要考慮一下手頭項(xiàng)目是否做到了響應(yīng)式設(shè)計(jì)。
3、個(gè)性化的用戶體驗(yàn)
網(wǎng)頁Cookie并不是啥新鮮的東西,它們已經(jīng)為網(wǎng)頁和用戶服役多年。現(xiàn)在,設(shè)計(jì)師們開是借助它們讓網(wǎng)頁的彈出窗口呈現(xiàn)出更加精準(zhǔn)的內(nèi)容了:更加個(gè)性化的廣告,更加符合用戶習(xí)慣的用戶體驗(yàn)設(shè)計(jì)。做電商的朋友可能會(huì)非常需要這樣的設(shè)計(jì)。
舉個(gè)例子,假設(shè)你擁有一個(gè)銷售促銷禮品的電商網(wǎng)站,你的某個(gè)用戶是一家公司的經(jīng)理,或者是一個(gè)小企業(yè)主,它正在為自己的客戶和員工尋找類似的商品。這并不 是他第一次訪問你的網(wǎng)站了,那么你可以借助個(gè)性化的體驗(yàn)設(shè)計(jì),為他推薦它可能需要的商品,讓他成為回頭客。
在歐美市場(chǎng),你恐怕找不到比亞馬遜更好的例子,當(dāng)然,生活在大陸的我們,可能已經(jīng)被無所不能的淘寶的推薦系統(tǒng)所折服。
4、高清大圖
講故事其實(shí)也是設(shè)計(jì)的基本功。使用可靠的內(nèi)容和漂亮的圖片將用戶從A點(diǎn)引導(dǎo)到B點(diǎn),已經(jīng)被證明有利于網(wǎng)站的轉(zhuǎn)化率。使用大幅圖片和富有質(zhì)感的文字能夠賦予 整個(gè)頁面以生命力,讓它更加有趣,令用戶愿意與之進(jìn)行互動(dòng)。隨著高分辨率設(shè)備的普及,這些擁有高清大圖的網(wǎng)頁會(huì)輕松討好用戶的雙眼。
溫馨/動(dòng)人/真實(shí)的故事配合著高清大圖元素,用戶會(huì)買賬。不論圖片是用作背景還是配圖,整個(gè)頁面的基調(diào)都會(huì)因此而改變。Wide Eye Creative 就是這樣的一個(gè)案例。
作品展示網(wǎng)站這樣做其實(shí)很不錯(cuò),電商和零售類的網(wǎng)站則需要斟酌一下如何展示才不會(huì)太過突兀。使用大圖的訣竅在于圖片的選擇,抓人眼球的視角和富有質(zhì)感的細(xì)節(jié)會(huì)讓人駐足。配合著有趣的故事,用戶就會(huì)留下。