2018年網站設計五大流行趨勢預測

網站設計趨勢每年都會有或多或少的演變，有的是在全新的角度進行改革，有的是把原有手法運用得越加純熟。在新的2018年，網站設計又會往怎樣的方向發展呢？以下小編基於個人思考預測網站設計在2018年的五大流行趨勢，分享給大家一起交流探討。

一、時代的錯位碰撞

2018年的網站設計潮流將會呈現一種時代的錯位感，復古式設計或者未來式設計，總之是現代人比較少看到或者感知得到的場景，因此也給設計師足夠的想像發揮空間。

復古式設計，藉助過去年代的特色元素來創造懷舊的氛圍，如童年常見長大消失的老式器物、筆觸厚重輪廓分明的幾何圖形、明亮霓虹燈質感的配色、傳統粗獷的字體、斑駁古樸的紋理等。別擔心古舊的東西看起來很老很土，要知道時尚就是一次又一次的經典輪迴。

未來式設計，多用藍黑灰色調、射線顆粒、天文宇宙元素，呈現一種愛因斯坦式的高端思維，其著眼點更多是打造一種未來次元的空間維度，所以往往給人一種眼界大開、不明覺厲的即視感。

二、幾何元素的活用

矩形、圓形、方形、三角形……如今的網站設計把幾何元素玩得越來越驚艷了，幾何元素的適配性強，而且很好把控，很多時候只需要小小的調整，立馬就讓網站有一個大幅度的視覺改觀。

例如，在網站的分欄利用幾何圖形進行版面切割。像CARITIER YAILISI用「凡科建站」自助搭建的網站，正方形的分欄內套圓形、矩形形成雙重分割，呈現出高逼格的強力視覺衝擊。

在網站的純色背景也可以搭配幾何元素，能夠更好地地提升畫面背景的質感，把頁面中的其他元素襯托得更有吸引力。

用幾何形狀來打造的文字標題會顯得更有辨析度。像Kocha網站將「ABOUT KOCHA」字體進行幾何化變形，鮮艷亮麗的配色帶著一種童稚的美感，讓人感受到創意的奇妙之力。

別以為幾何元素就只能是實心的，事實上幾何元素也能以空心線框的外觀存在，它的勾勒作用可以讓重點更為突出，更吸引注意力，特別適用於在BANNER設計上。像以下「凡科建站」的幾個網站模板BANNER設計都是採取了在BANNER標題加上線框以聚焦視覺的手法。

三、不在頂部的導航欄

2018年的網站導航欄放在哪裡最流行？哪裡都行，總之肯定不在頂部。越來越多獨樹一幟的網站設計師捨棄了傳統的頂部導航，在導航欄設計玩出了多種創新花樣。

放側邊和底部是最受歡迎的，側邊導航可以與BANNER融為一體，也可以用與BANNER主色對比強烈的純色進行打底，兩種手法都能給訪客獨特的視覺觀感。

底部導航則適合探索能力比較強的年輕群體，同時免去考慮導航與BANNER的相稱性，在設計上可以更自由。

更極端的，是讓整個頁面都是導航，有別於以BANNER為主體的常規網站首頁，而是一打開網站就是一個全屏的導航，讓用戶更快捷地切換到不同的頁面，顯得相當大膽而前衛。

或者是乾脆沒有了導航，把導航隱藏起來。與全屏導航是相反的設計邏輯，不是開門見山地刷足存在感，而是低調地等待著你的尋覓。當然，這個尋覓過程是十分簡單的，只要把滑鼠移至某個標示或者點擊就能讓導航現身了。隱藏式導航能最大幅度地展現網站內容，減少非關鍵信息的干擾。

四、極簡與留白

簡約風格與舒適留白，是一個永不落伍的潮流，沒人會抗拒清新而整潔的頁面。我們總是在想，要把設計做得有多麼的「大包圍」，有多麼的鶴立雞群，有多麼的另類怪誕，才能讓閱物無數的用戶停下來多看一眼，事實上都是在鑽牛角尖。捨棄繁雜的極簡併不是削弱存在感的做法，相反，其實是突出美感的妙方。少即是多，無物勝有物，正因為是簡單的東西，反而能讓用戶一眼就看出你的美。

許多優秀的極簡風設計都會藉助留白來達到效果，例如為視覺主體增加留白，去除多餘的分散注意力的元素，讓視覺主題突顯出來。或者在多元素的場合，讓元素與元素之間都留有了適度的距離，呈現出一種呼吸感。當然，留白並不局限於留出白色，留白的「白」不純粹指代顏色的「白」，而是理解為「空白」，只要是無物、無信息、無裝飾的空間都能算作是留白，像以下「凡科建站」的幾個網站模板，其實都是留白手法的典型應用。

五、手繪插畫

如果說有什麼方法能讓網站脫穎而出，手繪插畫無疑是彰顯獨特個性的絕佳方式。在2017年我們看到不少優秀網站都會在頁面加入手繪插畫元素，想必在2018年這個趨勢更是漸入佳境。

不同於電腦合成，手繪插畫打破了套路，每個創作者的閱歷、風格、技法都不盡相同，所以造就了手繪的不可複製，具有鮮明的個人辨析度，不再是流水線上規規矩矩產出的量化品，而是跳出模印的「異類」。再者，手繪是親切的，不是那種冷冰冰的機械製作，少了冷硬，多了柔軟，少了疏遠，多了親和，洋溢著美好而溫暖的人情味，因為情真意切，所以更能激起情感共鳴。

前度時間阿里AI每秒製作8000張海報引起了不少關注，也許未來真的會有越來越多的數碼製作取代人手工作，但我們始終相信，手繪是不會式微的，要畫出生命里的動人時光，要畫出內心裡的溫柔情愫，還是需要手工製作的溫度與真誠的。

時代錯位、幾何元素、創新導航欄、極簡留白、手繪插畫，如果需要在2018年進行網站設計或者改版，不妨嘗試把以上手法應用其中吧~

推薦閱讀：