年底的最后一個(gè)月是總結(jié)第一年，思考和展望下一年的月份。在廣州網(wǎng)頁設(shè)計(jì)中，這些設(shè)計(jì)趨勢(shì)將深刻影響設(shè)計(jì)師的設(shè)計(jì)方向。

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

　　完美對(duì)稱的時(shí)代已經(jīng)過去。雖然分屏設(shè)計(jì)在2017年變得一塌糊涂，但這種趨勢(shì)在逐漸沉淀和演變后開始改變。

　　均勻?qū)ΨQ的布局沒有不對(duì)稱分屏設(shè)計(jì)那么有表現(xiàn)力，使得不對(duì)稱網(wǎng)格逐漸流行。

　　為了使不對(duì)稱設(shè)計(jì)更加有效，設(shè)計(jì)師需要一些獨(dú)特的元素，使不對(duì)稱網(wǎng)格下的整體設(shè)計(jì)足夠平衡。在整體布局下，需要對(duì)留白、文字、圖片等視覺元素進(jìn)行合理搭配，以吸引用戶而不至于失衡。

　　網(wǎng)格也是這個(gè)設(shè)計(jì)必不可少的一部分。雖然整體上不對(duì)稱，但在網(wǎng)格的約束下，每個(gè)元素都可以各司其職，以免被隨意放置而失控。

　　更鮮艷的顏色

　　這兩年霓虹真的紅了，目前還站在時(shí)尚前沿。對(duì)于平面設(shè)計(jì)和材質(zhì)設(shè)計(jì)，亮色也是非常重要的組成部分。

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

　　固定元件懸掛在底部

　　曾經(jīng)流行于APP和移動(dòng)網(wǎng)頁底部的小廣告開始越來越多地出現(xiàn)在桌面網(wǎng)站上。有意思的是，廣告越來越多，還有對(duì)話框，彈出框，通知，甚至導(dǎo)航條。

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

　　語音交互和語義搜索

　　可想而知，網(wǎng)頁設(shè)計(jì)的未來不會(huì)是100%純視覺的，其中或多或少會(huì)設(shè)計(jì)音頻。

　　從設(shè)計(jì)一個(gè)可以“聽到”的界面，到設(shè)計(jì)一個(gè)可以理解自然語義的搜索工具，語音輸入將成為網(wǎng)頁交互不可或缺的一部分。目前在技術(shù)上，自然語言和語義不是那么容易被計(jì)算機(jī)完全理解，相應(yīng)的技術(shù)也不是那么普及，但是語音交互和語義搜索只會(huì)越來越普及。也許你需要關(guān)注這些技術(shù)的趨勢(shì)，以便在下一個(gè)項(xiàng)目中使用它們。動(dòng)態(tài)圖形

　　在即將到來的2017年，尖銳的多邊形和各種幾何形狀將頻繁出現(xiàn)在網(wǎng)頁上，但我們可以觀察到，結(jié)合動(dòng)態(tài)效果的軟圖形越來越受歡迎。

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

　　和多邊形類似，平滑的動(dòng)態(tài)圖形有明顯的裝飾性，網(wǎng)頁風(fēng)格和體驗(yàn)的推廣也很細(xì)致，但不同的是動(dòng)態(tài)圖形有更高的時(shí)尚價(jià)值，沒有尖銳的棱角，更有親和力和動(dòng)感。

　　微妙的動(dòng)畫

　　小而微妙的動(dòng)態(tài)效果不僅能取悅用戶，有時(shí)甚至?xí)層脩舸蟪砸惑@。如今，動(dòng)畫已經(jīng)成為網(wǎng)頁和UI設(shè)計(jì)中必不可少的一部分。他們還可以為用戶提供信息，積極引導(dǎo)用戶互動(dòng)。

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

　　懸停觸發(fā)的動(dòng)態(tài)圖片和復(fù)雜的插圖效果都是促進(jìn)用戶交互的重要手段。為了充分利用微妙的動(dòng)態(tài)效果，設(shè)計(jì)師在使用時(shí)應(yīng)該遵循一些基本規(guī)則：堅(jiān)持一個(gè)動(dòng)態(tài)效果技巧，盡可能保持真實(shí)感，模仿現(xiàn)實(shí)世界的物理規(guī)律，不要強(qiáng)行配音動(dòng)態(tài)效果，盡量保證動(dòng)態(tài)效果可靠，不要太慢，讓用戶期待它的完成。

　　SVG圖片

　　可縮放矢量圖形越來越多地用于網(wǎng)頁設(shè)計(jì)。SVG格式是一種輕量級(jí)的矢量圖片格式。這種格式的圖片尺寸一般不會(huì)太大，大小屏幕都能完美顯示。

　　無論是3D圖片、動(dòng)態(tài)圖片還是LOGO，SVG都可以很好的展現(xiàn)出來，這是圖片格式的未來。

　　兼容桌面和移動(dòng)分屏顯示

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

　　盡管許多早期的分屏顯示器是為不同的平臺(tái)定制的，但今天的分屏設(shè)計(jì)可以相對(duì)完美地與響應(yīng)設(shè)計(jì)相結(jié)合。

　　更多滾動(dòng)效果

　　視差滾動(dòng)變得如此流行，以至于一些設(shè)計(jì)師有意識(shí)地避免了這種“流行”。但這并不意味著你需要打滾。

　　通過滾動(dòng)來帶動(dòng)用戶參與互動(dòng)是一個(gè)很好的方式。適當(dāng)混合一些視差效果，往往可以達(dá)到奇效。比如上面的頁面Doggo  for  Hire巧妙地使用了視差滾動(dòng)效果。非極簡(jiǎn)風(fēng)下的白色空間

　　很多優(yōu)秀的設(shè)計(jì)都是利用留白實(shí)現(xiàn)的。但是，由于設(shè)計(jì)要求，我們不能使用簡(jiǎn)單的設(shè)計(jì)風(fēng)格。但是，留白還是很有用的。通過增加更多的色彩和設(shè)計(jì)元素，保持了留白的比例，增加了整個(gè)設(shè)計(jì)的豐滿度。這種情況下，空格不多，空格包圍的元素也會(huì)比較突出而不是擁擠。

　　網(wǎng)站設(shè)計(jì)日歷在這方面做的相當(dāng)不錯(cuò)。網(wǎng)站背景豐富多彩。雖然頁面中有很多元素，但空白的空間創(chuàng)造了足夠的呼吸感。

　　標(biāo)簽

　　隨著新需求的誕生，每年都會(huì)出現(xiàn)新的趨勢(shì)和新的設(shè)計(jì)技巧。設(shè)計(jì)師要想讓自己的設(shè)計(jì)不落伍，就需要密切關(guān)注潮流的變化。在即將到來的2018年，你可能不得不有意識(shí)地改變你的設(shè)計(jì)。