1.打破布局設計(jì)的(de)框架。
在過去的(de)幾年裏，一成不變的(de)頁面布局已經開(kāi)始讓人(rén)厭倦。幸運的(de)是，Flexbox和(hé)CSS網格！随著(zhe)技術(shù)的(de)出現，布局設計(jì)變得更加靈活多變，爲設計(jì)師(shī)和(hé)工(gōng)程師(shī)帶來了更廣闊的(de)空間。今年，我們會(huì)看到(dào)更多的(de)網站打破通常的(de)“對稱”和(hé)“有(yǒu)序”的(de)規則，各種分(fēn)層的(de)網頁布局一定會(huì)很精彩。但(dàn)不變的(de)原則是設計(jì)的(de)重點是映襯“内容”，内容是有(yǒu)血有(yǒu)肉的(de)，這是人(rén)們訪問網站的(de)主要原因。因此也(yě)要考慮設計(jì)規模。除了天馬行(xíng)空，不要反客爲主，拿走内容的(de)風采。
2.極簡OUT，色彩在舞動！
色彩作爲表達個(gè)性的(de)重要元素，在極簡主義成爲流行(xíng)趨勢時被剝離(lí)。不過，從去年開(kāi)始，大(dà)面積的(de)漸變色塊似乎有(yǒu)了強勁的(de)回歸。Instagram、Asana和(hé)Stripe都(dōu)以飽和(hé)的(de)漸變重塑了品牌的(de)視覺主題。今年，華麗(lì)的(de)顔色和(hé)流動的(de)漸變将變得更加流行(xíng)。此外，圖像的(de)雙調後期制(zhì)作可(kě)能(néng)是今年的(de)趨勢。 相(xiàng)對于前兩年的(de)明(míng)度和(hé)明(míng)度以及上(shàng)面提到(dào)的(de)明(míng)度和(hé)強顔，以相(xiàng)對冷(lěng)靜的(de)黑(hēi)色爲主色調也(yě)是越來越多網站的(de)選擇。隻要“口音(yīn)色”搭配得當，黑(hēi)色一點也(yě)不沉悶，反而能(néng)在輝煌的(de)世界中脫穎而出。
3.華麗(lì)實用(yòng)的(de)動态效果。
動态效果在當代網頁設計(jì)領域發揮著(zhe)重要作用(yòng)。今年，沒有(yǒu)過時的(de)迹象，但(dàn)它将被更廣泛地(dì)使用(yòng)。适當的(de)動态效果有(yǒu)助于突出重點和(hé)吸引注意力。今年SVG和(hé)CSS打造的(de)動态效果有(yǒu)望大(dà)幅提升，視差滾動也(yě)越來越華麗(lì)。但(dàn)設計(jì)師(shī)要考慮品牌或内容的(de)内涵以及每一個(gè)動态效果的(de)意義，避免“爲動而動”。
4.創造小(xiǎo)驚喜的(de)“微互動”。
“微交互”在網頁上(shàng)會(huì)越來越受歡迎。例如(rú)，當鼠标滑過并點擊按鈕等各種web部件(jiàn)時，滾動滑動過程中會(huì)及時發生細緻的(de)變化，也(yě)可(kě)以作爲關鍵點的(de)提醒。當然，就像動态效果一樣，設計(jì)師(shī)也(yě)要把握好“動态”的(de)含義和(hé)幅度，以免畫蛇添足。
文(wén)章(zhāng)及圖片來源網絡
版權歸原作者所有(yǒu)
如(rú)涉及版權問題請及時聯系我們處理(lǐ),謝謝!
