APP設(shè)計的新領(lǐng)域:3種常見的APP動效設(shè)計方案

如今app動效也越來越火了,25學(xué)堂認(rèn)為2015年將是APP動效迅速發(fā)展的一年,主要是因為動效是最奪人眼球的工具之一,正確的運用動效技巧,會在與用戶的對話中起到很好的引導(dǎo)。

app動效設(shè)計

不過也正因為它的強勢,所以一定要梳理好設(shè)計目標(biāo),不要讓其變?yōu)楦蓴_,畢竟用戶的注意力和時間都變得越來越少,我們要做的是更合理的利用動效來傳達我們的信息。

從這點看,APP動效也是一把雙刃劍。駕馭的好自然就是一把APP設(shè)計當(dāng)中的寶劍。駕馭的不好,就會讓我們的APP跌入萬丈深淵。

在此,不知道大家還記得25學(xué)堂之前發(fā)表過的一些APP動效設(shè)計基礎(chǔ)知識和APP動效制作工具的博文。希望大家可以好好的閱讀一下。

1、APP動效設(shè)計入門教程以及設(shè)計方法總結(jié)

2、移動APP的交互動效設(shè)計5點規(guī)范和交互動效分類

3、16種常見的APP動效設(shè)計技巧和動效案例欣賞

 

今天跟大家探討的內(nèi)容是APP設(shè)計的新領(lǐng)域:3種常見的APP動效設(shè)計方案。

大致可分為三類APP動效設(shè)計:基本動效設(shè)計,招牌動效設(shè)計和高難度動效設(shè)計

 

第一種APP動效設(shè)計方案:基本動效設(shè)計

最基本動效可以讓用戶看后很舒服。

基本動作也可稱為日常動作,如坐立,行走,握手,擁抱等.對應(yīng)APP中的基本動作分三類:

? ?1.指向性動效(滑動,彈出等)

? ? ? ? ? ? ? ?2.提示性動效(滑動刪除,下拉刷新等)

? ? ? ? ? ? ? ?3.空間擴展(翻動,放大等)

ui8-wireframekit

不要小瞧基本動作,試想當(dāng)你看到一位美女起身向你走來結(jié)果駝背,外八字,是啥感覺!APP亦是如此。流暢,自然映射,重力模擬這些看似簡單但卻能讓用戶在操作時輕松自在并有強烈的代入感。這類動效最重要的是讓用戶感到毫無負(fù)擔(dān)又如沐春風(fēng),也就是不要奪人眼球,悄無聲息的順應(yīng)用戶行為,引導(dǎo)用戶需求。

 

第二種APP動效設(shè)計方案:招牌動效設(shè)計 ?

主要目的是加深用戶對APP的印象

招牌動作是基于基本動作有選擇性的差異化展現(xiàn)。例如針對空間擴展而設(shè)計的path加號按鈕動畫。facebook 推出的paper關(guān)閉消息的拉伸曲線動畫等。

巧妙的設(shè)計在滿足產(chǎn)品功能需求的基礎(chǔ)上更能讓用戶驚艷。這類動效是APP的專屬符號,APP的品牌和逼格展現(xiàn)通過此類動效有較大的發(fā)揮空間。

這就像邁克杰克遜的亮相經(jīng)典pose,他本人or模仿者只要一擺出這個POSE我們就立馬想到MJ。同樣這類動效的設(shè)計更具嘗試性和前瞻性,它是動效趨勢的實踐和探索,甚至能引發(fā)跟風(fēng)潮流。

65857

 

 

第三種APP動效設(shè)計方案:高難度動效設(shè)計

在這個大家都很拼的移動APP設(shè)計世界里,不來點讓人經(jīng)驗的高難度動作很難讓別人對你刮目相看。這類動效很酷,很炫,可讓用戶作長時間的視線停留享受,讓用戶尖叫的同時,不得不為設(shè)計動效的同學(xué)點贊,大大提升了對APP所屬品牌及開發(fā)團隊實力的認(rèn)可。

當(dāng)然不要忘了APP的主要功用,高難度動作只是錦上添花抑或畫龍點睛。

下面是雨神追蹤器的app動效設(shè)計欣賞:

雨神追蹤器

雨神追蹤器

所以在APP設(shè)計中高難度動作并不一定都會使用,要根據(jù)APP的切實需要進行設(shè)計。在不干擾主功能的前提下,進行探索展示。所以這類動效多出現(xiàn)在引導(dǎo)頁或者特殊功能展示上例如手機清理APP展示清理進度的儀表動效等。而且也要考慮用戶的機器設(shè)備所可以承載的性能。

?總結(jié):3種常見的APP動效設(shè)計方案相輔相成的,合理的搭配和運用,可以讓我們的App變得更出眾,更性感,更有趣。也可以說是高大上。

在App設(shè)計整個過程中,這三類動效設(shè)計要遵循以基本動效為主,招牌動效為輔,高難度動效精選使用,切勿過度炫技的準(zhǔn)則。在全民扁平化的設(shè)計趨勢中,相信動效會為設(shè)計帶來更多的可能和驚喜。

每天更新,
全站高品質(zhì)素材免費下載!