中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

精細而恰當?shù)膭赢嬓Ч梢詡鬟_狀態(tài)，增強用戶對于直接操縱的感知，通過視覺化的方式向用戶呈現(xiàn)操作結果。

一、什么是動效及作用？

動效是物體空間關系與功能有意識的流動之美，它讓用戶更了解交互。

在IOS7官方guideline中，給動效賦予了一個新的定義：精細而恰當?shù)膭赢嬓Ч梢詡鬟_狀態(tài)，增強用戶對于直接操縱的感知，通過視覺化的方式向用戶呈現(xiàn)操作結果。

為什么現(xiàn)在的產(chǎn)品越來越注重動效了那？我們先從人對于產(chǎn)品元素的感知。

順序來看？不難看出人們對動態(tài)的信息感知是最強的。

那么動效能給給產(chǎn)品設計帶來什么好處那？

1. 讓體驗更連貫：幫助用戶理解界面之間的關系，縮短用戶和界面之間的鴻溝。消除屏幕傷的跳變。告訴用戶元素從哪來到哪去。
2. 消化引導流程，降低學習成本：在最恰當?shù)臅r機給用戶有意義的引導。減輕認知負擔，讓體驗更愉快。
3. 空間擴展：讓當下用戶不需要的信息隱藏，適當?shù)臅r機出現(xiàn)。
4. 賦予設計趣味和活力：讓錯誤不那么沮喪，讓等待不那么無聊，讓你的產(chǎn)品看起來更具活力。

二、動效是不是越多越酷炫越好那？

在平時項目中，我們有些設計師經(jīng)常為了追求酷炫，生硬的在產(chǎn)品中展現(xiàn)。一個好的動效應該是自然，舒適，錦上添花絕對不是為了僅僅去吸引眼球，生拉硬套。所以要把握好動效的輕與重，先考慮用戶使用的場景、頻繁程度來確定動效的注目程度，其次重視整體性的編排。

下面我們來看一下經(jīng)常在APP里面使用動效的場景：

1. 開機啟動圖

強化產(chǎn)品品牌，動畫短小。僅為簡單變形，旨在突出產(chǎn)品logo。因為開啟啟動圖時間非常短，復雜的動畫延遲了界面的過渡。

2. poplayer動畫

強調(diào)驚喜，有創(chuàng)意的，有互動性的動（手淘的雙十一活動）

3. 界面之間切換跳轉

幫助用戶理解界面剛發(fā)生的變化，讓用戶知道自己在哪。例如頁面之間的轉場，彈出等。

4. 擴展空間場景

強調(diào)關聯(lián)性的場景，展開，放大縮小，翻轉等。

5. 強調(diào)狀態(tài)

抓住用戶注意力，也可以說是分散用戶注意力，例如加載時，出錯時等。

6. 聚合入口

7. 突出元素，增加情趣 （播放器播放暫停案件）

三、我們在項目中是怎么推進動效落地的？

我什么我們覺得超酷超美的UI動效，似乎很少在真實的App上看到它們被實現(xiàn)。技術門檻降低了這些UI 動效的可行性也許是最大的一個原因；除此之外，設計師們在提出這些UI動效時，往往都缺乏使用情境。切記為了漂亮而漂亮。

常用的一些小技巧：

1. 羅列全局動效改進點列表
2. 提出概念方案，向團隊推介
3. 不同情況下的原型復雜程度取舍，簡單可以直接拿樣品和技術溝通，標志性動效細膩還原。有些動效可能比較簡單，如果我們能用線上的例子說明你所需的動效效果，可以節(jié)省你做demo的時間，把重點放在重點細膩動效上。
4. 視覺和交互的通力合作

我們增加動效是為了更好的闡述產(chǎn)品邏輯，它與交互緊密相關，所以跟你團隊一起推進動效的產(chǎn)出事半功倍。

五、動效的工具

雖然身為設計師，可以定義非?？犰诺膭有В怯捎诩夹g成本限制可能被摒棄。所以作為設計師同樣需要理解技術實現(xiàn)的基本原理。下面為大家介紹以下工具：

1. 交互性動效

如果你做了案例，動效只是為了說明你的設計，闡述你的交互邏輯，那么下面四款都可以滿足的你的基本需求。Principle和Flinto都可以直接置入你的sketch設計稿，跟你的設計產(chǎn)生聯(lián)動。頁面也很簡單，完成轉場的交互極其便捷，另外還可以做一些基本時間軸動畫， 調(diào)節(jié)單個元素的曲線變量等。Hype3實現(xiàn)的效果可能不那么精致，但是可以直接導出對應的代碼。

Pixate除了一些基礎的控件供你使用，特殊的動效可能需要一定的代碼才能完成，可能對于沒有語言基礎的設計而言效果過于簡單。

2. 復合型動效

Origami是一款基于Quartz Composer的插件，它提供了很多自定義的控件。但界面相對設計師而言不夠友好。

3. 創(chuàng)意性動效工具

如果你要做一個很酷的開機動畫，那么你可以選擇AE或者C4D。你可以專注在你的創(chuàng)意上而不被代碼表達式干擾。

很多新手會問，哪個軟件是最好的？其實并沒有完全的類比，在恰當?shù)男枨笙逻x擇恰當?shù)能浖米畹偷某杀就瓿赡愕男枨缶秃?。你可能會用AE去做 一個復雜的開機動效，用flinto展現(xiàn)了交互邏輯都是ok的。

最后，推薦一些值得參考的站：

1. Capptivate
2. UI animation
3. LitterBigDetail

作者：卜妮

來源：微信公眾號【優(yōu)酷土豆用戶體驗設計中心】

版權聲明：人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范，所轉載的文章都注明作者和來源，若標注有誤，請聯(lián)系主編QQ：419297645更改。