• EN
香港:(852)3749 9734
[email protected]

新聞資料

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

Behance是Adobe旗下的一款展示和發現創作作品的在線平台,目前有數百萬人在上面發表自己的作品。作為主流設計社區,有人將Behance視為自己的博客,展示和分享自己的作品;但更多設計師是從中獲得源源不斷的靈感和啟發。

下面,Inspirroutlet將從Behance首頁的作品中,整理7個非常實用的UI設計技巧,希望能為大家帶來更多靈感創意。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

UI設計技巧一:錯開對齊

如果你對自己的排版功底不太自信,又擔心排版過於死板,使用「錯開對齊」可以輕鬆幫你解決這個問題。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

錯開對齊是一種非常容易上手的UI設計技巧,只需要將界面中的元素稍微錯開,就能讓界面效果顯得生動而不單調。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

UI設計技巧二:增加層次感

總覺得自己的作品顯得非常寡淡,但又不知道該如何解決?你可以將界面中的一些次要元素,利用投影效果來達到增加畫面層次感的效果。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

雖然這個UI設計技巧在執行上比較簡單,但是需要注意投影的顏色和大小,千萬別做得太重,否則會讓界面顯得很假。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

UI設計技巧三:出界設計

如果覺得界面很寡淡,缺少一些視覺效果比較強烈的元素,你可以使用出界設計來增加畫面的衝擊力。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

比如將界面中的輔助元素或Banner圖中的元素進行出界效果處理,可以輕鬆增加整體畫面的設計感。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

UI設計技巧四:傾斜設計

傾斜設計也是一種提升作品設計感的非常實用的UI設計技巧,利用錯開對齊的方式布局界面中的元素,然後將所有元素以同一方向和角度旋轉,可很好地提升畫面的表現力。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

但要注意,旋轉元素時,必須保證這些元素的清晰度,避免出現鋸齒,影響效果。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

UI設計技巧六:增加底圖設計

大部分UI設計作品都會使用白色底圖作為界面的背景,但也有設計師會使用底圖設計加強差異化效果。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

為界面添加背景圖時,如果你想將界面與背景圖自然融合,那麼選圖上盡量選擇高清且比較素雅的圖片,或者是使用設計感較強的圖形作為背景圖,以免有喧賓奪主之感。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

如果背景圖色彩過於鮮艷或元素豐富,容易分散用戶的注意力,適當地在背景層上增加一層高斯模糊效果,可降低背景圖的吸引力。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

UI設計技巧七:套用樣機展示

很多設計師都會在Banner圖上套用樣機來展示效果,這種UI設計技巧的確可以增加產品的真實感,同時可以讓用戶知道產品的具體效果。

從Behance作品中獲得靈感創意,分享7個非常實用的UI設計技巧

套用樣機展示產品時,樣機的製作一定要足夠輕量,產品的展示效果也要足夠清晰,避免分散用戶對主體的注意力。

以上就是從Behance首頁作品中整理的一些比較實用的UI設計技巧,當然裏面還有很多UI設計技巧是值得我們去整理、學習和借鑒等,這裡就不一一介紹了,有興趣的朋友不妨到Behance平台了解吧!