網站設計(jì)趨勢每年都(dōu)會(huì)有(yǒu)或多或少(shǎo)的(de)演變，有(yǒu)的(de)是在全新的(de)角度進行(xíng)改革，有(yǒu)的(de)是把原有(yǒu)手法運用(yòng)得越加純熟。在新的(de)2018年，網站設計(jì)又(yòu)會(huì)往怎樣的(de)方向發展呢？以下小(xiǎo)編基于個(gè)人(rén)思考預測網站設計(jì)在2018年的(de)五大(dà)流行(xíng)趨勢，分(fēn)享給大(dà)家一起交流探討(tǎo)。
一、時代的(de)錯位碰撞
2018年的(de)網站設計(jì)潮流将會(huì)呈現一種時代的(de)錯位感，複古式設計(jì)或者未來式設計(jì)，總之是現代人(rén)比較少(shǎo)看到(dào)或者感知得到(dào)的(de)場(chǎng)景，因此也(yě)給設計(jì)師(shī)足夠的(de)想象發揮空間。
複古式設計(jì)，借助過去年代的(de)特色元素來創造懷舊的(de)氛圍，如(rú)童年常見長大(dà)消失的(de)老式器(qì)物(wù)、筆(bǐ)觸厚重輪廓分(fēn)明(míng)的(de)幾何圖形、明(míng)亮霓虹燈質感的(de)配色、傳統粗犷的(de)字體、斑駁古樸的(de)紋理(lǐ)等。别擔心古舊的(de)東西(xī)看起來很老很土(tǔ)，要知道時尚就是一次又(yòu)一次的(de)經典輪回。
未來式設計(jì)，多用(yòng)藍黑(hēi)灰色調、射線顆粒、天文(wén)宇宙元素，呈現一種愛因斯坦式的(de)高(gāo)端思維，其著(zhe)眼點更多是打造一種未來次元的(de)空間維度，所以往往給人(rén)一種眼界大(dà)開(kāi)、不明(míng)覺厲的(de)即視感。
二、幾何元素的(de)活用(yòng)
矩形、圓形、方形、三角形……如(rú)今的(de)網站設計(jì)把幾何元素玩得越來越驚豔了，幾何元素的(de)适配性強，而且很好把控，很多時候隻需要小(xiǎo)小(xiǎo)的(de)調整，立馬就讓網站有(yǒu)一個(gè)大(dà)幅度的(de)視覺改觀。
例如(rú)，在網站的(de)分(fēn)欄利用(yòng)幾何圖形進行(xíng)版面切割。像CARITIER YAILISI用(yòng)“凡科建站”自助搭建的(de)網站，正方形的(de)分(fēn)欄内套圓形、矩形形成雙重分(fēn)割，呈現出高(gāo)逼格的(de)強力視覺沖擊。
在網站的(de)純色背景也(yě)可(kě)以搭配幾何元素，能(néng)夠更好地(dì)地(dì)提升畫面背景的(de)質感，把頁面中的(de)其他(tā)元素襯托得更有(yǒu)吸引力。
用(yòng)幾何形狀來打造的(de)文(wén)字标題會(huì)顯得更有(yǒu)辨析度。像Kocha網站将“ABOUT KOCHA”字體進行(xíng)幾何化變形，鮮豔亮麗(lì)的(de)配色帶著(zhe)一種童稚的(de)美(měi)感，讓人(rén)感受到(dào)創意的(de)奇妙之力。
别以爲幾何元素就隻能(néng)是實心的(de)，事實上(shàng)幾何元素也(yě)能(néng)以空心線框的(de)外觀存在，它的(de)勾勒作用(yòng)可(kě)以讓重點更爲突出，更吸引注意力，特别适用(yòng)于在BANNER設計(jì)上(shàng)。像以下“凡科建站”的(de)幾個(gè)網站模闆BANNER設計(jì)都(dōu)是采取了在BANNER标題加上(shàng)線框以聚焦視覺的(de)手法。
三、不在頂部的(de)導航欄
2018年的(de)網站導航欄放(fàng)在哪裏最流行(xíng)？哪裏都(dōu)行(xíng)，總之肯定不在頂部。越來越多獨樹一幟的(de)網站設計(jì)師(shī)舍棄了傳統的(de)頂部導航，在導航欄設計(jì)玩出了多種創新花樣。
放(fàng)側邊和(hé)底部是最受歡迎的(de)，側邊導航可(kě)以與BANNER融爲一體，也(yě)可(kě)以用(yòng)與BANNER主色對比強烈的(de)純色進行(xíng)打底，兩種手法都(dōu)能(néng)給訪客獨特的(de)視覺觀感。
底部導航則适合探索能(néng)力比較強的(de)年輕群體，同時免去考慮導航與BANNER的(de)相(xiàng)稱性，在設計(jì)上(shàng)可(kě)以更自由。
更極端的(de)，是讓整個(gè)頁面都(dōu)是導航，有(yǒu)别于以BANNER爲主體的(de)常規網站首頁，而是一打開(kāi)網站就是一個(gè)全屏的(de)導航，讓用(yòng)戶更快捷地(dì)切換到(dào)不同的(de)頁面，顯得相(xiàng)當大(dà)膽而前衛。
或者是幹脆沒有(yǒu)了導航，把導航隐藏起來。與全屏導航是相(xiàng)反的(de)設計(jì)邏輯，不是開(kāi)門見山地(dì)刷足存在感，而是低調地(dì)等待著(zhe)你(nǐ)的(de)尋覓。當然，這個(gè)尋覓過程是十分(fēn)簡單的(de)，隻要把鼠标移至某個(gè)标示或者點擊就能(néng)讓導航現身了。隐藏式導航能(néng)最大(dà)幅度地(dì)展現網站内容，減少(shǎo)非關鍵信息的(de)幹擾。
四、極簡與留白
簡約風格與舒适留白，是一個(gè)永不落伍的(de)潮流，沒人(rén)會(huì)抗拒清新而整潔的(de)頁面。我們總是在想，要把設計(jì)做得有(yǒu)多麽的(de)“大(dà)包圍”，有(yǒu)多麽的(de)鶴立雞群，有(yǒu)多麽的(de)另類怪誕，才能(néng)讓閱物(wù)無數的(de)用(yòng)戶停下來多看一眼，事實上(shàng)都(dōu)是在鑽牛角尖。舍棄繁雜的(de)極簡并不是削弱存在感的(de)做法，相(xiàng)反，其實是突出美(měi)感的(de)妙方。少(shǎo)即是多，無物(wù)勝有(yǒu)物(wù)，正因爲是簡單的(de)東西(xī)，反而能(néng)讓用(yòng)戶一眼就看出你(nǐ)的(de)美(měi)。
許多優秀的(de)極簡風設計(jì)都(dōu)會(huì)借助留白來達到(dào)效果，例如(rú)爲視覺主體增加留白，去除多餘的(de)分(fēn)散注意力的(de)元素，讓視覺主題突顯出來。或者在多元素的(de)場(chǎng)合，讓元素與元素之間都(dōu)留有(yǒu)了适度的(de)距離(lí)，呈現出一種呼吸感。當然，留白并不局限于留出白色，留白的(de)“白”不純粹指代顔色的(de)“白”，而是理(lǐ)解爲“空白”，隻要是無物(wù)、無信息、無裝飾的(de)空間都(dōu)能(néng)算作是留白，像以下“凡科建站”的(de)幾個(gè)網站模闆，其實都(dōu)是留白手法的(de)典型應用(yòng)。
五、手繪插畫
如(rú)果說有(yǒu)什(shén)麽方法能(néng)讓網站脫穎而出，手繪插畫無疑是彰顯獨特個(gè)性的(de)絕佳方式。在2017年我們看到(dào)不少(shǎo)優秀網站都(dōu)會(huì)在頁面加入手繪插畫元素，想必在2018年這個(gè)趨勢更是漸入佳境。
不同于電腦(nǎo)合成，手繪插畫打破了套路(lù)，每個(gè)創作者的(de)閱曆、風格、技法都(dōu)不盡相(xiàng)同，所以造就了手繪的(de)不可(kě)複制(zhì)，具有(yǒu)鮮明(míng)的(de)個(gè)人(rén)辨析度，不再是流水(shuǐ)線上(shàng)規規矩矩産出的(de)量化品，而是跳出模印的(de)“異類”。再者，手繪是親切的(de)，不是那種冷(lěng)冰冰的(de)機械制(zhì)作，少(shǎo)了冷(lěng)硬，多了柔軟，少(shǎo)了疏遠，多了親和(hé)，洋溢著(zhe)美(měi)好而溫暖的(de)人(rén)情味，因爲情真意切，所以更能(néng)激起情感共鳴。
前度時間阿裏AI每秒制(zhì)作8000張海(hǎi)報引起了不少(shǎo)關注，也(yě)許未來真的(de)會(huì)有(yǒu)越來越多的(de)數碼制(zhì)作取代人(rén)手工(gōng)作，但(dàn)我們始終相(xiàng)信，手繪是不會(huì)式微的(de)，要畫出生命裏的(de)動人(rén)時光(guāng)，要畫出内心裏的(de)溫柔情愫，還是需要手工(gōng)制(zhì)作的(de)溫度與真誠的(de)。
時代錯位、幾何元素、創新導航欄、極簡留白、手繪插畫，如(rú)果需要在2018年進行(xíng)網站設計(jì)或者改版，不妨嘗試把以上(shàng)手法應用(yòng)其中吧(ba)~
