今年的最后一個(gè)月是今年的第一年，思考并期待下個(gè)月。經(jīng)過一年的沉淀和總結(jié)2017年，在最近的設(shè)計(jì)作品，重新設(shè)計(jì)甚至小規(guī)模的設(shè)計(jì)修訂中，我將看到一些將在2018年流行的設(shè)計(jì)趨勢(shì)。在網(wǎng)頁(yè)設(shè)計(jì)中，這些設(shè)計(jì)趨勢(shì)將深刻影響設(shè)計(jì)師的下一個(gè)設(shè)計(jì)方向。

　1、不對(duì)稱網(wǎng)格

完美對(duì)稱的時(shí)代已經(jīng)過去。雖然分屏設(shè)計(jì)在2017年變得如此受歡迎，但隨著逐漸降水和演變，這種趨勢(shì)開始發(fā)生變化。

均勻的對(duì)稱布局沒有不對(duì)稱的分屏設(shè)計(jì)是富有表現(xiàn)力的，這促使出現(xiàn)了不對(duì)稱網(wǎng)格。

為了使非對(duì)稱設(shè)計(jì)更有效，設(shè)計(jì)師需要一些獨(dú)特的元素，以使整體設(shè)計(jì)在不對(duì)稱網(wǎng)格下平衡。在整體布局下，空白，文本和圖像等視覺元素需要合理匹配，同時(shí)吸引用戶，并不是不平衡的。

網(wǎng)格也是此設(shè)計(jì)的組成部分。盡管整體是不對(duì)稱的，但是在網(wǎng)格的約束下，每個(gè)元素都可以被分配到它自己的位置，因此它不會(huì)隨意放置并且失去控制。

　　2、更多明亮的色彩

在過去兩年中，霓虹色已經(jīng)流行，而目前，它仍然是時(shí)尚前沿的強(qiáng)勢(shì)。對(duì)于平面設(shè)計(jì)和材料設(shè)計(jì)，明亮的顏色也是一個(gè)非常重要的部分。

除了平面設(shè)計(jì)外，大膽鮮艷的色彩總是引人矚目，它們會(huì)吸引人們進(jìn)入設(shè)計(jì)，注重設(shè)計(jì)。如果使用明亮的色彩，可以創(chuàng)造品牌和產(chǎn)品，為網(wǎng)站和應(yīng)用創(chuàng)造獨(dú)特的氛圍和氣質(zhì)，并創(chuàng)造迷人的情感和體驗(yàn)。

　3、底部懸浮固定元素

過去在應(yīng)用和移動(dòng)網(wǎng)頁(yè)底部流行的小廣告開始越來(lái)越多地出現(xiàn)在桌面設(shè)備上。有趣的是，越來(lái)越多的只是廣告，對(duì)話框，彈出窗口，通知甚至導(dǎo)航欄。

用戶閱讀的習(xí)慣使得這個(gè)位置在底部不會(huì)在第一時(shí)刻進(jìn)入用戶的視野，但它是主要的視野，沒有明顯的視覺攻擊性，更容易被接受。懸浮并固定在屏幕底部的內(nèi)容比彈出的大區(qū)域廣告和頂級(jí)廣告更自然。它不包括主要內(nèi)容，更有效。

　4、語(yǔ)音交互和語(yǔ)義搜索

可以想象，網(wǎng)頁(yè)設(shè)計(jì)的未來(lái)不是100％純粹的視覺，而是或多或少將設(shè)計(jì)為音頻。

從設(shè)計(jì)可以“聽到”的界面到理解自然語(yǔ)義的搜索工具，語(yǔ)音輸入成為網(wǎng)絡(luò)交互的一個(gè)組成部分。目前，技術(shù)上自然語(yǔ)言和語(yǔ)義并不容易被計(jì)算機(jī)完全理解，相應(yīng)的技術(shù)也不那么受歡迎，但語(yǔ)音交互和語(yǔ)義搜索只會(huì)越來(lái)越受歡迎，也許你需要注意?？纯催@些技術(shù)的方向，以便您可以在下一個(gè)項(xiàng)目中使用它們。

　5、動(dòng)態(tài)圖形

雖然在2017年即將出現(xiàn)的網(wǎng)頁(yè)中經(jīng)常會(huì)出現(xiàn)尖銳的多邊形和各種幾何形狀，但我們可以發(fā)現(xiàn)軟圖形與動(dòng)態(tài)效果的結(jié)合正變得越來(lái)越流行。

邊緣光滑的設(shè)計(jì)元素是多邊形元素的自然演變。多邊形主要以平面，二維形式出現(xiàn)，隨著動(dòng)態(tài)效果在網(wǎng)頁(yè)設(shè)計(jì)中的出現(xiàn)越來(lái)越多，具有三維效果的動(dòng)態(tài)圖形自然成為網(wǎng)頁(yè)設(shè)計(jì)師的心臟。

