2015年全球網(wǎng)站設(shè)計趨勢全預(yù)測
我們先分析一下明年會有哪些新趨勢,以及去年的哪些設(shè)計趨勢會得到延續(xù)和升華。
1.充滿創(chuàng)意的布局方式
近幾年的趨勢也許都會圍繞著創(chuàng)意來展開,而網(wǎng)頁布局設(shè)計卻很難推陳出新,大多都千篇一律,因此一旦布局上有一些別致的小變化,就能讓用戶眼前一亮。但在刻意創(chuàng)新的同時,設(shè)計師還是應(yīng)該遵循用戶視覺感官的體驗,保持瀏覽的視線路徑始終流暢。

OYAMA的新穎布局
2.大圖片背景的使用
以高質(zhì)量的大圖片作為網(wǎng)站背景是國外很常見的一種設(shè)計方法,但由于國內(nèi)外網(wǎng)站風(fēng)格還存在一定差異化,因此,這個趨勢遲到了一段時間才來到中國。預(yù)計在2015年中,大圖片背景將會被逐漸被廣泛的運用起來,不僅限于一些比較潮流個性的網(wǎng)站,很多創(chuàng)意公司和即將面臨國際化挑戰(zhàn)的企業(yè)官方網(wǎng)站也都會開始愿意嘗試這種大氣自由的背景設(shè)計。

伊泰特倫的大圖背景
3.強(qiáng)調(diào)性字體的排版設(shè)計
簡單的字體設(shè)計卻牽動著整個網(wǎng)頁的氛圍。預(yù)計近幾年,極簡風(fēng)格的網(wǎng)站設(shè)計會成為主流,因此網(wǎng)頁中文字內(nèi)容的數(shù)量也會相應(yīng)的減少,所展現(xiàn)的文字都是相對比較重要的內(nèi)容,而粗大的字體無疑是突出重點的最佳格式。不僅如此,強(qiáng)調(diào)性的字體設(shè)計結(jié)合大圖片背景能營造出雜志風(fēng)格的網(wǎng)頁設(shè)計,讓網(wǎng)站更加隨性自然。

MN的強(qiáng)調(diào)字體排版設(shè)計
4.停不下來的頁面自適應(yīng)(響應(yīng)式)
如今移動端的用戶數(shù)量足以證明頁面自適應(yīng)的重要性,隨著各種智能化設(shè)備繼續(xù)不斷興起,自適應(yīng)更將成為設(shè)計師們需要研究的課題。和過去相比,響應(yīng)式網(wǎng)頁不僅要在未來適應(yīng)更多不同的分辨率,也要同時關(guān)注內(nèi)容流、斷點、相對單位,以及套嵌對象等內(nèi)容的設(shè)計,讓用戶真正享受到自適應(yīng)帶來的舒適感。

5. 愈演愈烈的視差滾動
視差滾動是讓多層背景以不同速度滾動,由此形成的一種立體的運動效果,由此為瀏覽者帶來獨特的視覺體驗。視差滾動因為其呈現(xiàn)出的絢麗效果,因此一般多用于品牌宣傳網(wǎng)站,起到加深記憶的作用。在如今這個競爭激烈的時代中,一個能令人印象深刻的網(wǎng)站設(shè)計的確很重要。

6.交互式信息故事
故事化設(shè)計是2014年的設(shè)計趨勢之一,不可否認(rèn),這一趨勢將會在未來得到延續(xù),但同時也會得到進(jìn)一步改善,比如添加一些能夠與用戶產(chǎn)生互動的交互設(shè)計,讓用戶不只是在看故事,而是和網(wǎng)頁故事互相融合。

7.扁平化不再是風(fēng)格,而是一種手法
最值得一提的是2014年如火如荼的扁平化設(shè)計!
扁平化設(shè)計在近幾年的勢頭不言而喻,就連WIN8刮起的Metro風(fēng)也加入了以色塊為主的扁平效果。扁平化設(shè)計是指無論是色塊、圖片,又或是布局表現(xiàn)都去掉了陰影、漸變等擬物化元素,這樣的設(shè)計理念很符合時下的設(shè)計風(fēng)尚,將扁平化用到極致依然不失為一種非常好的設(shè)計。

