1.響應(yīng)式網(wǎng)站設(shè)計(jì)（Responsive Web Design)

從2010年發(fā)展至今的響應(yīng)式網(wǎng)站設(shè)計(jì)（Responsive Web Design)，隨著智能手機(jī)平板的大紅大紫，近兩年已變得越來越重要，及至未來年大概這已經(jīng)是不可或缺的一部份。(想了解更多？請(qǐng)參考響應(yīng)式網(wǎng)站設(shè)計(jì)一文)

未來webdesign1

?

2.幽靈按鈕（Ghost Button）

未來webdesign2

只有邊框，中間顯示文字并透視出背景的新式按鈕設(shè)計(jì)，外國(guó)的設(shè)計(jì)師給他取了個(gè)很晧的名字 — 幽靈按鈕（Ghost Button）

?

3.更強(qiáng)調(diào)字體

未來webdesign3

以往很多字體都需要收費(fèi)而且價(jià)格不菲，現(xiàn)在隨著 google fonts 等免費(fèi)服務(wù)的發(fā)展，你可以使用大量特殊有趣的字體去強(qiáng)調(diào)你的主題而不需要額外的預(yù)算

?

4.大圖片或視頻背景

未來webdesign4

充分利用螢?zāi)粚挾?，利用大圖片或視頻突出你的主題，簡(jiǎn)單的字句說明重點(diǎn)，讓用戶更快了解你需要表達(dá)的內(nèi)容精要

?

5.滾動(dòng)式網(wǎng)站（Scrolling Design)

未來webdesign5

滾動(dòng)式網(wǎng)站設(shè)計(jì)亦已發(fā)展了數(shù)年，現(xiàn)在進(jìn)入 awwwards 一看，幾乎大部份的作品都是 Parallax 設(shè)計(jì)，隨著手機(jī)平板這些直立式裝置的普及，滾動(dòng)式設(shè)計(jì)讓內(nèi)容更為直觀，用戶無需思索要點(diǎn)擊哪個(gè)連結(jié)，更無需多余的轉(zhuǎn)頁(yè)，讓瀏覽變得更為暢順，相比點(diǎn)擊轉(zhuǎn)頁(yè)的確比更為優(yōu)勢(shì)。（想了解更多？請(qǐng)參考視差滾動(dòng)網(wǎng)站設(shè)計(jì)一文)

?

6.卡片式設(shè)計(jì) + 瀑布流設(shè)計(jì)排版

未來webdesign6

Pinterest應(yīng)該是其表表者，他將卡片式設(shè)計(jì)推行極盛，這種設(shè)計(jì)易于配合做響應(yīng)式設(shè)計(jì)，結(jié)構(gòu)簡(jiǎn)單直接，配合瀑布流排版，內(nèi)容豐富，易于瀏覽。Google在Android及google plus亦大量用上卡片式設(shè)計(jì)，可見其舉足輕重。

?

7.平面化設(shè)計(jì)

未來webdesign7

早幾年人們對(duì)漸層、陰影推崇極致，然而隨著 IOS6 的推出開始，平面設(shè)計(jì)卻突然起了革命，這兩年來所有的設(shè)計(jì)都開始趨更為簡(jiǎn)單的平面化，并配合繽紛的色彩造就主題。就如 Bootstrap 從v2到v3的轉(zhuǎn)變，Android 5.0 Lollipop 的UI都可以看到。

?

8.微形互動(dòng)

未來webdesign9

人們討厭繁復(fù)的過程，用更微細(xì)模塊與用戶進(jìn)行互動(dòng)，有力加強(qiáng)你的成功率，例如想用戶訂閱你的電子報(bào)，一個(gè)小小的彈出框?qū)⒖蔀槟銕砀酀撛诳蛻簟?/p>

?

9.交互式故事

未來webdesign8

利用滾動(dòng)式設(shè)計(jì)用一頁(yè)去介紹你的產(chǎn)品，將產(chǎn)品重點(diǎn)連成一個(gè)故事一般，逐點(diǎn)論述，這種設(shè)計(jì)很適合用來介紹一件事情或一件產(chǎn)品，在手機(jī)市場(chǎng)大家應(yīng)該看過不少，例如Apple及小米手機(jī)。