1、UI動效用什麼軟體做
動效設計軟體有哪些？
看到這里可能你最想要知道的就是哪些軟體可以做動效？
目前市面上確實蠻多的，絲路教育小編建議學好一個，夠用就好。學多而不精其實就是浪費時間！
1.Adobe After Effects
AE這個軟體我想都該知道~火得一塌糊塗，如果我沒猜錯的話，它目前屬於設計師學動效的首選。
它的特點就是強大且牛逼。基本上要的功能都有~UI動效製作其實只是用到了這個軟體很小的一部分功能而已~要知道很多美國大片都是通過它來進行後期合成製作的~ 配合PS和AI等自家軟體來說，更是得心應手啊~dribbble上炒雞多的大神都是用這個軟體在show哦~畢竟這個軟體做demo那是擰〔犇逼的~
但是有些效果程序猿不見得能夠幫你實現出來哦~ 因為實際的項目產品受太多的制約啦~木有那麼多程序猿會沒事給你做動效的！
2.Adobe Photoshop
可能很多人都認為ps只用來作圖和處理圖像的，並不知道ps可以做gif~然而當AE沒有火起來的時候，我們這些老ui設計師們都是用ps做gif，用flash做demo（過去我們只需要做PC桌面的動效）。如果我沒記錯的話，ps從cs6之後開始進一步加強了動效的模塊，現在的版本能夠實現很多相對復雜的動效哦~
而筆者喜歡用ps來製作簡單的表情動畫，逐幀動畫用得居多
3.Adobe Flash
Flash可以說是過去的王者，也是由於時代的發展原因，現在基本被淘汰了，這里不多做解釋，具體可以百度哦。（據說特別耗費cpu和佔用內存，軟體裡面有都爆卡~不淘汰才怪）現在很多很low的網頁游戲還在用這種技術~
4.Pixate
這個軟體被大牛Google收購了~然而它被Google收購一年後：Pixate Studio宣布卻於10月31號被停止更新了~凄凄慘慘戚戚。簡單說下它的優缺點：
Pixate是圖層類交互原型軟體。優點：可交互，共享性強，和Sketch結合相對高，同時對Google Material Design的支持比較好，有許多MD相關預設。Pixate的缺點是沒有時間線，層級管理不是很明確，圖層一多就會非常的繁雜。
5.Origami
這個軟體可以用一句話來形容：超強大的高難度原型工具。
要是沒點代碼知識做壓驚~~建議遠處觀望就好~
6.Hype 3
hype 3也算是火了一小段時間的~號稱無代碼動效神器，像AE一樣使用時間軸就做可互動的動畫。PC、手機、pad端都可以直接訪問（以web的形式），也可以導出視頻或者GIF。3.0版還有物理特性和彈性曲線，可以發揮更強大的動畫效果。對中國人來講，它原生支持中文這一點也非常棒！配合sketch效果也是杠杠的·~~
7.Flinto
界面跟Sketch很像，如果會用sketch那麼上手很快。能夠快速實現各種滾動、轉場、點擊反饋效果。手機和電腦端的預覽都非常的流暢。貌似現在用的人不少。
8.Principle
這個軟體的和上面的flinto有點類似~界面和sketch類似，同時配合sketch也是非常方便。它主要是做 2 個頁面間過渡專場特效，元素切換，細節動效的工具。優點很明顯，效率高，質感好，缺點就是不能做整套原型。
9.CINEMA 4D
說到C4D或者大家第一反應是它是三維軟體啊~沒錯！但是它做起動效來也是帥破天際的。
10.keynote
keynote相當於windows的powerpoint，是個幻燈片軟體。但是！或許你並不知道，據說蘋果的交互設計師都是用keynote做交互演示的......只要能夠熟練掌握這個軟體，目前app里的絕大多數動效都是可以做出來的~但是相對復雜一點的動效實現起來就有點不夠.......但是已經很屌了好吧~~筆者經常為了省事直接都是用它做個簡單demo給程序猿看的。快捷方便啊~要知道時間就是金錢啊！
好啦~由於絲路小編也並不是全部了解目前市面上的動效軟體，按照自己的理解基本上一些相對主流的動效製作軟體就是上面這些，如有漏或者不對的地方還請見諒~
2、設計師應該了解哪些簡單的css3動效
你可以去學習一下 adobe Edge Animate 即使不同代碼也無所謂 這個軟體和操作flash差不多 主要是做網頁的交互和動畫的
CSS3 動畫屬性（Animation）
@keyframes 規定動畫。 3
animation 所有動畫屬性的簡寫屬性，除了 animation-play-state 屬性。 3
animation-name 規定 @keyframes 動畫的名稱。 3
animation-ration 規定動畫完成一個周期所花費的秒或毫秒。 3
animation-timing-function 規定動畫的速度曲線。 3
animation-delay 規定動畫何時開始。 3
animation-iteration-count 規定動畫被播放的次數。 3
animation-direction 規定動畫是否在下一周期逆向地播放。 3
animation-play-state 規定動畫是否正在運行或暫停。 3
animation-fill-mode 規定對象動畫時間之外的狀態。
2D/3D 轉換屬性（Transform）
transform 向元素應用 2D 或 3D 轉換。 3
transform-origin 允許你改變被轉換元素的位置。 3
transform-style 規定被嵌套元素如何在 3D 空間中顯示。 3
perspective 規定 3D 元素的透視效果。 3
perspective-origin 規定 3D 元素的底部位置。 3
backface-visibility 定義元素在不面對屏幕時是否可見。 3
過渡屬性（Transition）
transition 簡寫屬性，用於在一個屬性中設置四個過渡屬性。 3
transition-property 規定應用過渡的 CSS 屬性的名稱。 3
transition-ration 定義過渡效果花費的時間。 3
transition-timing-function 規定過渡效果的時間曲線。 3
transition-delay 規定過渡效果何時開始。
3、網頁製作 HTML中 動態效果的實現
滑鼠懸停用a:hover偽類啊,然後a用一個背景圖,hover用一個背景圖啊.
4、關於製作網頁。網頁上如何分一個一個的版塊？網頁是如何製作動態效果？（不是動畫）
下雪效果是動畫效果。可以用flash或用Dreamweaver的時間軸製作。
標簽票老飄去也是用Dreamweaver的時間軸製作的。
一串文字不限次數的從淡到深顯示出來一般使用Flash做的動畫。
5、製作網頁的動態效果，用什麼軟體最簡單啊？
網頁中的動畫：1復雜些的可以用flash做，存為swf格式，放在Dreamweaver建的網頁布局裡。
2.簡單些的可用photoshop來做，保存為gif格式，給Dreamweaver建的網頁用。
3.也可用Dreamweaver直接來做網頁中的動態效果。
動態網頁指的是互動式的，需要asp,java等語言類軟體。
6、在現代網頁設計中，動效有哪些常見的用法？
令人愉悅的動效幾乎已經成為如今網頁設計的標准配置了，融入動效的交互細節讓現代網頁同以往的設計在根本上區別開來。動效不僅可以表現狀態，引導用戶的關注點，幫助用於預測交互的結果，甚至影響用戶的行為。
在逐步的探索和發展過程中，動效在網頁和APP中的運用方法與技巧已經逐步成熟，形成了一套相對系統的模式。今天的文章我們通過一系列實例，來展示一下動效是如何改善整個用戶體驗的。
載入動效
動效最常用的一個地方就是進度條。載入進度條的載入動效會改變用戶對於時間的感知，通過轉移注意力的方式讓用戶等待感降低。
如果你無法將等待的時長縮短，那麼盡量令這個過程有趣。
簡單的載入動效其實比復雜的更好。額外的東西，比如聲音效果就沒有存在的必要了。用戶在有趣的動效上投注了越多的注意力，就越容易忽略等待的過程。
即使載入時間很短，有趣的動效依然能讓這點時間變得好玩。
進度動效
動效還可以用來展示交互或者操作的進度。下面的這個載入進度條就是這類動效的代表：
這個是Aviasales 的進度條。
同樣的，你還可以考慮使用進度條來展示多個不同的步驟：
界面框架
界面框架會將界面載入之後的大概樣式給展示出來，界面框架會讓用戶產生內容一瞬間就載入好了的錯覺。這種動效可以應用在絕大多數的網頁和APP當中，它會明顯強化用戶的參與感。
視覺反饋
將界面反饋視覺化地呈現給用戶是非常實用的.良好的交互設計需要視覺反饋來支撐，傳達交互完成後的結果，讓交互可用、可見、可預期。網站界面中哪些元素可交互如果是不可知的、交互的結果也不可預期，混亂就不可避免了。周密的交互設計可以幫助用戶理解，將這種混亂降到最低。
懸停動效
桌面端交互主要還是藉助觸控板和滑鼠，游標懸停特效很大程度是為這種情況而存在的，同時，它也是最常見的動效之一。
當用戶不知道某個控制項怎用的時候，會很直覺地將游標移動到上面去，這個時候，懸停特效能夠很好的吸引他們的目光。
移動端由於交互方式的差異，幾乎沒法使用懸停動效。無論是按鈕還是輸入框，當你點擊屏幕的時候就已經觸發控制項了，只能在隨後呈現結果，而無法像懸停動效一樣預覽。
吸引注意力
被運動的事物所吸引，是人類的生物本能。這也使得動效成為了吸引用戶注意力的完美工具。
舉個例子，表單輸入的用戶體驗加入動效就有很大的提升空間。比如你可以在用戶輸入完成或者輸入正確之後，給用戶一個點頭的動效，在輸入錯誤之後左右晃動提供「搖頭拒絕」的動效，人性化地傳遞信息，用戶也是很容易理解的。
導航
從設計趨勢上來說，越來越多的網站開始選擇使用隱藏式的導航菜單，將更多的選項隱藏在漢堡菜單之後。而菜單的打開和關閉中肯定需要動效加持來降低突兀的過渡，如果設計的足夠精巧，用戶會立刻被吸引住。
下面是Brian Hoff Design 的網站設計，當用戶單機圓形箭頭按鈕的時候，一個超大的菜單會從側面彈出，彈出過程中不僅有動畫，而且整個界面變暗會讓用戶更加難以忽略菜單的存在。
動效幫助用戶將兩種不同的狀態和界面連接到了一起。
平滑的狀態切換
無論是從一個Tab切換到另外一個Tab，還是界面模式的變化，狀態切換是UI界面中最常見的情況，動效能夠讓狀態切換平滑無比。在《Smart Transitions In User Experience Design》 這篇文章中， Adrian Zumbrunnen 提供了一個很好的粒子，動效是如何幫助用戶理解上下文和狀態變化和不同的部分的。
簡單對比一下下面的兩個案例，就知道生硬的切換和平滑切換之間的差別了。
創意特效
充滿創意的特效總能讓用戶真正難以忘懷，它們的價值在於取悅用戶，讓人記住。
長滾動頁面
不得不說，首屏的設計一直是網頁設計的焦點所在，設計師將注意力集中在這個充滿價值的區域是有道理的。但是頁面餘下的部分同樣很重要，事實上，有個說法是「正常媒體頁面上百分之66%的用戶注意力都在首屏之下」，因此結合了動效的長滾動頁面同樣非常有用。
動效讓滾動式的交互充滿了趣味。
7、ae做的交互效果怎麼在網頁中實現
AE做的交互動畫只是一個指導，他指導前端人員該實現如何效果的頁面！
最終是需要用HTML+CSS+Javascript來實現的。
8、UI設計師怎麼做動效
可以在網上找資料和視頻進行學習，計算機行業，就是要不斷學習、不斷成長的哦。
9、ui設計作品集里的動效怎麼做的
作品集是設計師對個人能力的證明，作品集足夠出彩，才能讓心儀企業在茫茫人海中選中你。如何做出出彩的設計作品集呢？
首先，是作品集製作時間的選擇；
作品集的最佳准備時間是在項目完結後，秉承設計總結的心態去做設計作品集，才是正確的方向。
絕對不能是在找工作的時候，臨時抱佛腳。沒時間進行打磨，是很多設計作品集質量不佳的根本原因。如果以找工作為結果導向，設計師更多的會去呈現設計結果，這樣完成的並不能稱為作品集，而是圖片合集。
第二，是作品集的視覺呈現；
很多交互設計師不太注重自己的作品集的視覺呈現，這是錯誤的，注重視覺呈現對交互設計師而言很重要。好的視覺呈現能夠提高整體交互設計案例輸出的專業度，也是對你綜合能力的體現。
作品集內最好包含 3-4 個完整的項目，頁數最好控制在 20 頁以內。
第三，作品集就像一篇簡化的圖片論文，你得有過硬的、出彩的觀點；
這個觀點可以是圖像化，也可以是文字化描述。要寫好這篇」論文「，設計師要清楚自身的崗位及價值，如果定位是執行，那麼你的作品集，要有強化執行的設計案例以及相關描述。
沒有一份作品走天下的道理，除非你覆蓋面非常全，包含各類型產品，一般來說面試不同的職位，需要對作品集進行恰當的調整。
通過作品集的細節，包括視覺的推導、交互的思考過程，篩選官會對你的進行評級。
最後，作品集內容的論證的方式必須是經得起推敲的。
設計價值、思維、邏輯等內容不一定要全部在作品集展現，但是你必須自己過一遍，而且要非常有邏輯，清晰有條理，為什麼？
因為面試官非常重視這些問題，一定會在面試中問到。
總的來說，作品集的整理，第一得體現和崗位的匹配度，第二要補充那些非核心的設計能力考核要素，這就是整理作品集的核心。