衡量動(dòng)效是否合格的核心因素
2021-06-10 分類： 網(wǎng)站建設(shè)
在網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、APP中我們會(huì)經(jīng)常用到動(dòng)動(dòng)態(tài)效果設(shè)計(jì)，一個(gè)功能完備的動(dòng)效不僅要足夠微妙有趣，而且應(yīng)當(dāng)清晰且具有合乎邏輯的目的。動(dòng)效的存在不僅降低了用戶的認(rèn)知負(fù)荷，溝通不同的環(huán)節(jié)，建立更為有效的信息和交互流程。但是更為重要的是，真正優(yōu)秀的動(dòng)效能讓界面變得栩栩如生。
通過讓元素在形態(tài)上進(jìn)行疊加、分割、延伸、形變，動(dòng)效讓界面給人以更為真實(shí)、更加“物理”的質(zhì)感。流暢順滑的動(dòng)效幫用戶聯(lián)通起上下文，闡釋界面元素之間的關(guān)系，強(qiáng)化UI的層次感，消解環(huán)節(jié)與環(huán)節(jié)之間的沖突，緩解加載和過渡中的等待。
接下來，我們分析和總結(jié)一下成功的動(dòng)效的六個(gè)基本特征：
1、響應(yīng)
視覺反饋在界面中的作用無疑是重要的。對(duì)于用戶而言，想要確認(rèn)信息的欲望是一種生物本能，在現(xiàn)實(shí)生活中，按鈕、控制面板等對(duì)象會(huì)對(duì)我們的操作給予反饋，那么用戶面對(duì)界面中類似的東西的時(shí)候，會(huì)有相似的期望。
所以，UI應(yīng)當(dāng)精準(zhǔn)而快速的針對(duì)用戶的交互作出響應(yīng)，只有這樣用戶才能將他們的操作、交互和控件的變化、效果聯(lián)系到一起，形成回路。當(dāng)他們清楚的知道什么樣的操作會(huì)帶來什么樣的反饋，他們會(huì)覺得非常爽的。
深圳網(wǎng)頁設(shè)計(jì)
2、關(guān)聯(lián)
動(dòng)效要能將新創(chuàng)建的界面和觸發(fā)它們的操作或者控件關(guān)聯(lián)到一起。產(chǎn)生關(guān)聯(lián)的邏輯關(guān)系能幫用戶理解界面中的變化是如何產(chǎn)生的。
下面我們看看兩個(gè)菜單動(dòng)效的設(shè)計(jì)案例。
第一個(gè)案例中，點(diǎn)擊菜單按鈕之后，菜單從遠(yuǎn)離按鈕的地方伸展出來，這樣用戶的輸入和觸發(fā)的結(jié)果在物理距離上被割裂開了。
深圳網(wǎng)頁設(shè)計(jì)
第二個(gè)案例中，菜單是從按鈕旁邊開始伸展開來的，距離上的關(guān)系讓用用戶清晰的知道是他們的點(diǎn)擊觸發(fā)了菜單出現(xiàn)的結(jié)果。
深圳網(wǎng)頁設(shè)計(jì)
另外一個(gè)案例則是音樂播放器的按鈕動(dòng)效設(shè)計(jì)。“播放”和“暫停”可能是最常見的按鈕設(shè)計(jì)，而這個(gè)典型的Material Design 風(fēng)格的按鈕動(dòng)效設(shè)計(jì)中，點(diǎn)擊“播放”按鈕，動(dòng)效過渡，“暫停”按鈕出現(xiàn)，色彩和動(dòng)效讓兩者之間呈現(xiàn)出因果關(guān)聯(lián)，流暢而非間斷。
深圳網(wǎng)頁設(shè)計(jì)
平滑的過渡不僅讓兩者的功能呈現(xiàn)了出來，而且強(qiáng)化了兩者的邏輯關(guān)系。
3、自然
好的動(dòng)效設(shè)計(jì)應(yīng)當(dāng)盡量避免突兀的轉(zhuǎn)變。動(dòng)效中的每一個(gè)動(dòng)作都應(yīng)當(dāng)從現(xiàn)實(shí)世界中獲取靈感。最簡單的一點(diǎn)，現(xiàn)實(shí)世界中物體的加速和減速都會(huì)受到重量、慣性和摩擦力的影響，類似的，在動(dòng)效設(shè)計(jì)中，瞬間的啟動(dòng)和停止是不合規(guī)律的。
文章名稱：衡量動(dòng)效是否合格的核心因素
網(wǎng)站鏈接：http://www.rwnh.cn/news47/117147.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、靜態(tài)網(wǎng)站、網(wǎng)站導(dǎo)航、標(biāo)簽優(yōu)化、外貿(mào)建站、網(wǎng)站收錄
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 租用免備案和備案的服務(wù)器有什么區(qū)別呢 2021-06-10
- 網(wǎng)站經(jīng)營很重要的一點(diǎn)就是避免搜索引擎懲罰 2021-06-10
- 了解一下營銷型網(wǎng)站 2021-06-10
- 網(wǎng)頁設(shè)計(jì)注意事項(xiàng) 2021-06-10
- 網(wǎng)站色彩如何定義 2021-06-10
- 分享一下我的企業(yè)網(wǎng)站seo工作 2021-06-10
- 讓開發(fā)者贊不絕口的php7 2021-06-10
- 營銷型網(wǎng)站必須包含哪些核心要素？ 2021-06-10
- 分析建設(shè)一個(gè)網(wǎng)站的費(fèi)用 2021-06-10
- 網(wǎng)站淺談如何導(dǎo)出鏈接 2021-06-10
- 網(wǎng)站后臺(tái)密碼忘記了怎么辦 2021-06-10
- 網(wǎng)頁設(shè)計(jì)中如何運(yùn)用安全色--深圳網(wǎng)頁設(shè)計(jì)分享 2021-06-10
- 淺談網(wǎng)站會(huì)員制營銷 2021-06-10
- 一個(gè)好的企業(yè)網(wǎng)站需要做到這幾點(diǎn) 2021-06-10
- 每一個(gè)網(wǎng)站建設(shè)公司的發(fā)展情況都不相同 2021-06-10
- 昌平網(wǎng)站建設(shè)公司哪家好 2021-06-10
- 高端網(wǎng)站建設(shè)具有的主要功能 2021-06-10
- 網(wǎng)站備案就是給網(wǎng)站域名備案 2021-06-10
- 企業(yè)網(wǎng)站建設(shè)公司一般會(huì)問客戶哪些問題？ 2021-06-10