但是,我們絕不能為了扁平化而扁平化!如果加個內(nèi)陰影就能讓網(wǎng)頁更有立體感和豐富飽滿,那我們?yōu)槭裁床贿@樣做呢?正如蘋果公司一直堅決推崇的:提煉一款偉大產(chǎn)品設(shè)計直至最干凈簡潔的狀態(tài),而并非定格它“必須的”風(fēng)格走向。
未來的扁平化運用更傾向于是一種表現(xiàn)手法,比如你的設(shè)計可以是小清新風(fēng)格,也可以是歐美風(fēng)格,但這并不妨礙其中都使用了扁平化的手法。絕對的扁平化除了一些軟件級產(chǎn)品或是主打扁平化設(shè)計的作品之外,可能更適合作為提高設(shè)計水準(zhǔn)的工具。
8.卡片式設(shè)計
設(shè)計的內(nèi)在魅力被挖掘的越來越深入,網(wǎng)頁的邏輯條理關(guān)系也因此受到了大家的關(guān)注,卡片式設(shè)計就此崛起!

棗莊發(fā)布的卡片式設(shè)計
關(guān)于卡片式設(shè)計,也許最簡單的解釋就是一張撲克牌。一個圖案、一個文字,雖然內(nèi)容并不多,但能很清楚的表達(dá)出這張卡片的含義。不僅如此,設(shè)計師還應(yīng)該在此基礎(chǔ)上為用戶提供交互的機(jī)會,因為卡片式設(shè)計反饋的不只是一條有價值的資訊,更需要讓用戶融入其中做更多的事。
9.滾動瀏覽模式優(yōu)于點擊
同樣是因為移動端的普及,少點擊操作的單頁網(wǎng)頁設(shè)計似乎更適合我們?nèi)缃竦膽?yīng)用。網(wǎng)頁設(shè)計師也許可以在移動端的設(shè)計中找一些靈感,比如從瀏覽角度來說,既然滾動頁面比需要點擊的頁面使用起來更方便,不如就選擇這種直觀的模式,讓用戶與網(wǎng)站之間產(chǎn)生更密切的交互。

晨星計劃的滾動瀏覽頁面
10.更優(yōu)雅的個性化微交互
首先說明一下關(guān)于“個性化”的理解。很多網(wǎng)站的通病是把當(dāng)下流行的元素和技術(shù),在不顧及實際體驗的情況下統(tǒng)統(tǒng)搬到自己的網(wǎng)站上,一味的追求自認(rèn)的“個性化”設(shè)計方式,像這樣的外貌協(xié)會行為明顯已經(jīng)不符合如今的網(wǎng)頁設(shè)計趨勢了。
在未來的網(wǎng)頁設(shè)計領(lǐng)域,我們需要的是一種更優(yōu)雅的微交互反應(yīng)方式。比如鼠標(biāo)懸停時產(chǎn)生效果、便于快速訪問的隱藏導(dǎo)航,以及注冊頁面的彈出框等,這些小細(xì)節(jié)的設(shè)計看起來很不起眼,但能在用戶心里留下深刻的印象。

NatureHouse的個性化微交互
總結(jié):
AnyForWeb認(rèn)為,2015年的網(wǎng)頁設(shè)計大勢很大程度上會延續(xù)以往的設(shè)計趨勢,但對于用戶體驗的提升有了更高的要求。無論趨勢如何變化,都始終要將用戶體驗擺在首位,網(wǎng)站的最終使用者才擁有評判網(wǎng)站優(yōu)質(zhì)與否的最大權(quán)利。而設(shè)計師應(yīng)該不斷關(guān)注新的設(shè)計趨勢,為用戶不斷優(yōu)化網(wǎng)站的使用體驗。
相關(guān)文章

