成全电影播放在线观看,成全在线观看高清资源,成全在线观看免费完整的,成全影视大全在线观看国语,成全电影大全在线观看高清免费播放下载,三人成全免费观看电视剧高清,成全电影大全在线观看高清免费播放电视剧,成全电影大全在线观看,成全电影大全第二季免费观看,成全电影大全在线观看国语高清,成全电影大全在线观看国语版免费,成全电影大全在线播放

  1. 云裂變
  2. 營銷
  3. 網(wǎng)站運營
  4. 有用勝于有趣:6 條 UX 設(shè)計動畫原則

有用勝于有趣:6 條 UX 設(shè)計動畫原則

作者: 日期:2022-03-06 人氣:178

 

作者 José Torre 是 TomTom 公司的資深視覺設(shè)計師,有感于動畫被大量錯誤使用的現(xiàn)狀,結(jié)合自身多年的設(shè)計經(jīng)驗,總結(jié)出 6 條動畫設(shè)計原則,通過豐富的案例介紹了在何時、何處、如何使用動畫及其克服障礙的心得體會。

有用勝于有趣:6 條 UX 設(shè)計動畫原則

1.動畫不該在最后添加

你確定了所有交互而且視覺設(shè)計已經(jīng)定稿,但是你感覺少了些什么。這時你可能會想「是時候加些動畫點綴一下了」。這是一個巨大的錯誤,也是動畫被濫用的原因之一。在設(shè)計過程最后考慮動畫通常會和在 PPT 中添加過渡效果混為一談,這是完全錯誤的。

如果把用戶體驗看作是一個蛋糕,在大多數(shù)的情況下,動畫被認為是蛋糕頂部的櫻桃,但是我完全差別意這個不雅觀點。我認為動畫應(yīng)該是你混入蛋糕糊的另一種原料。

有用勝于有趣:6 條 UX 設(shè)計動畫原則

我為本文描述動畫快速繪制的草圖

在你繪制線框圖的時候,動畫就應(yīng)該成竹在胸了。這就像在按下按鈕后,特定物體會按照箭頭指示的標(biāo)的目的移動那么簡單。連結(jié)簡單有助于你無需關(guān)注過多樣式,就能發(fā)現(xiàn)動效的目的(或特定目的的動效)。也會讓你不過于依戀動畫,因為動畫不總是問題的解決方案。如果它無法助你達成目標(biāo),棄之即可,無用的動畫將會成為最終用戶的障礙。

這就把我們直接帶入到下一條原則。

2.動畫必然要有用

多余的動畫會占用用戶名貴的時間,而且用戶在獲得初次愉悅之后就會厭倦,這就是為什么動畫需要有功能性的原因。假如你想知道哪些動畫可以幫手你,下面是一些案例。

減輕生硬的切換

有用勝于有趣:6 條 UX 設(shè)計動畫原則

沒有過渡 vs 水平滑動過渡

不管是不是設(shè)計師,我們都對此很熟悉。你在屏幕 A 中點按一個按鈕,砰!一個完全差別的屏幕(B)突然出現(xiàn)了。然后你會疑惑,它是從哪來的?我按下的是正確的按鈕嗎?接下來呢?如果「B」看起來和「A」很像怎么辦?用戶可能會認為什么都未發(fā)生。這展示了動畫中最常見的一類,變革時刻??紤]下從屏幕 A 到 B 這次「旅程」花費了多長時間,哪些對象應(yīng)在屏幕中保存,它們將如何達到那里?但請不要過度使用,因為接下來你將發(fā)現(xiàn),動畫最好在「無形」中發(fā)揮作用。

提供上下文

有用勝于有趣:6 條 UX 設(shè)計動畫原則

沒有過渡 vs 從底部滑入

有時候你進入了某個頁面,但是并不確定如何與之交互。一種幫手用戶理解的好方法就是在特定物體進入時,提供一些它的特性的線索。以文章列表舉例,滑動它們有助于用戶理解可以不竭的刷動查看更多。你甚至可以更進一步,讓它們一個接一個的按時滑動出現(xiàn),強調(diào)這些項目都是分開的,你可以與傍邊的任一個進行交互。

假如你決定點擊其中一個項目,然后它展開了那篇文章的全部內(nèi)容,之前與其他信息處于同一層級的信息現(xiàn)在釀成了主要內(nèi)容。過渡動畫是加強用戶選擇的一種好方法,不但展示了你仍然和處于選中狀態(tài)的同一物體進行交互,并且也會給你帶來更多的屏幕空間。

提供定位

