濰坊市玉清街與虞河路交匯處錦繡園
您的當前位置:易迅網絡公司->科技新聞->山東網頁設計->瀏覽文章
山東網頁設計

從細致力維度談如何把握動效設計的度?

標簽:細致,致力,維度,如何,把握,設計  2020年09月30日  點擊61

一. 是什么吸引著用戶的細致力?


從看到一個頁面的瞬間開始,假如在展示面積雷同的情況下,用戶的細致力會按照一個特定的順序依次被吸引:動態>顏色>外形。



簡單來說,當用戶打開一個界面,細致力首先會被動態的物體吸引網站優化排名,當動態靜止或者是個很有規律的動態時,細致力會轉向顏色對比強的部分,最后才是外形。這一過程是人在進化過程中形成的本能反應,基本適用所有效戶。同時一個特別很是緊張且容易被忽略的原則:用戶的細致力是有限的,而且越來越少。很可能在用戶細致到一段動效之后,細致力和耐心已經用盡,無法看到其他內容就發急去下一個界面了。所以,對于動效如許一個特別很是強勢的工具,肯定要用在盼望用戶細致的部分。


二、動效吸引細致力的核心維度


一個動效對于用戶的細致力吸引有多強,可以分為兩個核心維度,動效的顯現面積與持續時間。顯現面積越大,動效持續時間越長(包括單一動效與復合動效),用戶細致力越能夠被吸引并持續。將兩個核心維度構成一個二維圖表四川成都人事考試網,形成的四個象限可以代表四類不同的動效



1.相對面積大,動效持續時間長


此類動效多應用在app的介紹頁或者官網的產品介紹頁,力圖通過動效沖擊視覺,給用戶留下深刻印象。這里因為大部分畫面都是動態,其余靜態的小部分很可能被忽視。例如,多數頁面都在圖形中加入動效,而筆墨部分是靜止的,假如有信息是盼望能夠通過筆墨表達,這時就會起不到作用。用戶只能記住“炫”,至于要表達什么則基本不懂。所以這類動效在使用時,要細致是否會影響頁面信息傳達。



Reebok Fall/Winter ’14 Lookbook 頁面中,整個頁面都有長時間動態結果,用戶細致力基本停頓在頁面中的人物動作上。而其中的產品展示部分,雖然也有動效指導,但用戶的細致力都在想看完所有場景上,沒有多余的細致力給頁面中的產品。不過,如許的頁面安排在傳統企業網頁中是常見也合理的。由于這個頁面的核心目的就是品牌宣傳,讓用戶感受到Reebook是多么酷的一個活動品牌,根本也沒指望頁面中的產品鏈接能夠帶來多少銷量。而多數互聯網產品的此類頁面還要解決功能闡述,所以要穩重設計。


2.相對面積大,持續時間短


動效展示面積大,時間卻比較短,是盼望用戶細致集中在動態部分一瞬間即可,這類動效設計師都比較認識,多用于界面之間的切換。大范圍短時間的動效很難看清,所以這類動效更多為顯現界面之間的空間關系。值得關注的是,因為用戶會不自立關注動態部分,所以即將出現的界面應該是動態的,如許細致力會順暢銜接到后出現界面,否則會出現“細致力跳躍”。



在如上界面中,側邊欄的睜開過程就會出現“細致力跳躍”。在點擊側邊欄按鈕后,用戶細致力會集中在整個界面向右移動,而后隨著動畫的結束,細致力還要回到底層的深色界面,導致了視覺流的不流暢。


3.相對面積小,動效時長短


此類動效可以用“輕”來描述,通常是來進行比較“輕”指導、反饋和提醒。核心是不盼望打斷主流程,而又能輕微吸引一下細致力,情感化設計也最適合在此發揮。



亞馬遜客戶端點擊搜索后,菜單按鈕會向右移動,返回按鈕隨之進入。這里的動效稍微提醒了一下“返回”的出現,同時又沒有搶走用戶對搜索的細致力,恰到益處。



在Shine中的loading動效是一個小人在賡續游泳。而 Google搜索App中,假如切換到橫屏再切換回來,logo就會彷佛被你弄歪一樣。這些小動效都為產品的情感化起到了很好的作用。


4.相對面積小,動效持續時間長


一個較小面積上會長時間存在動態結果去吸引用戶細致,這意味著此處的動態結果自己是特別很是緊張的,值得用戶保持關注電警棍,此類基本都與用戶此時關注的功能直接相干。


雅虎氣候中的風車轉動,美樂時光的動態按鈕,都是表現了產品功能或狀況,如許的動效雖然一向持續的吸引細致,但是因為面積較小,所以并不會對其他功能使用產生過多干擾。動效的顯現面積會特別很是必要好好斟酌。


動效是最奪人眼球的工具之一,精確的使用會在與用戶的對話中起到很好的指導。不過也正由于它的強勢,所以肯定要梳理好設計目標,不要讓其變為干擾,畢竟用戶的細致力和時間都變得越來越少,我們要做的是更合理的行使動效來傳達我們的信息。

數據正在讀取中...

老人麻将连连看下载 在线配资网站 青海快3昨天开奖号 甘肃快3今天开奖走势 福彩3d杀码最准的今天 北京pk赛车开奖记录 3d试机号预测 上海时时乐遗漏数据 快乐12遗漏数据手机版 黑马股票推荐 河内5分彩如何精准杀一码