來自： IN (Id:)

網站設計最令人著迷的是不斷變化。科技的演進讓設計師和工程師不斷地進行實驗和創新，帶來更好更流暢的用戶體驗，一場處處驚喜的感官盛宴。今年有哪些有趣的網頁風格將主宰我們的屏幕？我們結合了The Next Web等媒體和網站設計公司的預測，整理出網頁設計十大趨勢：

1.破幀布局

在過去的幾年里，靜態網頁布局 ( ) 變得很累人。幸運的是，隨著 CSS Grid 等技術的出現！ （預計今年3月支持），版面設計變得更加靈活。老師和工程師帶來了更廣闊的搖擺空間。今年，我們將看到更多打破“對稱”和“秩序”的常規規則的網站。但是，不變的總原則是，設計的重點是突出“內容”。內容是血肉之軀，是人們訪問網站的主要原因。因此，還需要考慮設計的規模。風格。

2.極簡主義出局，色彩在跳舞！

色彩作為表達個性的重要元素，在極簡風流行時被剝奪了。不過從去年開始，大面積漸變色塊似乎強勢回歸網頁布局的技巧，Asana 和 Asana 都在用飽和漸變進行品牌重塑。視覺基調，今年華麗的色彩和流動的漸變會更受歡迎；此外，用雙色調（）后期制作的圖像也可能是今年的趨勢。設計師 Sarah Hutto 預測，今年將是非常“時髦”的一年，期待強烈的色彩能夠刺激人們的視覺感官。

相比前兩年的明艷色彩，以及上面提到的艷麗色彩，越來越多的網站選擇黑色作為主色調。一點都不沉悶網頁布局的技巧，卻能在光輝的世界中脫穎而出。

3.華麗實用的動態效果

動態效果在當代網頁設計中發揮著舉足輕重的作用，今年沒有過時的跡象。相反，它將被更廣泛地使用。適當的動態效果對于突出重點和吸引注意力很有用。今年 SVG 和 CSS 創造的動態效果有望顯著增加，滾動視差 ( ) 越來越華麗。但設計師要考慮品牌或內容的內涵和每一個動態效果的意義，避免“為動而動”。

4.“微互動”創造小驚喜

“微交互”在網頁上也會越來越流行，比如鼠標懸停，點擊按鈕等網頁各個部件，以及滾動滾動的過程，及時細致的變化也可以有提示關鍵點。當然，就像動態效果一樣，設計師也需要把握“動”的含義和幅度，以免大驚小怪。

5.不失真、快速加載的 SVG 矢量圖形文件很受歡迎

與傳統的由像素組成的圖像格式JPG、PNG和GIF相比，近年來興起的可縮放矢量圖像SVG在網頁上具有更大的優勢。它將圖形與標記語言 (XML) 結合起來繪制矩形、圓形和線條。這是一件小事，復雜的填充物和形狀不難克服。它還可以輕松創建動態效果，并且不受分辨率的影響。無論使用什么屏幕或設備觀看，都不會破壞圖像質量。更重要的是，SVG 獲勝是因為它不需要 HTTP，可以大大提高網站加載速度。例如，這是一個用 SVG 繪制的背包。

6.大字體準確傳達品牌含義

首頁以大字體呈現品牌主題，這也將是今年隨處可見的趨勢。但是，“巨大”并不意味著加寬加粗，而是要使用合適的字體設計，以簡潔準確的方式表達產品的精神，而不是冗長的文字。字體與背景或顏色交互，或對字體創建動態效果，也是值得嘗試的。

7.虛擬現實技術結合內容

虛擬現實的話題從前年一直火到今年，科技巨頭對虛擬現實的投資絲毫沒有減弱的跡象，尤其是未來十年，將斥資30億美元聚焦關于虛擬現實的研究與開發。可以預見，技術會越來越成熟，越來越多的多媒體或品牌會利用虛擬現實技術“講故事”，為人們創造更加身臨其境的體驗。

8. 為不同用戶量身定制的內容

對于內容網站來說，將“正確的內容”有效地傳遞給“正確的用戶”是近年來非常看重的能力。但沒有多少人能擊中核心。因為要根據情況給出具體的內容，就要考慮不同用戶的不同特點。例如，用戶訪問網站的目的是個人使用還是工作？用戶從哪里來到網站？用戶此刻在做什么？他們之前在網站上的行為是什么？他們使用哪些電子設備訪問互聯網？他們當前是登錄還是退出？

這些功能的組合增加了復雜性，并且一些媒體使用“推薦閱讀”機制或例如算法來單獨確定不同的消息流。例如，Fubiz 使用“ ”讓用戶設置“身份”、“地區”和“目的”三個條件，為不同用戶篩選出最適合的內容。