聊聊2015年流行的網(wǎng)頁設(shè)計(jì)趨勢
提要:2014年快結(jié)束了。接近年底各種忙,忙里偷閑也別忘記自我充電。來看看明年2015年的網(wǎng)頁設(shè)計(jì)趨勢吧。沒準(zhǔn)能找到不少靈感呢。
1. 響應(yīng)式在繼續(xù)
OK,也許你不打算打道回府。也許你有一個(gè)很好的理由不用響應(yīng)式網(wǎng)頁設(shè)計(jì)?在過去的幾年里,響應(yīng)設(shè)計(jì)快速鞏固了自己作為網(wǎng)頁設(shè)計(jì)的新標(biāo)準(zhǔn)。當(dāng)然,也有爭論,但是沒人說,“讓我們擺脫響應(yīng)式設(shè)計(jì)吧”。實(shí)際上,越來越多的網(wǎng)站選擇響應(yīng)式的方向。2014年確實(shí)如此,2015年也還會繼續(xù)。這已經(jīng)不是種趨勢,而是常態(tài)了。
2. 幽靈按鈕
幽靈按鈕憑借簡潔時(shí)髦,及微妙的動畫招人喜歡。2015年幽靈按鈕將繼續(xù),特別是用在大背景和背景視頻上更適用。
3. 更強(qiáng)調(diào)字體
傳統(tǒng)的一些Web字體價(jià)格昂貴,意味著網(wǎng)站排版需要更多的預(yù)算。如今,這種情況在改變,設(shè)計(jì)師只要更少的預(yù)算甚至免費(fèi)(如Google Fonts)的字體集就能在網(wǎng)頁上自由設(shè)計(jì)。
4. 比大比更大的圖片,視頻背景
一個(gè)讓網(wǎng)站脫穎而出的簡單方式是突出關(guān)鍵的內(nèi)容,這種趨勢需要以美妙的方式來完成,強(qiáng)調(diào)設(shè)計(jì)哲學(xué),優(yōu)雅有力量,而非只是噱頭。
5 . 滾動主導(dǎo)點(diǎn)擊
得益于移動互聯(lián)網(wǎng)的發(fā)展,網(wǎng)頁設(shè)計(jì)更偏向移動化,因此會帶來更有效和愉悅的移動體驗(yàn),如滾動主導(dǎo)點(diǎn)擊。這種方式更直觀,易于實(shí)現(xiàn),減少加載時(shí)間,允許網(wǎng)站與用戶之間更多的交互。
6. 卡片式設(shè)計(jì)繼續(xù)
卡片式設(shè)計(jì),不算新穎,卻是響應(yīng)式網(wǎng)頁設(shè)計(jì)的最佳實(shí)踐。卡片式設(shè)計(jì)很好的一個(gè)方式是模塊化,重新編排欄目也不會草率或紊亂,在瀏覽器中能瀏覽大量數(shù) 據(jù),但是要提示用戶深入了解。總之,卡片設(shè)計(jì)干凈簡單,具備多功能性。正是網(wǎng)絡(luò)的需求,2014和2015年你將能看到更多卡片式風(fēng)格設(shè)計(jì)。
7. 扁平化繼續(xù)(或者M(jìn)aterial Design設(shè)計(jì)語言崛起)
扁平化設(shè)計(jì)在過去兩年里勢頭迅猛,2015年在持續(xù)。然后,對于扁平化而言或許只是個(gè)概念,也許是Material Design (材料設(shè)計(jì)),那么什么是Material Design呢?
Material Design是 Google今年新推出的移動設(shè)計(jì)方向,“Material(材料)”是種隱喻:空間的合理化及系統(tǒng)動效的統(tǒng)一。Material源自現(xiàn)實(shí)的感知,靈感來自紙張和油墨,尚未開啟的想象力和神奇。
很多設(shè)計(jì)師說,材料設(shè)計(jì)語言在扁平化上作了微妙的漸變,層次感和動畫保留了意義上的有形世界(物理空間和物體),同時(shí)實(shí)現(xiàn)了扁平化的所有優(yōu)點(diǎn)。有些人可能不同意,但我個(gè)人覺得,這就是扁平化設(shè)計(jì)的整體領(lǐng)導(dǎo),我們期待看到更多的企業(yè)和個(gè)人在2014年及以后采取該策略。
8. 微交互
談?wù)撏瓴牧显O(shè)計(jì),微交互也是個(gè)很好的勢頭。 它們通常用在產(chǎn)品的體驗(yàn)和瞬間,網(wǎng)站簡單的用戶任務(wù)處理也會用到。一個(gè)簡單的例子是注冊的時(shí)候彈出框效果。微交互促進(jìn)了用戶的參與,這種趨勢在未來幾年將進(jìn)一步滲透到網(wǎng)頁設(shè)計(jì)中。
9. 交互式故事
你想把所有的內(nèi)容聚在一起嗎?當(dāng)然,不是每個(gè)頁面都適合講一個(gè)仙女的故事的。如果你的品牌由一系列概念或價(jià)值(優(yōu)雅、創(chuàng)造力,簡約等),從頁面布局到字體選擇,你都能通過頁面元素和交互性故事來闡述品牌和理念。如特斯拉的官網(wǎng):http://www.teslamotors.com/
10. 個(gè)性化用戶體驗(yàn)
使用cookies技術(shù)向用戶展示相關(guān)內(nèi)容不是什么新鮮事。然后,某些垃圾做法(如彈出選擇),現(xiàn)在有了更好的設(shè)計(jì)和最佳實(shí)踐,使用cookies 顯示特定的內(nèi)容給用戶比垃圾郵件和無恥的銷售有效的多。Netflix 會記住你最近看的,YouTube也如此。難道這些傳統(tǒng)的大網(wǎng)站只會使用側(cè)邊欄小工具,以便你快速訪問你喜歡的內(nèi)容或評論的文章?或者突出查看過的內(nèi)容或 高亮帖子?我不這么認(rèn)為,未來更會出現(xiàn)更優(yōu)雅的技術(shù)。
極好的例子
Apple
你不必是個(gè)蘋果迷才能欣賞這么好的網(wǎng)頁設(shè)計(jì)。蘋果總是設(shè)法讓它們的商標(biāo)保持簡單,繼續(xù)設(shè)法擠出顯著數(shù)量的當(dāng)前和未來的設(shè)計(jì)趨勢。如果你想學(xué)習(xí)但不想模仿它,不是你必須創(chuàng)建一個(gè)站點(diǎn)酷似他們,而是復(fù)制其顯著的微妙之處,避免故意使用趨勢的噱頭。
Tesla
Go Electric page?這個(gè)頁面使用了大圖片,長滾動和嵌入式信息圖和交互式故事解釋了他們產(chǎn)品的常見5大問題,這是個(gè)相當(dāng)聰明的設(shè)計(jì),相比傳統(tǒng)枯燥無味的網(wǎng)站,這是個(gè)令人驚嘆的展示。
原文地址:elegantthemes
譯文地址:blog.enqoo
樓主,能把網(wǎng)站地址貼出來嘛
??