UI設(shè)計(jì)如何提高細(xì)節(jié)感

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

       1、 深色模式
 

　　如果你正在開發(fā)的應(yīng)用程序有深色模式，這對(duì)像我這樣常年生活在深色模式下的用戶來(lái)說(shuō)是個(gè)好消息。深色模式使眼睛更容易適應(yīng)，而不會(huì)感覺像盯著一個(gè)耀眼的燈泡。
 

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

　　2、 UI設(shè)計(jì)彈窗，使錯(cuò)誤狀態(tài)不那么令人沮喪
 

　　你應(yīng)該看到你的應(yīng)用程序中的每一個(gè)事件，即使它不是那么好，作為一個(gè)機(jī)會(huì)，可以留下一個(gè)深刻的印象。UI設(shè)計(jì)交互加深用戶體驗(yàn)。
 

　　錯(cuò)誤狀態(tài)的感知通常是負(fù)面的。但如果你能幫助用戶解決問(wèn)題，你也可以通過(guò)個(gè)性和樂(lè)趣把它變成一種積極的體驗(yàn)。
 

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

　　另外，我非常喜歡dribbble的404頁(yè)面設(shè)計(jì)。它之所以出眾，是因?yàn)樗鼘?shí)在是太走心了，用戶會(huì)很快回到各種設(shè)計(jì)作品中。
 

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

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

　　在運(yùn)球方面，動(dòng)感十足。但對(duì)于用戶來(lái)說(shuō)，他們總是希望動(dòng)態(tài)效果盡可能接近真實(shí)世界中的實(shí)際體驗(yàn)。物體應(yīng)該按照通常的物理規(guī)則移動(dòng)。
 

　　例如，慢動(dòng)作。一個(gè)球，我們給它施力，當(dāng)我們踢它時(shí)，它會(huì)先加速，然后減速，這個(gè)過(guò)程栩栩如生。這些物理規(guī)律是動(dòng)態(tài)效果和現(xiàn)實(shí)的基礎(chǔ)。
 

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

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

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