過去幾年,一成不變的網(wǎng)頁布局(layout)已開始令人疲乏,幸而Flexbox以及CSSGrid等技術(shù)的出現(xiàn),讓版面設(shè)計(jì)變得更靈活彈性,為設(shè)計(jì)師、工程師帶來更寬廣的揮灑空間,今年將可看到更多網(wǎng)站建設(shè)打破慣有的「對(duì)稱」「秩序」守則,形形色色,層層疊疊的網(wǎng)頁布局肯定精彩。不過不變的大原則是,設(shè)計(jì)的重點(diǎn)是要烘托內(nèi)容,內(nèi)容才是骨肉、才是人們光臨網(wǎng)站的主因,因此設(shè)計(jì)的尺度上也需斟酌,天馬行空之余,別反客為主,奪走內(nèi)容的風(fēng)采。
1.同構(gòu)發(fā)圖形設(shè)計(jì)——形意轉(zhuǎn)環(huán)
形轉(zhuǎn)換構(gòu)法圖形設(shè)計(jì)是常見的表現(xiàn)手法之一,精髓在于“形意轉(zhuǎn)換”以現(xiàn)實(shí)中一個(gè)物形為依據(jù),保持其物形的特征,再結(jié)合另一種相關(guān)或不相關(guān)的元素進(jìn)行替代,形成復(fù)合圖形,通過會(huì)的方式從根本上改變物體原本的象征意義,最終使圖形傳達(dá)出更深刻、更富于想象力的全新意義。
2.創(chuàng)造小驚喜的「微互動(dòng)」
微互動(dòng)在網(wǎng)頁上也會(huì)愈來愈流行,比如滑鼠移過、點(diǎn)擊各式網(wǎng)頁零件如按鈕,卷軸滑動(dòng)過程中,適時(shí)出現(xiàn)細(xì)致變化,也能夠有提示重點(diǎn)的作用。當(dāng)然,就跟動(dòng)態(tài)效果一樣,設(shè)計(jì)師也要拿捏「動(dòng)」的意義與幅度,才不致畫蛇添足。
3.極簡out,色彩在跳舞
色彩作為表達(dá)個(gè)性的重要元素,在極簡風(fēng)蔚為風(fēng)潮時(shí)卻被剝除,不過約莫去年開始,大面積漸層色塊似有強(qiáng)勢(shì)回歸,Instagram、Asana、Stripe都以飽和的漸層重塑品牌視覺主調(diào),今年絢爛的色彩以及流動(dòng)的漸層更將大行其道;此外,影像以雙色調(diào)(duotone)后制,也可能會(huì)是今年的潮流。設(shè)計(jì)師,SarahHutto預(yù)言,今年將會(huì)是很「funky」的一年,期待強(qiáng)烈的色彩刺激人們的視覺感官。
與前兩年的明亮輕盈、以及上述張揚(yáng)鮮濃的色彩對(duì)比,以相對(duì)沉著冷靜的黑色作為主色調(diào)也是愈來愈多網(wǎng)站建設(shè)的選擇,只要輔色搭配得宜,黑色一點(diǎn)也不沉悶,反而能在一片光彩的世界里脫穎而出。
網(wǎng)站建設(shè)設(shè)計(jì)迷人之處在于不斷變動(dòng),技術(shù)的演進(jìn)讓設(shè)計(jì)師與工程師可以不停實(shí)驗(yàn)創(chuàng)新,帶來更好、更流暢的使用體驗(yàn),以及讓人處處驚奇的感官饗宴。