旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > UI設計如何提高細節(jié)感

UI設計如何提高細節(jié)感

時間:2020-11-13來源:lb577.com點擊量:作者:Arya
時間:2020-11-13點擊量:作者:Arya

  如果你覺得你的UI設計起來很無聊,想讓它看起來更加有意思,其實是有很多相對通用的方法。這些方法大都不算復雜,稍加調(diào)整,總會有不俗的效果。今天AAA教育武老師為大家分享,UI設計如何提高細節(jié)感。


       1、 深色模式
 

UI設計如何提高細節(jié)感
 

  如果你正在開發(fā)的應用程序有深色模式,這對像我這樣常年生活在深色模式下的用戶來說是個好消息。深色模式使眼睛更容易適應,而不會感覺像盯著一個耀眼的燈泡。
 

  根據(jù)顏色的不同,基本上不需要根據(jù)顏色的不同來調(diào)整顏色的模式。我建議用戶決定使用深色模式還是淺色模式。在模式之間切換可以給用戶帶來很好的體驗,并給他們更強的控制感,增強UI設計用戶體驗感。
 

  2、 UI設計彈窗,使錯誤狀態(tài)不那么令人沮喪
 

UI設計如何提高細節(jié)感
 

  你應該看到你的應用程序中的每一個事件,即使它不是那么好,作為一個機會,可以留下一個深刻的印象。UI設計交互加深用戶體驗
 

  錯誤狀態(tài)的感知通常是負面的。但如果你能幫助用戶解決問題,你也可以通過個性和樂趣把它變成一種積極的體驗。
 

  我一直喜歡谷歌Chrome在“網(wǎng)絡斷開”錯誤報告界面下的設計。它提供了幾乎所有必要的信息,包括如何修復網(wǎng)絡,以及一款備受好評的小恐龍跑酷游戲!這是一個天才的設計!
 

  另外,我非常喜歡dribbble的404頁面設計。它之所以出眾,是因為它實在是太走心了,用戶會很快回到各種設計作品中。
 

  3、 添加動態(tài)效果
 

UI設計如何提高細節(jié)感
 

  驅(qū)動效應已進入設計過程。到目前為止,它已經(jīng)成為設計過程中不可缺少的一部分。無論是基于插圖的動畫效果還是基于UI元素的微交互,動態(tài)效果無處不在。
 

  在運球方面,動感十足。但對于用戶來說,他們總是希望動態(tài)效果盡可能接近真實世界中的實際體驗。物體應該按照通常的物理規(guī)則移動。
 

  例如,慢動作。一個球,我們給它施力,當我們踢它時,它會先加速,然后減速,這個過程栩栩如生。這些物理規(guī)律是動態(tài)效果和現(xiàn)實的基礎。
 

  pincipled和XD等動畫以及invision studio、AE、Lottie、flinto等工具正逐漸興起,這樣設計師就可以更好更快地制作動態(tài)效果。
 

  我更喜歡XD中的自動動畫功能,它很直觀,可以在投入大量時間和精力之前快速驗證想法的可行性。我最近一直在使用另一個很棒的工具,airbnb的Lottie。這讓我很容易將任何AE轉(zhuǎn)換成一個更適合web的SVG動畫。
 

  什么是UI用戶體驗感,與插畫類似,動畫應該具有針對性,應該體驗優(yōu)先,而不是分散用戶注意力,今天的分享就到這里了,更多資訊請持續(xù)關注AAA教育~

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2022/ lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