年底的最后一個月是總結第一年,思考和展望下一年的月份。在廣州網頁設計中,這些設計趨勢將深刻影響設計師的設計方向。
不對稱網格
完美對稱的時代已經過去。雖然分屏設計在2017年變得一塌糊涂,但這種趨勢在逐漸沉淀和演變后開始改變。
均勻對稱的布局沒有不對稱分屏設計那么有表現力,使得不對稱網格逐漸流行。
為了使不對稱設計更加有效,設計師需要一些獨特的元素,使不對稱網格下的整體設計足夠平衡。在整體布局下,需要對留白、文字、圖片等視覺元素進行合理搭配,以吸引用戶而不至于失衡。
網格也是這個設計必不可少的一部分。雖然整體上不對稱,但在網格的約束下,每個元素都可以各司其職,以免被隨意放置而失控。
更鮮艷的顏色
這兩年霓虹真的紅了,目前還站在時尚前沿。對于平面設計和材質設計,亮色也是非常重要的組成部分。
除了平面設計,大膽明亮的色彩總是引人注目,會吸引人們進入,關注設計。鮮艷的顏色,如果使用得當,可以打造品牌和產品,為網站和應用創造獨特的氛圍和氣質,創造迷人的情感和體驗。
固定元件懸掛在底部
曾經流行于APP和移動網頁底部的小廣告開始越來越多地出現在桌面網站上。有意思的是,廣告越來越多,還有對話框,彈出框,通知,甚至導航條。
用戶的閱讀習慣使得底部這個位置并不是第一時間進入用戶視野,而是主視野,沒有明顯的視覺攻擊性,更容易被接受。屏幕底部懸浮固定的內容比彈出式大面積廣告和頂部廣告更自然,不會覆蓋主要內容,更有效。
語音交互和語義搜索
可想而知,網頁設計的未來不會是100%純視覺的,其中或多或少會設計音頻。
從設計一個可以“聽到”的界面,到設計一個可以理解自然語義的搜索工具,語音輸入將成為網頁交互不可或缺的一部分。目前在技術上,自然語言和語義不是那么容易被計算機完全理解,相應的技術也不是那么普及,但是語音交互和語義搜索只會越來越普及。也許你需要關注這些技術的趨勢,以便在下一個項目中使用它們。動態圖形
在即將到來的2017年,尖銳的多邊形和各種幾何形狀將頻繁出現在網頁上,但我們可以觀察到,結合動態效果的軟圖形越來越受歡迎。
邊緣光滑的設計元素是多邊形元素的自然演化。多邊形大多是平面和二維的,隨著動態效果在網頁設計中的出現越來越多,具有三維效果的動態圖形自然成為網頁設計師的心臟。
和多邊形類似,平滑的動態圖形有明顯的裝飾性,網頁風格和體驗的推廣也很細致,但不同的是動態圖形有更高的時尚價值,沒有尖銳的棱角,更有親和力和動感。
微妙的動畫
小而微妙的動態效果不僅能取悅用戶,有時甚至會讓用戶大吃一驚。如今,動畫已經成為網頁和UI設計中必不可少的一部分。他們還可以為用戶提供信息,積極引導用戶互動。
細微的動態效果本身并不是為了隱藏加載和數據處理的過程,而是為了強調運動本身。
懸停觸發的動態圖片和復雜的插圖效果都是促進用戶交互的重要手段。為了充分利用微妙的動態效果,設計師在使用時應該遵循一些基本規則:堅持一個動態效果技巧,盡可能保持真實感,模仿現實世界的物理規律,不要強行配音動態效果,盡量保證動態效果可靠,不要太慢,讓用戶期待它的完成。
SVG圖片
可縮放矢量圖形越來越多地用于網頁設計。SVG格式是一種輕量級的矢量圖片格式。這種格式的圖片尺寸一般不會太大,大小屏幕都能完美顯示。
無論是3D圖片、動態圖片還是LOGO,SVG都可以很好的展現出來,這是圖片格式的未來。
兼容桌面和移動分屏顯示
分屏設計也是越來越流行的設計技巧。分屏設計讓設計師能夠更好地考慮桌面和移動的體驗,因為內容顯示更加自由,可以拆分、合并和堆疊,使內容顯示更加一致,體驗更加可控。
盡管許多早期的分屏顯示器是為不同的平臺定制的,但今天的分屏設計可以相對完美地與響應設計相結合。
更多滾動效果
視差滾動變得如此流行,以至于一些設計師有意識地避免了這種“流行”。但這并不意味著你需要打滾。
通過滾動來帶動用戶參與互動是一個很好的方式。適當混合一些視差效果,往往可以達到奇效。比如上面的頁面Doggo for Hire巧妙地使用了視差滾動效果。非極簡風下的白色空間
很多優秀的設計都是利用留白實現的。但是,由于設計要求,我們不能使用簡單的設計風格。但是,留白還是很有用的。通過增加更多的色彩和設計元素,保持了留白的比例,增加了整個設計的豐滿度。這種情況下,空格不多,空格包圍的元素也會比較突出而不是擁擠。
網站設計日歷在這方面做的相當不錯。網站背景豐富多彩。雖然頁面中有很多元素,但空白的空間創造了足夠的呼吸感。
標簽
隨著新需求的誕生,每年都會出現新的趨勢和新的設計技巧。設計師要想讓自己的設計不落伍,就需要密切關注潮流的變化。在即將到來的2018年,你可能不得不有意識地改變你的設計。