當(dāng)用戶界面和用戶之間的所有障礙被移除后,用戶界面變得更加真實具體起來,因此賦予用戶空間定位感變得十分重要。你可以通過讓動畫連結(jié)一致和 app 的結(jié)構(gòu)易于理解做到這一點。

一個物體向左移出屏幕,如果它再次出現(xiàn),從邏輯上講,應(yīng)該來自其移出的地方。這將幫手你的用戶理解 app 的面貌,用戶在使用時會感覺更加舒暢。反之則會引發(fā)混亂,用戶甚至可能會認為他們看到的完全不是同一個物體。

有用勝于有趣:6 條 UX 設(shè)計動畫原則

內(nèi)容從底部進入 vs 內(nèi)容從右邊(箭頭的指向)進入

這同樣適用于屏幕上出現(xiàn)的視覺提示。想象你點擊了一個帶有向右指示箭頭的列表項,邏輯上的過渡應(yīng)該是自右向左滑動,好像用戶視圖向右移動一樣,加強了用戶界面中的視覺線索。

很多時候你會看到 UI 元素與過渡動效相矛盾。這有點惱人,我認為這些是我們應(yīng)該制止的,不然動畫會讓用戶看起來很突兀,因為它們違反了用戶的預(yù)期。

提供及時反饋

你曾否問過本身,我按下阿誰按鈕了嗎?它做了什么?我應(yīng)該再按一次嗎?回答可能是必定的,你或許會一遍又一遍的點擊,只為確認實際上你在最初的時候就按下了。這就是為什么提供及時反饋是重要的原因,即便 app 沒有立即做出反應(yīng)。

在這個世界中,你的手指通常會蓋住點按按鈕,動畫在為用戶提供他們所需的慰藉上發(fā)揮了巨大的作用。

有用勝于有趣:6 條 UX 設(shè)計動畫原則

輕微的顏色變革 vs 快速動畫

內(nèi)容標(biāo)簽:

熱門文章

? ? 現(xiàn)在很多企業(yè)都著手于做重慶seo排名,因為SEO是獲取精準(zhǔn)流量比較穩(wěn)定且長期發(fā)展好的方式之一,同時也能提升自身企業(yè)的品牌形象,因為SEO本身就是基于用戶體驗優(yōu)化而做的,因此做好SEO

6801

網(wǎng)絡(luò)營銷時代,軟文營銷已成為企業(yè)傳播品牌、促進訂單轉(zhuǎn)化的重要手段。不同于硬廣形式,軟文營銷的精華就在于“軟”字,即廣告綿里藏針,要在能提供給用戶有價值內(nèi)容的基礎(chǔ)上進行廣告

?文庫營銷指的是借助一些文庫平臺上傳文檔,通過知識分享來做品牌營銷,目前常見的文庫平臺有百度文庫、360圖書館、道客巴巴、豆丁文庫等。文庫營銷對文檔質(zhì)量要求較高,需要用戶自

網(wǎng)站對于很多的企業(yè)來說,不僅僅是業(yè)務(wù)的渠道拓寬,也是多一個網(wǎng)站推廣的途徑和客戶渠道等,很多的企業(yè)雖然有自己的網(wǎng)站,但是重視程度不夠,很多的企業(yè)都只依靠網(wǎng)站就能夠養(yǎng)活一個公

3269

企業(yè)品牌推廣對于企業(yè)的生存來說是極其重要的,如果沒有一個好的推銷渠道的話,可能就會讓自己的商品賣不出去。在新聞中總是看到哪兒有什么產(chǎn)品賣不出去了,形成滯銷,讓個人或是企業(yè)

3226

一方面,不同客戶的建站需求不同;另一方面,網(wǎng)站建設(shè)人員的技術(shù)水平高低不一;同時,時效、地域因素也會對建站成本有所影響。所以網(wǎng)站建設(shè)的報價暫時沒有統(tǒng)一標(biāo)準(zhǔn),建設(shè)費用更是從幾

3044

最先剖析要散播的目的客戶人群的陋習(xí)與話動范疇; 精心安排合乎網(wǎng)民愛好的論壇推廣時件或話動; 積淀論談有關(guān)社交圈子資源,會對進行論壇推廣出示挺大適用; 搞好數(shù)據(jù)分析,以知道論壇推廣的成功失敗之舉,加以改進。

人們常常會遇上有些人做論壇推廣的當(dāng)時,以便能短期內(nèi)內(nèi)看到作用,就在每個論談網(wǎng)站上注冊很多的id,花兩三天的時間就把各大論壇上貼的濃濃的全是軟廣,可是隔過段時間回來看,以前公布的全部貼子都被刪的干凈整潔,情況嚴重將會注冊的id也被封的干凈整潔,而針對這類人只有說成愛好者的論壇推廣技巧了。在進到這一議論以前,人們看一下自身是不是存有那樣的難

