辭舊迎新，2018年的十大網(wǎng)頁設(shè)計(jì)趨勢

2017年風(fēng)光不再，現(xiàn)在是回顧過去一年的成就，并開始思考未來設(shè)計(jì)的好時(shí)機(jī)。
看看最近的設(shè)計(jì)，重新設(shè)計(jì)，甚至只是設(shè)計(jì)的調(diào)整，一些截然不同的趨勢正在成為2018年的領(lǐng)跑者。下面看看一些可能會(huì)流行的廣州網(wǎng)站建設(shè)趨勢（其中許多概念也可用于印刷設(shè)計(jì)）。
1.不對稱的網(wǎng)格
完美對稱的時(shí)代結(jié)束了。雖然分屏設(shè)計(jì)是2017年的一大趨勢，但完美的半個(gè)視覺輪廓正在不斷演變。
設(shè)計(jì)師正在用更不對稱的網(wǎng)格模式將屏幕上的視覺元素分開。
為了使這個(gè)概念有效，需要有一個(gè)獨(dú)特的元素平衡，以便設(shè)計(jì)的一面不會(huì)壓倒一切。空間和文本元素往往平衡視覺效果，以幫助吸引整個(gè)設(shè)計(jì)。
而這一切都在一起，因?yàn)樵O(shè)計(jì)仍然生活在一個(gè)網(wǎng)格，這有助于保持一切組織。（上面的波浪俱樂部設(shè)計(jì)中的元素是以這樣的方式組織的，這就是為什么不對稱設(shè)計(jì)感覺如此平衡。）
2.更明亮的顏色
明亮的色彩似乎是只是想要堅(jiān)持下去的設(shè)計(jì)趨勢。這是平面設(shè)計(jì)的重要組成部分，對于材料設(shè)計(jì)同樣重要，這兩個(gè)概念仍然是很多項(xiàng)目的一部分。
即使沒有平面或材質(zhì)的特征，大膽的色彩也引人注目，可以幫助吸引用戶進(jìn)入設(shè)計(jì)。明亮和大膽的顏色選擇有一個(gè)新的感覺和年輕用戶的吸引力。
這些顏色的選擇也可以創(chuàng)造一個(gè)意想不到的審美，并創(chuàng)造一個(gè)網(wǎng)站和公司，可能不知道這個(gè)基調(diào)的樂趣氣氛。上面的福特公司并不是一個(gè)進(jìn)步的髖關(guān)節(jié)公司，但是為了使可驅(qū)動(dòng)的微型網(wǎng)站的設(shè)計(jì)散發(fā)出這些情緒。
3.底部粘性元素
所有那些位于應(yīng)用程序和移動(dòng)網(wǎng)站底部的小廣告也正在進(jìn)入桌面和平板電腦設(shè)計(jì)領(lǐng)域。而且這不僅是在屏幕下方的廣告，聊天框，彈出窗口，通知甚至導(dǎo)航元素都粘在屏幕的底部。
這個(gè)不那么突出的位置是主要的觀看區(qū)域，而移動(dòng)用戶已經(jīng)訓(xùn)練了用戶這些類型的位置是可以接受的。
如果工作。屏幕底部的一個(gè)廣告，比如上面的“粗麻布”和“藍(lán)色”博客中的廣告，似乎比銘牌廣告的方式要少得多。用戶仍然可以看到它，但不會(huì)遮蓋內(nèi)容。
4.語音和自然語言搜索
網(wǎng)頁設(shè)計(jì)的未來不是百分之百的可視化。其中一些會(huì)被聽到。
從設(shè)計(jì)可以“聽到”和理解語音命令的界面到結(jié)合模仿自然語言的搜索術(shù)語，整合語音和語言世界將成為網(wǎng)站設(shè)計(jì)項(xiàng)目的當(dāng)務(wù)之急。
雖然其他一些趨勢在2018年底可能不會(huì)更受歡迎，但是語音和自然語言搜索的使用和流行度只會(huì)越來越高。您現(xiàn)在應(yīng)該開始計(jì)劃，以便您可以輕松地將其整合到未來的項(xiàng)目中。
5.流體形狀
雖然2017年更為銳利的多邊形和幾何形狀較大，但更流暢的外觀，甚至動(dòng)畫更柔和的形狀越來越受歡迎。
更平滑的線條是多邊形趨勢的自然進(jìn)展。當(dāng)Design Shack在今年早些時(shí)候展示了多晶形狀的趨勢時(shí)，這個(gè)描述說：“這種多功能趨勢的最好的部分之一就是每種設(shè)計(jì)都是如此不同。...多邊形通常是扁平的，二維的形狀，雖然在網(wǎng)站項(xiàng)目中，一些多邊形動(dòng)畫移動(dòng)，似乎有更多的三維特征。
相同的特性適用于更流暢的形狀; 關(guān)鍵的區(qū)別在于，不是尖銳的相交線，而是每個(gè)形狀都是在整個(gè)設(shè)計(jì)中流動(dòng)的平滑曲線。
6.微妙的動(dòng)畫
小而簡單的動(dòng)畫可以讓用戶驚喜。他們還可以幫助提供信息，并引導(dǎo)用戶更積極地參與設(shè)計(jì)。
但微妙的動(dòng)畫不是隱藏滯后時(shí)間的加載特性，而是設(shè)計(jì)本身的運(yùn)動(dòng)。
從懸停狀態(tài)到cinemagraphs，再到看似簡單的插圖，微妙的移動(dòng)可以成為幫助創(chuàng)建用戶互動(dòng)的重要工具。為了充分利用設(shè)計(jì)中的微妙動(dòng)畫，遵循一些基本規(guī)則：只挑一個(gè)動(dòng)畫“訣竅”并堅(jiān)持下去，動(dòng)畫應(yīng)該感覺逼真，模仿物理定律，不要強(qiáng)制聲音或點(diǎn)擊動(dòng)作動(dòng)畫，并確保動(dòng)畫播放的可靠循環(huán)，以便用戶知道動(dòng)畫何時(shí)完成。（這是一個(gè)跡象，他們可以繼續(xù)做他們首先來到網(wǎng)站的東西。）
7. SVG圖像
可縮放的矢量圖形正變得越來越普遍，因?yàn)榫W(wǎng)站的因素圖像類型。SVG是輕量級的矢量圖像，確保圖形，圖標(biāo)和標(biāo)志看起來像素完美無論屏幕大小或分辨率。
所有的高分辨率顯示器都有助于這種文件格式的上升。
SVG在靜態(tài)和多媒體圖像體驗(yàn)（包括3D圖像，cinemagraphs，標(biāo)志動(dòng)畫和360度攝影）方面也可以很好地工作。
8.分屏桌面，堆疊移動(dòng)
分屏設(shè)計(jì)模式只是越來越受歡迎。即使是更完美的分裂風(fēng)格。
這些設(shè)計(jì)非常受歡迎，因?yàn)樗鼈冊谧烂嫫聊缓鸵苿?dòng)設(shè)備上都提供了不錯(cuò)的體驗(yàn)，因?yàn)椴鸱謨?nèi)容并排顯示并堆疊得很好。（這樣用戶就可以獲得一致的設(shè)備特定體驗(yàn)。）
雖然許多早期的分屏設(shè)計(jì)是真正的分割，但許多設(shè)計(jì)師都選擇了分屏，再加上文字或品牌的頂層，以提供更深的效果。
9.更多的滾動(dòng)動(dòng)畫
視差滾動(dòng)動(dòng)畫已經(jīng)非常流行，一些設(shè)計(jì)師開始回避他們。但是，這并不意味著你必須完全滾動(dòng)動(dòng)畫。
還有很多其他方式可以使用滾動(dòng)來鼓勵(lì)用戶參與。（你也可以混合一點(diǎn)視差，只是不要發(fā)瘋。）
上面的Doggo for Hire，使用滾動(dòng)的動(dòng)畫，當(dāng)用戶滾動(dòng)時(shí)，在狗的圖片上滴下五彩紙屑。滾動(dòng)決定了五彩紙屑的落下速度（甚至在狗臉上的表情）?？焖贊L動(dòng)以獲得視頻體驗(yàn); 滾動(dòng)速度較慢，以獲取屏幕左側(cè)的所有內(nèi)容。
尋找更多的動(dòng)畫靈感？在這里找到它。
10.沒有極簡主義的白色空間
設(shè)計(jì)師喜歡白色空間。（我們很多人也喜歡極簡主義，即使客戶不喜歡這么多。）
妥協(xié)是用大量的空白空間設(shè)計(jì)，但具有更少的簡約感。通過增加更多的顏色和設(shè)計(jì)元素到一個(gè)有很多空間的設(shè)計(jì)中，它可以感覺更加飽滿。
“設(shè)計(jì)日歷”在使用空間方面做得非常出色，并且同時(shí)包含了內(nèi)容和元素 - 請務(wù)必點(diǎn)擊該示例并滾動(dòng)瀏覽以查看實(shí)際情況 - 這樣就有足夠的空間讓超大的元素呼吸。
設(shè)計(jì)師們正在以其他方式使用白色空間?；仡櫰渌S多前面提到的趨勢，還有空白空間的作用。
結(jié)論
新一年的開始是否能激勵(lì)你嘗試新的東西？這將是你的決議之一嗎？
只要確保小心使用設(shè)計(jì)趨勢。有時(shí)候，最好的想法會(huì)變得過時(shí)。其他人則以更永恒的感覺結(jié)束; 語音接口可能在這里停留一段時(shí)間。嘗試一下，改變現(xiàn)有的設(shè)計(jì)，玩得開心。這就是玩設(shè)計(jì)趨勢的全部內(nèi)容。