1.響應(yīng)式網(wǎng)站設(shè)計(Responsive Web Design)
從2010年發(fā)展至今的響應(yīng)式網(wǎng)站設(shè)計(Responsive Web Design),隨著智能手機平板的大紅大紫,近兩年已變得越來越重要,及至未來年大概這已經(jīng)是不可或缺的一部份。(想了解更多?請參考響應(yīng)式網(wǎng)站設(shè)計一文)
未來webdesign1
?
2.幽靈按鈕(Ghost Button)
未來webdesign2
只有邊框,中間顯示文字并透視出背景的新式按鈕設(shè)計,外國的設(shè)計師給他取了個很晧的名字 — 幽靈按鈕(Ghost Button)
?
3.更強調(diào)字體
未來webdesign3
以往很多字體都需要收費而且價格不菲,現(xiàn)在隨著 google fonts 等免費服務(wù)的發(fā)展,你可以使用大量特殊有趣的字體去強調(diào)你的主題而不需要額外的預(yù)算
?
4.大圖片或視頻背景
未來webdesign4
充分利用螢?zāi)粚挾?,利用大圖片或視頻突出你的主題,簡單的字句說明重點,讓用戶更快了解你需要表達的內(nèi)容精要
?
5.滾動式網(wǎng)站(Scrolling Design)
未來webdesign5
滾動式網(wǎng)站設(shè)計亦已發(fā)展了數(shù)年,現(xiàn)在進入 awwwards 一看,幾乎大部份的作品都是 Parallax 設(shè)計,隨著手機平板這些直立式裝置的普及,滾動式設(shè)計讓內(nèi)容更為直觀,用戶無需思索要點擊哪個連結(jié),更無需多余的轉(zhuǎn)頁,讓瀏覽變得更為暢順,相比點擊轉(zhuǎn)頁的確比更為優(yōu)勢。(想了解更多?請參考視差滾動網(wǎng)站設(shè)計一文)
?
6.卡片式設(shè)計 + 瀑布流設(shè)計排版
未來webdesign6
Pinterest應(yīng)該是其表表者,他將卡片式設(shè)計推行極盛,這種設(shè)計易于配合做響應(yīng)式設(shè)計,結(jié)構(gòu)簡單直接,配合瀑布流排版,內(nèi)容豐富,易于瀏覽。Google在Android及google plus亦大量用上卡片式設(shè)計,可見其舉足輕重。
?
7.平面化設(shè)計
未來webdesign7
早幾年人們對漸層、陰影推崇極致,然而隨著 IOS6 的推出開始,平面設(shè)計卻突然起了革命,這兩年來所有的設(shè)計都開始趨更為簡單的平面化,并配合繽紛的色彩造就主題。就如 Bootstrap 從v2到v3的轉(zhuǎn)變,Android 5.0 Lollipop 的UI都可以看到。
?
8.微形互動
未來webdesign9
人們討厭繁復(fù)的過程,用更微細模塊與用戶進行互動,有力加強你的成功率,例如想用戶訂閱你的電子報,一個小小的彈出框?qū)⒖蔀槟銕砀酀撛诳蛻簟?/p>
?
9.交互式故事
未來webdesign8
利用滾動式設(shè)計用一頁去介紹你的產(chǎn)品,將產(chǎn)品重點連成一個故事一般,逐點論述,這種設(shè)計很適合用來介紹一件事情或一件產(chǎn)品,在手機市場大家應(yīng)該看過不少,例如Apple及小米手機。