2014年,我們制作網(wǎng)頁時遇到了不少新東西——無代碼設(shè)計平臺,視差效果,單頁網(wǎng)站等等。隨著技術(shù)與設(shè)計理念的演進,2015年,網(wǎng)頁制作的設(shè)計趨勢是繼承去年還是會迎來革新呢?
1.可調(diào)整的字體
從2006年開始,這種趨勢就已經(jīng)顯現(xiàn)了,只是可能設(shè)計師們只是適應(yīng)得比較慢。網(wǎng)頁上的字體和印刷上的字體非常不同,2015年,我們終于可以完全拋棄那些小小的、堆在一起的文本。網(wǎng)頁上,影響文本可讀性的因素有:</p
研究表明,更大的字體會增強網(wǎng)頁易讀性。而隨著響應(yīng)式設(shè)計的趨勢,設(shè)計師已經(jīng)開始做響應(yīng)式字體的設(shè)計。這回讓文字無論在什么界面上都會有很好的閱讀效果。
2.網(wǎng)頁代碼式微
以往,網(wǎng)頁制作的分工是由兩個界限分明的部分構(gòu)成的:設(shè)計師做外觀設(shè)計,工程師編寫代碼讓它工作。隨著設(shè)計工具變得越來越智能,這種分工正在改變。
如今,設(shè)計師不用編寫代碼就可以制作網(wǎng)頁,利用平面設(shè)計軟件的強大功能以及輸出W3C的代碼。
技術(shù)的進步帶來了巨大改變,其中之一就是讓設(shè)計師制作網(wǎng)頁的門檻降低,可以讓設(shè)計師為客戶設(shè)計更現(xiàn)代、專業(yè)的網(wǎng)站。當(dāng)然,優(yōu)秀的工程師并不會消失,只是他們會從前端退居后端,為前端設(shè)計品質(zhì)的體現(xiàn)提供保障。
3.響應(yīng)式設(shè)計的進化
幾年前,響應(yīng)式設(shè)計還只限于電腦、平板和智能手機,而現(xiàn)在隨著智能手表、電視和其他智能家居的發(fā)展,響應(yīng)式設(shè)計涉及的范圍越來越大。盡管每一種平臺都有獨特性,但平板和智能手機就有著相似的交互系統(tǒng),文本大小也差不多,分析起來比較方便。
但是說到智能手表這種——它們有著迥然不同的界面,評估的系統(tǒng)也完全不同,那么設(shè)計也要重新考慮。用智能手機或電視的思維去想手表的界面設(shè)計是不現(xiàn)實的。
對于這種新問題的解決還只是剛剛起步,在2015年,智能設(shè)備的市場需求會讓設(shè)計師去不斷適應(yīng)技術(shù)的演進。
4.扁平化設(shè)計無處不在
網(wǎng)絡(luò)產(chǎn)業(yè)的幾大巨頭都在引導(dǎo)著扁平化設(shè)計的趨勢——微軟的界面、谷歌的Material Design、蘋果審美的新趨向,等等。
盡管有說法是對扁平化設(shè)計的討論只在界面設(shè)計的范疇,但這的確是網(wǎng)頁設(shè)計的技術(shù)趨勢。這關(guān)乎我們消費網(wǎng)頁文本的方式,關(guān)乎網(wǎng)頁制作背后的技術(shù)。扁平化設(shè)計遵循著極簡的設(shè)計原則,讓受眾可以更容易、更精煉、更快捷得讀到網(wǎng)站的核心內(nèi)容。
扁平化設(shè)計不僅符合審美潮流,更利于功能的完善,讓受眾能集中精力閱讀內(nèi)容。
5.圖越大越好
越來越大的不僅是文字,圖片也一樣。
2015年,圖片以新的形式占據(jù)了核心位置。技術(shù)適應(yīng)了響應(yīng)式設(shè)計調(diào)整圖片大小的潮流,能提取圖片的主要色彩作為背景,然后讓圖片更少地占據(jù)服務(wù)器容量。這也就意味著,使用大圖片的設(shè)計師會越來越多!
6.新的滾動動畫、視差效應(yīng)和“微交互”
這是讓人印象深刻的一項革新——視差滾動動畫(parallax scrolling animation)。
我們其實在每時每刻都可以看到這樣的現(xiàn)象,比如在蘋果和谷歌的產(chǎn)品主頁上。這是因為視差滾動動畫可以提高70%的效率!
用“滾動”而不是“點擊”去設(shè)計網(wǎng)頁,有很多好處——較小的裝載量,更流暢的閱讀轉(zhuǎn)接,更多的信息流動。
7.網(wǎng)頁信息圖的春天
作為視覺動物,我們在閱讀圖像語言時能更有效地汲取信息。信息圖能最大程度地傳遞更多的信息。那么一種新的趨勢就出現(xiàn)了——網(wǎng)頁信息圖!像一般信息圖那樣,網(wǎng)頁信息圖也涵蓋了很多的信息,而更增加了交
互性。這會強化傳達效果。
2015年,你會看到越來越多的設(shè)計師會去做網(wǎng)頁信息圖,并把這種圖變成網(wǎng)頁必要的一部分。
source:視覺中國