在互聯(lián)網(wǎng)高速發(fā)展的今天,在眾多同行品牌的強勢競爭下,新品牌想要打開市場并不是一件容易的事兒。但不推廣就難以生存,那么我們應(yīng)該如何做好新品牌推廣,快速打開市場?云裂變徐國

2947

現(xiàn)在的推廣營銷方式與以前比起來可是多了不少,放在以前也就是還沒有網(wǎng)絡(luò)的時侯,商品商家和生產(chǎn)廠家想要把自己生產(chǎn)的和自己銷售的產(chǎn)品或是商品成功推銷出去那可就得想想辦法了。比如

2918

一個生產(chǎn)企業(yè)想要發(fā)展必須要創(chuàng)立自己的品牌,在人們購買東西講究牌子的今天,如果你所生產(chǎn)的產(chǎn)品連個牌子都沒有,恐怕會無人問津的。但是,有了品牌,對于小公司來說若是得到消費者的

2918

說起網(wǎng)絡(luò)營銷,讓人們想起了網(wǎng)上購物,比如在剛過去的520,就是一波網(wǎng)購的熱潮,各種打折促銷返利活動讓許多人心動,看花了眼。又比如每年的雙11、在雙12的網(wǎng)上促銷活動可謂是一年之內(nèi)

2875

很多企業(yè)在官網(wǎng)搭建完成之后,便放任不管,既不更新內(nèi)容、也不做任何的排名優(yōu)化,最后網(wǎng)站沒排名、沒流量、沒訪客;即使有排名、有流量導(dǎo)入,但是跳出率極高,依然產(chǎn)生不了任何效益。

2855

隨著網(wǎng)絡(luò)營銷、全網(wǎng)覆蓋等口號喊得越來越響,現(xiàn)在有不少的企業(yè)做網(wǎng)絡(luò)營銷都是被同行帶起來的,本質(zhì)上對網(wǎng)絡(luò)營銷推廣的作用都了解不多。那么網(wǎng)絡(luò)推廣好在哪?為什么一定要做好網(wǎng)絡(luò)推廣

論壇推廣就是,企業(yè)利用論壇這種網(wǎng)絡(luò)交流的平臺,通過文字、圖片、視頻等方式發(fā)布企業(yè)的產(chǎn)品和服務(wù)的信息,從而讓目標(biāo)客戶更加深刻地了解企業(yè)的產(chǎn)品和服務(wù)。最終達到企業(yè)宣傳企業(yè)的品牌、加深市場認知度的網(wǎng)絡(luò)營銷活動。1、電子公告板(BBS)是虛擬網(wǎng)絡(luò)小區(qū)的要素方法,小量的交流信息全是歷經(jīng)BBS進行的,vip歷經(jīng)貼到消息也許回應(yīng)消息抵達互相聯(lián)系的目地。一些簡

受互聯(lián)網(wǎng)大趨勢影響,很多傳統(tǒng)企業(yè)紛紛著手布局網(wǎng)絡(luò)營銷,考慮到企業(yè)自身在營銷經(jīng)驗上有欠缺,不少老板會選擇找全網(wǎng)營銷外包公司合作,這個時候就會出現(xiàn)很多選擇難題。比如說找了10家

2798

隨著社會的發(fā)展和人們消費觀念的改變,現(xiàn)在人們的消費已經(jīng)從單純的商品能使用消費階段到了商品品牌消費階段了。在進行商品購買時總是看商品的品牌,就拿一些年輕人來說吧,對于耐克、

2789

百科營銷是一種以權(quán)威知識分享的形式對企業(yè)做有目的性的品牌宣傳,可以有效提高潛在客戶對企業(yè)品牌或產(chǎn)品服務(wù)的信任度及認可度,最終達到提升企業(yè)品牌知名度美譽度的雙重作用。那么百

護膚品作為當(dāng)下大受女性追捧的快消品,行業(yè)競爭激烈,且更新?lián)Q代尤其迅速。那么如何在如此變幻莫測的市場競爭中占領(lǐng)高地呢?這自然少不了大面積的營銷推廣(包括線上和線下),下面全

一、前端seo代碼優(yōu)化注意事項1、提高頁面加載速度。CSS可以用來解決不使用背景圖片的問題,也可以嘗試壓縮背景圖片的大小,你可以在一張圖片上放置幾個圖標(biāo),使用CSSsprite,使用背景位置

2667

最新文章