產品動畫效果,用戶體驗設計師的交互指南 今天小豆培訓網學歷教育小編就來給大家簡單介紹一下。
本文盡可能系統地呈現動畫和動效在視覺和交互上的常見功能和作用。enjoy~
引入新元素當我們要在頁面上引入新的元素或者控件的時候,我們會嘗試引導用戶的注意力到特定的對象上,并且告訴他們「為什么會有一個新東西進來」的原因。在引入新元素的時候,動效能夠幫你界定這個元素和其他元素的關系,以及層次結構。
給用戶以定位感動畫效果可以幫助用戶構建更好的空間感。對于移動端用戶而言尤其重要,因為小屏幕上用戶的交互是非常敏感的,沒有空間感是很容易迷失的。
我們可以使用動效來引導用戶,動效有助于闡釋界面的「空間變化」,也可以更好的解釋界面之間的切換或者變化,通過為用戶提供相關的信息,防止用戶迷失。
在下面的案例當中,浮動操作按鈕(FAB)會變化為一個頁頭,中間是動效則展示了這個變化過程,也說明了兩者之間的關系。
動畫能夠幫你建立元素之間的關系。
減少認知負荷當用戶需要花費心力去盡力理解某個事物的時候,這個認知負荷就很重了。一般而言,越省心的產品,認知負荷就越低。如果一個產品認知負荷重,用戶不花精力就很難理解。
作為設計師,我們的目標應該是創建易用的界面,如果設計得當,動畫能夠幫助用戶減少認知負荷。
在幾乎任何 APP 當中,用戶都需要填寫一些表單,許多表單的占位符常常會作為標簽而存在。當用戶點擊的時候,這個占位符會消失。如果之前用戶沒看清楚,這會兒就沒法看了,自然就很難弄清楚這個字段是什么。如果這個字段能夠在點擊填寫的時候,能浮動上去,用戶就不會迷惑了。
當用戶需要輸入信息的時候,不要指望用戶的記憶,關鍵信息要可見。
幫助用戶理解功能變化當元素在交互之后功能發生改變之后,動效能夠幫助用戶理解功能上的變化。例如,當用戶點擊按鈕之后,這個按鈕將會帶來什么樣的改變。通過動效,用戶可以獲得「這個東西的功能是什么」的答案。
最常見的案例是管理狀態改變的開關,當點擊按鈕開關的時候,狀態發生變化。
在某些情況下,單個元素的變化將會引起整個視圖的變化,比如漢堡按鈕,點擊之后菜單彈出,而漢堡按鈕變成 X 關閉按鈕。
結語動畫,或者說動效的功能是非常強大的,它解決了界面中許多問題,強化了交互和用戶互動,讓產品更加自然直觀,甚至可以闡述故事。
譯文地址:優設網
本文由 @陳子木 授權發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自 Pexels,基于 CC0 協議
1、高考落榜生怎么辦? 學動畫游戲設計專業怎么樣呢?
其實現在很多公司都不看文憑了~~~不過個人覺得大學生活還是經歷下好些~~雖然我是玩過來的!!汗一個!!!看你個人選擇了,不上也沒什么,大不了自考吧~~~至于你的說的游戲動畫很好啊~~就看你的興趣了~~別人覺得再好,你不喜歡,最后沒學好也沒用~~~最好找個自己喜歡的專業去學吧~2、動畫動效設計師是什么專業
想從事動畫動效設計師相關的工作,一般可選擇視覺傳達設計、動畫設計、數字媒體技術、動畫制作技術、交互設計、藝術設計、工業設計等專業。目前直接培養動效設計師的專業比較少,更多的從業者會通過長時間自學以及報班的方式系統學習專業知識。動畫動效設計師一般需要用到AdobeAfterEffects(AE)、AdobePhotoshop(PS)、AdobeFlash、Pixate、Origami、Hype3、Flinto、Principle、CINEMA4D、Keynote、Proto.io、Atomic.io、Framer、Protopie等軟件。其中,AE目前屬于設計師學動效的首選。它的特點是功能齊全,UI動效制作只是用到了這個軟件很小的一部分功能而已,配合PS和AI等軟件,更是得心應手。3、動漫設計專業是什么?
動漫設計屬于CG(ComputerGraphics簡寫)行業部分,主要通過漫畫、動畫結合故事情節形式,以平面二維、三維動畫、動畫特效等相關表現手法,形成特有的視覺藝術創作模式。如果真的想在這個方面有所發展就一定要堅持充實自己,不斷學習。學習的話可以考慮一下王氏教育。王氏教育有十九年品質保證,是中國數字藝術教育旗艦品牌,為龍頭CG教育企業,在全國擁有十三個校區,想知道王氏教育實體培訓有多強,免費試學下就知道了,點擊:王氏教育全國實體校區-線上試聽鏈接。王氏教育除了師資上在業內有口皆碑,在教學研發上的投入更加出眾,可以在應用市場搜索下載:繪學霸APP,上面有大量的課程視頻教程,有數萬新老學員在里面交流和學習,同時還有成千上萬的公司在上面招聘,可以去搜索了解下。4、UI培訓要多久?好學嗎?
以我個人親身經歷回答您的問題,希望可以有所幫助。
什么是UI設計?UI:User Interface說人話叫用戶界面,即是你在使用的操作系統、app、網頁等等界面你所能看到的這些都屬于UI的一部分,聽好了這是其中的一部分,一位合格的UI設計他一定是要有用戶體驗,從用戶角度來考慮這個產品頁面美觀設計。在很多時候實用性要高于美觀度,首先是實用然后是美觀。所以所UI設計不僅僅是會軟件,會修圖。更重要的是會設計。
嚴格來說學習UI需要具備一定的設計基礎,一般是美術生比較多比較合適,對美學的事情有自己的體會和研究,從顏色搭配和排版等各方面都有不錯的感覺。會基本的設計工具使用。如果你不是美術生建議最好不要培訓UI。
UI培訓學習的內容一般UI培訓的課程有ps,ai,axure,xmind,手繪,這些基本的工具。其次還有一些培訓機構有c4d,手繪板學習,cdr,ae,pr,sketch等工具,同時還有一些主流軟件UI界面的分析。
總結一下目前的UI培訓班很多,魚龍混雜,如果你要想學UI培訓結合自身的情況、目前UI設計師的工作不是很好找,需要有專業的技術和經驗,才能拿一個比較合適的工資。













