您的位置:首頁>設計>正文

精華:2018年設計師必知的10大設計趨勢

1 不對稱網路設計

不得不說, 2017年分屏設計曾火得一塌糊塗, 然而經過沉澱和演進也慢慢有了新的變化。

相較于完美對稱的表現形式, 不對稱式的分屏設計明顯更具有表現力, 這也促使不對稱網路的流行和發展。

為了達到更好的使用者體驗, 設計師需要在整體佈局下, 對留白, 文本和圖片等視覺元素需要進行合理的配比, 在吸引用戶的同時, 不至於失衡。

2 明亮色彩重回大眾視線

善於觀察的朋友應該都發現了幾兩年霓虹色的在各類平面設計中的普遍使用, 並且就目前來看, 它依然非常堅挺地站在流行的最前沿。

對於扁平化設計和Material Design, 明亮的色彩同樣是非常重要的組成部分。

這類大膽明亮色彩, 用不好就是低級搭配, 一旦用好了, 可以引入注目吸引更多人的目光和關注, 甚至能夠成就品牌和產品, 為網站和APP創造獨特的氛圍和氣質, 營造出令人著迷的情緒和體驗。

3 底部懸浮固定元素

曾經流行於APP和移動端網頁底部的小廣告開始越來越多地出現於桌面端的網站了。 而有意思的地方在於, 出現得越來越多的不僅僅是廣告, 還有對話方塊, 彈出框, 通知, 甚至巡覽列。

用戶閱讀的習慣使得底部的這個位置並不會第一時刻進入用戶視野, 但是它是主要的視野區域, 並且不具備明顯的視覺侵略性, 更容易被接受。

被懸浮固定在螢幕底部的內容比起彈出的大面積廣告以及頂部廣告要來的更加自然, 不會遮蓋到主要內容, 更為有效。

4 語音交互和語義搜索

可以想見的是, 網頁設計的未來不會是100%純視覺的, 其中或多或少會設計到音訊。

從設計可以被「聽到」的介面, 到可以理解自然語義的搜索工具, 語音的輸入將會成為網頁交互的一個組成部分。 就目前來看, 技術上自然語言和語義並不那麼容易被電腦爭取而完整地理解, 相應的技術也還沒有那麼受歡迎, 但是語音交互和語義搜索只會越來越流行, 也許你需要注意一下這些技術的走向, 以便你在接下來的專案中使用到它們。

5 動態圖形

雖然即將過去的2017年當中, 銳利的多邊形和多樣的幾何形狀在網頁中出現頻率很高,

但是我們可以觀察到, 結合動態效果的柔和的圖形倒是越來越流行了。

邊緣平滑的設計項目是多邊形元素的自然進化。 多邊形大多以扁平、二維的形態出現, 而隨著動態效果越來越多地出現在網頁設計當中, 帶有立體效果的動態圖形自然而然就成為網頁設計師的心頭好。

和多邊形相似, 流暢的動態圖形有著明顯的裝飾性, 對於網頁風格和體驗的提升很明細那, 而區別在於動態圖形時髦值更高, 沒有尖銳的棱角, 也更加具有親和力與動感。

6 微妙的動畫

小巧微妙的動態效果不僅能夠取悅使用者, 有的時候甚至會給他們帶來驚喜。 動效如今已經是網頁和UI設計中必備的組成部分,

它們同樣可以為使用者提供資訊, 積極地引導使用者交互。

微妙的動效本身並不是為了隱藏載入的過程和資料處理的過程, 而是為了強調運動本身。

無論是懸停觸發的動態圖片, 還是看起來很複雜的插畫動效, 它們都是促進用戶交互的重要手段。 為了充分運用微妙的動效, 設計師在使用的時候要遵循一些最基本的規則:堅持使用一種動效技巧, 盡可能保持逼真, 模仿現實世界的物理定律, 不要強行為動效配音, 儘量確保動效可靠, 不要過慢, 讓用戶能夠預期到它的完成。

7 SVG圖片

可縮放的向量圖形正越來越多地運用在網頁設計當中。 SVG格式是一種羽量級的向量圖片格式, 這種格式的圖片大小通常不會太大,

而且無論是大螢幕還是小螢幕上都能圖元完美地呈現出來。

無論是3D圖片、動態圖片還是標誌LOGO, SVG都能夠很好地展現, 它是圖片格式的未來。

8 相容桌面端和移動端分屏展示

分屏式設計同樣是越來越受歡迎的設計技巧。 分屏式設計能夠讓設計師更好地兼顧到桌面端和移動端的體驗, 因為內容的展示更加自由, 可以拆分合併堆疊展示, 讓內容的呈現更加一致, 體驗也更加可控。

雖然許多早期的分屏展示是針對不同平臺進行定制的, 但是如今的分屏設計已經可以相對完美地同回應式設計結合起來。

9 更多滾動動效

視差滾動已經非常流行了, 以至於有些設計師開始有意識地規避這種「流行」。 但是這並不意味著你需要繞靠滾動動效。

通過滾動動效來驅動用戶參與交互是頗為不錯的方法。適當的混合一些視差特效,常常能夠獲得奇效。比如上面的Doggo for Hire這個頁面就巧妙地使用視差滾動特效。

10 非極簡風下的留白

許多優秀的設計都借助留白來達到效果的。但是許多時候會因為設計需求而妥協,無法使用簡約的設計風格。但是留白依然很好用,通過增加更多的色彩和設計項目,保持留白比例,增加整個設計的飽滿感。這種情況下,留白並不少,被留白所包圍的元素同樣會顯得突出而不會擁擠。

Design Calendar這個網站在這方面就做的比較突出。網站採用了彩色的背景,雖然頁面中內容元素不少,但是留白營造出了足夠的呼吸感。

隨著新需求的誕生,每年都會有新的趨勢和新的設計技巧湧現,想要讓自己的設計不過時,設計師需要密切的關注趨勢的改變。在即將到來的2018年,你可能要有意識地改變你的設計了。

*原文來自簡書ui萬事通。

通過滾動動效來驅動用戶參與交互是頗為不錯的方法。適當的混合一些視差特效,常常能夠獲得奇效。比如上面的Doggo for Hire這個頁面就巧妙地使用視差滾動特效。

10 非極簡風下的留白

許多優秀的設計都借助留白來達到效果的。但是許多時候會因為設計需求而妥協,無法使用簡約的設計風格。但是留白依然很好用,通過增加更多的色彩和設計項目,保持留白比例,增加整個設計的飽滿感。這種情況下,留白並不少,被留白所包圍的元素同樣會顯得突出而不會擁擠。

Design Calendar這個網站在這方面就做的比較突出。網站採用了彩色的背景,雖然頁面中內容元素不少,但是留白營造出了足夠的呼吸感。

隨著新需求的誕生,每年都會有新的趨勢和新的設計技巧湧現,想要讓自己的設計不過時,設計師需要密切的關注趨勢的改變。在即將到來的2018年,你可能要有意識地改變你的設計了。

*原文來自簡書ui萬事通。

Next Article
喜欢就按个赞吧!!!
点击关闭提示