• 太原ui培訓(xùn)如何提高ui界面設(shè)計的交互動感

  
  

• 我們常說，一個好的ui設(shè)計界面是充滿了生命力的，不是說這些ui界面的動效或者交互功能有多少，而是他們能在用戶需要的時候恰好能夠展現(xiàn)出自己的功能。今天，我們就請?zhí)璾i培訓(xùn)的老師給大家講解一下，提高我們的ui設(shè)計界面的一些優(yōu)化手段。

  

  如果說您對太原ui培訓(xùn)課程感興趣的話，歡迎與我們的在線咨詢老師聯(lián)系，獲取對課程內(nèi)容的進(jìn)一步了解，增加自己對學(xué)習(xí)的信心。下面，我們就開始今天的主要內(nèi)容吧。

  讓加載動效更具視覺愉悅感

  當(dāng)APP 的打開動效足夠有視覺愉悅感的時候，用戶每次打開的時候都會為之感到開心愉悅。但是，動效能做的并不止于此，下面的案例中，Uber的打開動效不僅讓用戶體會到愉悅感，而且它的展開式動效還很好地“控制”了用戶雙眼的視覺焦點(diǎn)。

  用有吸引力的視覺設(shè)計引導(dǎo)新用戶

  新用戶次打開你的APP的時候，通常需要經(jīng)過新用戶引導(dǎo)流程，了解APP的功能和特色，而這也是用戶和你的APP的次交互。而APP給用戶的印象也非常重要，所以初次的引導(dǎo)體驗(yàn)應(yīng)該足夠好，平滑的過渡動效加持的引導(dǎo)流程，對于初次使用的用戶而言有著巨大的影響，同APP的用戶留存率有著直接的關(guān)聯(lián)。

  下面的新用戶引導(dǎo)的動效就充滿了創(chuàng)意和個性，充滿驚喜的視覺設(shè)計和直觀簡練的文案都給用戶以良好的印象，非常值得學(xué)習(xí)。

  交互式提醒

  不同的APP在功能上有著許多差異，許多新的功能可能用戶之前從未接觸過，加入交互式的小貼士能夠幫助用戶更好的熟悉APP，而這種動態(tài)而智能的呈現(xiàn)方式，能讓APP顯得更加貼心而靈活。

  提供方向上的視覺線索

  當(dāng)UI界面中狀態(tài)發(fā)生改變的時候，動效的重要作用就顯現(xiàn)出來了。狀態(tài)改變之后，新的界面出現(xiàn)，用戶需要知道新的界面和之前的界面之間的關(guān)系，而動效就是線索。

  靜態(tài)的設(shè)計通常難以闡明狀態(tài)之間的相互關(guān)系。

  對于建立內(nèi)容之間的關(guān)系這件事而言，動效非常的實(shí)用，它可以作為不同UI狀態(tài)之間的連接點(diǎn)。

  闡述元素之間的關(guān)系

  精心設(shè)計的過渡動效能夠?qū)⒂脩舻囊暰€引導(dǎo)到設(shè)計師希望用戶看到的位置，引導(dǎo)用戶去交互。動效在UI當(dāng)中能夠有針對性地對一些元素進(jìn)行強(qiáng)調(diào)，并且闡明不同元素之間的關(guān)系。

  轉(zhuǎn)場動效連接了播放和暫停按鈕之間的兩個狀態(tài)，從而闡明了兩者之間的關(guān)系。

  空間意識

  意境地圖是人類對于空間和關(guān)系的理解的關(guān)鍵點(diǎn)，而動效能夠幫助用戶對界面的空間關(guān)系有更深的了解，明白界面元素從哪里來，到哪里去。

  用戶借助動效明白他們所處的位置，找到他們想去的地方。

  提供清晰的反饋

  動效能夠強(qiáng)化用戶正在進(jìn)行的交互的效果，幫助用戶了解操作的進(jìn)行方向，產(chǎn)生的結(jié)果，確定操作成功與否，以及為何會如此。

  揭示問題

  當(dāng)你需要設(shè)計界面中的錯誤狀態(tài)的時候，你需要讓用戶清晰的意識到系統(tǒng)正在報錯，而動效在此處作用也很重要。密碼輸入錯誤的時候，密碼輸入框抖動的特效，就是一個很好的實(shí)例。它模擬了人們搖頭抖動的效果，直觀而擬人化地給予用戶以報錯反饋。

  多個元素層協(xié)同為用戶傳遞信息將會更加有效。

  確認(rèn)效果

  動效能夠以更視覺化的方式呈現(xiàn)用戶操作之后的結(jié)果。展示結(jié)果，而不要去描述，反饋呈現(xiàn)交互所產(chǎn)生的結(jié)果。

  在Stripe 這個APP實(shí)例中，當(dāng)用戶點(diǎn)擊支付之后，按鈕呈現(xiàn)出短暫的加載過程之后，顯示支付成功。成功的對勾標(biāo)識會讓用戶覺得支付很簡單，而短暫的加載則讓用戶感受到了這個過程，但是這又不會讓他們等待很久。

  展現(xiàn)邏輯

  邏輯是幾乎所有的動效都具備的一個特征。你需要讓你的動效符合整體的邏輯，尤其是在移動端的APP上。有限的空間和復(fù)雜的實(shí)際狀況是用戶絕大多數(shù)所面臨的狀況，你需要充分利用空間，打通環(huán)節(jié)，降低產(chǎn)品的復(fù)雜性，使用動效將界面和元素以富有邏輯的方式呈現(xiàn)出來，就很有必要了。

  你需要讓你的動效充滿目的性，也富有邏輯，有太多的APP因?yàn)椴豢深A(yù)測的交互和過于繁復(fù)花哨的動效而終失敗。雖然有的動效做到很贊，在實(shí)現(xiàn)上也沒問題，但是它讓界面顯得混亂，這就成問題了。

  現(xiàn)實(shí)中約定俗成的交互習(xí)慣和之前產(chǎn)品給用戶養(yǎng)成的習(xí)慣，使得手勢交互有了一套常規(guī)的法則。不一致的交互方式，會破壞用的使用習(xí)慣，毀掉整個用戶體驗(yàn)。

如需了解更多課程詳情，請撥打我們的咨詢電話：15803413941 鐘老師

在線咨詢QQ  NO1：3241766804