與多邊形相似，平滑的動(dòng)態(tài)圖形具有明顯的裝飾特征，對(duì)于改善網(wǎng)頁(yè)風(fēng)格和體驗(yàn)非常詳細(xì)。不同之處在于動(dòng)態(tài)圖形更時(shí)尚，沒有鋒利的邊緣，更加親密和動(dòng)態(tài)。

　6、微妙的動(dòng)畫

小而微妙的動(dòng)態(tài)效果不僅取悅了用戶，有時(shí)甚至讓他們感到驚訝。移動(dòng)性現(xiàn)在是Web和UI設(shè)計(jì)不可或缺的一部分，它還為用戶提供信息并主動(dòng)指導(dǎo)用戶交互。

微妙的運(yùn)動(dòng)本身并不是為了隱藏加載過程和數(shù)據(jù)處理過程，而是為了強(qiáng)調(diào)運(yùn)動(dòng)本身。

無(wú)論是懸停觸發(fā)的動(dòng)態(tài)圖像還是看似復(fù)雜的插圖畫家，它們都是促進(jìn)用戶互動(dòng)的重要手段。為了充分利用微妙的動(dòng)態(tài)效果，設(shè)計(jì)師在使用時(shí)應(yīng)遵循一些最基本的規(guī)則：堅(jiān)持動(dòng)態(tài)技術(shù)，盡可能保持現(xiàn)實(shí)，模仿現(xiàn)實(shí)世界的物理規(guī)律，不要使用強(qiáng)大的動(dòng)態(tài)配音，盡量確保動(dòng)作可靠而不是太慢，以便用戶可以期待它完成。

7、SVG圖片

可縮放矢量圖形越來(lái)越多地用于網(wǎng)頁(yè)設(shè)計(jì)。 SVG格式是一種輕量級(jí)矢量圖像格式，通常不會(huì)太大，可以在大屏幕和小屏幕上完美呈現(xiàn)。

無(wú)論是3D圖片，動(dòng)態(tài)圖片還是徽標(biāo)LOGO，SVG都是一個(gè)很好的展示，它是圖片格式的未來(lái)。

　　8、兼容桌面端和移動(dòng)端分屏展示

分屏設(shè)計(jì)也是一種越來(lái)越流行的設(shè)計(jì)技術(shù)。分屏設(shè)計(jì)使設(shè)計(jì)人員能夠更好地考慮桌面和移動(dòng)體驗(yàn)，因?yàn)閮?nèi)容更自由地顯示，可以拆分和合并顯示，使內(nèi)容更加一致，體驗(yàn)更加可控。

雖然許多早期的分屏顯示器都是針對(duì)不同平臺(tái)量身定制的，但今天的分屏設(shè)計(jì)可以與響應(yīng)式設(shè)計(jì)相得益彰。

　9、更多滾動(dòng)動(dòng)效

視差滾動(dòng)變得如此受歡迎，以至于一些設(shè)計(jì)師已經(jīng)開始有意識(shí)地規(guī)避這種“受歡迎程度”。但這并不意味著您需要繞過滾動(dòng)效果。

推動(dòng)用戶通過滾動(dòng)效果參與互動(dòng)是個(gè)好主意。適當(dāng)混合一些視差效果通?？梢赃_(dá)到神奇的效果。例如，上面的Doggo for Hire頁(yè)面巧妙地使用了視差滾動(dòng)效果。

　10、非極簡(jiǎn)風(fēng)下的留白

許多出色的設(shè)計(jì)都使用白色空間來(lái)實(shí)現(xiàn)效果。但在許多情況下，由于設(shè)計(jì)要求而做出妥協(xié)，并且不能使用簡(jiǎn)單的設(shè)計(jì)風(fēng)格。但是通過添加更多顏色和設(shè)計(jì)元素，保持白度比并增加設(shè)計(jì)的豐滿度，白色空間仍然非常好。在這種情況下，沒有太多的空白區(qū)域，被白色空間包圍的元素也會(huì)突出而不會(huì)擁擠。

設(shè)計(jì)日歷這個(gè)網(wǎng)站在這方面更為突出。該網(wǎng)站使用彩色背景，雖然頁(yè)面上有很多內(nèi)容元素，但白色空間營(yíng)造出一種呼吸感。

　　結(jié)語(yǔ)

隨著新需求的誕生，新趨勢(shì)和新設(shè)計(jì)技術(shù)每年都會(huì)出現(xiàn)。為了使您的設(shè)計(jì)永不過時(shí)，設(shè)計(jì)師需要密切關(guān)注趨勢(shì)的變化。在即將到來(lái)的2018年，您可能需要有意識(shí)地改變您的設(shè)計(jì)。

« 網(wǎng)站設(shè)計(jì)缺乏創(chuàng)造力？視差滾動(dòng)網(wǎng)站設(shè)計(jì)使您與眾不同 | 錢盆網(wǎng)：P2P正式確認(rèn)，合規(guī)流程加快了步伐 »