爬蟲是什么?淺談爬蟲及繞過網(wǎng)站反爬取機(jī)制
簡單而片面的說,爬蟲就是由計算機(jī)自動與服務(wù)器交互獲取數(shù)據(jù)的工具,這篇文章主要想談?wù)勁老x獲取數(shù)據(jù)的這一部分。爬蟲請注意網(wǎng)站的Robot.txt文件,不要讓爬蟲違法,也不要2017-12-18
設(shè)計師可能無法減少App加載頁面的等待時間,但是可以讓等待時間變得有趣~,本文主要為大家淺淡App加載頁面的等待體驗設(shè)計技巧,有興趣的朋友們就來了解下吧2017-12-15
表單無論實在網(wǎng)頁設(shè)置中,還是在APP、應(yīng)用程序、軟件界面中都被廣泛運行,從而一個好的表單設(shè)計就非常重要了,本文主要為大家分享幾個交互好且轉(zhuǎn)化率高的表單設(shè)計技巧,有2017-11-20
適配iPhone X要點:十分鐘快速掌握iPhone X UI界面適配技巧
目前,第一批預(yù)約iPhone X手機(jī)的朋友們已經(jīng)拿到真機(jī)了,目前還沒有適配iPhone X的應(yīng)用運營商,相信都在加班加點適配呢,本文為大家?guī)砹诉m配iPhone X的要點,讓你十分鐘快2017-11-08
如何讓網(wǎng)頁可讀性更強(qiáng)?善用F式布局設(shè)計增強(qiáng)網(wǎng)頁可讀性方法解答
雖然網(wǎng)頁排版方式千變?nèi)f化,但是布局方式通常都遵循著幾種常見的規(guī)則,F(xiàn)式布局式設(shè)計能夠增強(qiáng)網(wǎng)頁可讀性,這種說法是有跡可循的,本文就為大家介紹如何運用F式布局,有興趣2017-11-08- 在網(wǎng)頁的設(shè)計中表單都是界面中最常見,也是最重要的組件之一,對于設(shè)計師、前端和開發(fā)者而言,應(yīng)當(dāng)對于表單的設(shè)計盡量多上心,讓它們更加易用,細(xì)致的設(shè)計對于用戶的體驗、2017-10-26

登錄頁面怎么設(shè)計更好?登錄頁面設(shè)計的15個心理學(xué)策略
有很多東西下意識地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用,大家都知道用戶體驗設(shè)計跟心理學(xué)相關(guān),甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率,那么,登錄頁面怎么2017-10-10
網(wǎng)站評論模塊怎么設(shè)計 10個關(guān)鍵點告訴你如何設(shè)計產(chǎn)品評論模塊
網(wǎng)站不僅內(nèi)容很重要,評論模塊同樣也很重要,那么,網(wǎng)站評論模塊怎么設(shè)計呢?對此,本文就為大家詳細(xì)介紹10個關(guān)鍵點告訴你如何設(shè)計產(chǎn)品評論模塊,有興趣的朋友們就來了解下2017-09-25
網(wǎng)站導(dǎo)航設(shè)計怎么才是符合搜索引擎優(yōu)化?SEO網(wǎng)站導(dǎo)航建設(shè)技巧分享
搭建網(wǎng)站的任何細(xì)節(jié)都需要考慮到是否利于SEO優(yōu)化,在網(wǎng)站導(dǎo)航設(shè)計的過程中,我們應(yīng)該怎么樣進(jìn)行操作才是符合搜索引擎優(yōu)化的呢?對此,本文就為大家進(jìn)行簡單解答2017-09-21
在做網(wǎng)站設(shè)計的過程當(dāng)中,很多人可能會對于頁腳這個方面產(chǎn)生忽略,但是實際上在我們平時的使用下來的整體的分析數(shù)據(jù)表明,頁腳對于一個網(wǎng)站來說還是有非常重要的作用的,那2017-09-04










