1. 打破框架的版面設(shè)計(jì)

過(guò)去幾年，一成不變的網(wǎng)頁(yè)布局（layout）已開始令人疲乏，幸而Flexbox 以及CSS Grid!等技術(shù)的出現(xiàn)，讓版面設(shè)計(jì)變得更靈活彈性，為設(shè)計(jì)師、工程師帶來(lái)更寬廣的揮灑空間，今年將可看到更多網(wǎng)站打破慣有的「對(duì)稱」、「秩序」守則，形形色色，層層疊疊的網(wǎng)頁(yè)布局肯定精彩。不過(guò)不變的大原則是，設(shè)計(jì)的要點(diǎn)是要烘托「內(nèi)容」，內(nèi)容才是骨肉、才是人們光臨網(wǎng)站的主因，因此設(shè)計(jì)的尺度上也需斟酌，天馬行空之余，別反客為主，奪走內(nèi)容的風(fēng)采。

2. 極簡(jiǎn)out，色彩在跳舞！

色彩作為表達(dá)個(gè)性的重要元素，在極簡(jiǎn)風(fēng)蔚為風(fēng)潮時(shí)卻被剝除，不過(guò)去年開始，大面積漸層色塊似有強(qiáng)勢(shì)回歸，Instagram、Asana、Stripe 都以飽和的漸層重塑品牌視覺(jué)主調(diào)，今年絢爛的色彩以及流動(dòng)的漸層更將大行其道；此外，影像以雙色調(diào)（duotone）后制，也可能會(huì)是今年的潮流。設(shè)計(jì)師，Sarah Hutto 預(yù)言，今年將會(huì)是很「funky」的一年，期待強(qiáng)烈的色彩刺激人們的視覺(jué)感官。

與前兩年的明亮輕盈、以及上述張揚(yáng)的鮮艷濃烈色彩對(duì)比，以相對(duì)沉著冷靜的黑色作為主色調(diào)也是愈來(lái)愈多網(wǎng)站的選擇，只要「輔色」（accent color）搭配得宜，黑色一點(diǎn)也不沉悶，反而能在一片光彩的世界里脫穎而出。

3. 華麗且實(shí)用的動(dòng)態(tài)效果

動(dòng)態(tài)效果在當(dāng)代的網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域扮演舉足輕重的角色，今年也絲毫沒(méi)有退流行的跡象，反而應(yīng)用會(huì)更廣泛。適當(dāng)?shù)膭?dòng)態(tài)效果，具有突出要點(diǎn)、爭(zhēng)取注意力的用處，今年以 SVG、CSS 創(chuàng)造的動(dòng)態(tài)效果預(yù)料將大幅增加，滾動(dòng)視差（Parallax Scrolling）也愈來(lái)愈華麗。但設(shè)計(jì)師應(yīng)考量品牌或內(nèi)容的內(nèi)涵以及每個(gè)動(dòng)態(tài)效果的意義，避免「為動(dòng)而動(dòng)」。

4. 創(chuàng)造小驚喜的「微互動(dòng)」

「微互動(dòng)」在網(wǎng)頁(yè)上也會(huì)愈來(lái)愈流行，比如鼠標(biāo)滑過(guò)、點(diǎn)擊各式網(wǎng)頁(yè)零件如按鈕，卷軸滑動(dòng)過(guò)程中，適時(shí)出現(xiàn)細(xì)致變化，也能夠有提示要點(diǎn)的作用。當(dāng)然，就跟動(dòng)態(tài)效果一樣，設(shè)計(jì)師也要拿捏「動(dòng)」的意義與幅度，才不致畫蛇添足。