標簽歸檔:動畫

首先你要有個SVG,教你使用PS、AI導出SVG

大家好,這個系列打算開始和大家討論一下SVG。 關于SVG大家應該都有過了解吧? 什么,你不知道什么是SVG?

新版MATERIAL DESIGN 官方動效指南(三)

新版Material Design?官方動效指南已經翻譯到第三章了!今天這部分,從動效的運動和材料形變入手,讓你的動效自然真實,貼近現實狀態。再系統的干貨都比不上官方的動效指南,西瓜就在這,趕緊來撿。…

新版MATERIAL DESIGN 官方動效指南(二)

新版Material Design?官方動效指南的第二部分,從動效的速度、動態持續時間、通用持續時間和緩動曲線4個部分,教你創建平滑一致的Material Design?動效。

新版MATERIAL DESIGN官方動效指南

編者按:前兩天Google 剛發布了新版Material Design?官方動效指南,今天@平行煎餅?就給大家帶來了中文版!全文包括三個部分:為什么說動效很重要?如何制作優秀的Material Des…

微交互:優秀 app 設計的秘訣

最優秀的產品在兩方面有過人之處:產品特點和產品細節。產品特點吸引人們使用產品。產品細節維持用戶的忠誠度,并且真正使得 App 在競爭中脫穎而出。微交互是獲得用戶給出滿意反饋的最佳技術之一。

提升用戶體驗的7大微交互

眾所周知,我們總是依據封面來判斷書的好壞,聰明的設計師會創造實用有吸引力的界面。潛在用戶可能會被吸引,但如何一直黏住他們呢?

交互技巧,淺析四個主流的頁面間跳轉動效

@米_亓?:最近一直在做交互規范總結的工作,在不斷梳理頁面間跳轉邏輯的同時,發現頁面間的邏輯關系并不能和頁面間跳轉的動效很好的結合上。雖然只是零點幾秒的切換動效,卻能在一定程度上影響用戶對于頁面間邏輯…

停止不必要的UI動效設計

前言:這篇短文將會探討UI設計中動畫的過度使用,并將其與早期的視覺設計進行對比,提出一些對于有效的GUI動效設計的建議。 我們將在下文中,簡單探討如何改善下面的這個交互。

Axure教程 | 為原型設計添加點動畫效果

應用交互效果中,動畫效果是應用的錦上添花效果,比起死板的頁面切換,動畫過渡效果還是會讓人感覺自然,不那么生硬,也是一款優秀應用的加分項。我們以幾個例子來說明一下如何應用axure里的動畫效果。

界面設計中的動畫原理:可理解的變速過渡效果-深入研究加速和減速

你認為這兩個球在做什么 綠球彈跳很明顯,但是紅球在怎樣運動?當然,它像綠球一樣上下運動,落下和彈起所用的時間和綠球一樣。然而,紅球感覺很機械,而綠球讓人感覺它確實在彈跳。為什么我們會有這…

玩轉HTML5移動頁面——優化篇

承接上文《玩轉HTML5移動頁面(動效篇)》,上次說的是讓頁面動起來的一些小技巧。 而頁面動起來的根基是功能可用的頁面,因此有必要分享一些優化細節的技巧和方向,熟悉掌握一些方法論還是會對…

玩轉HTML5移動頁面——動效篇

作為一名前端,在拿到設計稿時你有兩種選擇: 1.快速輸出靜態頁面 2.加上高級大氣上檔次狂拽炫酷屌炸天的動畫讓頁面動起來 作為一個有志向的前端,當然是選2啦!可是需求時間又很短很短,怎么辦呢?

常見的Loading進度條動效形式

在瀏覽網頁、玩游戲、手機應用等場景,因為網速慢或是硬件差的關系,難免會遇上等待加載的情況,沒人喜歡等待,耐心差的用戶可能因為操作得不到及時反饋,直接選擇放棄。正所謂細節決定成敗,這時添加一個Loadi…

Web、App中添加動效設計應遵循的12條原則

沒有用戶請求就不會產生交互。 當你關閉一個標簽時,它就會從屏幕上消失:簡單地說,這給了用戶一個即時的反饋動作(這個視覺效果對我們來說非常重要)。深入地說,動作讓人類感受到了現實生活中的行為。動畫…