我們都知道設(shè)計(jì)的形式、風(fēng)格，信息技術(shù)等都是不斷推陳出新的，一味的追隨設(shè)計(jì)的潮流，只會(huì)望塵莫及，被潮流牽著走。而我們能做的就是關(guān)起門來(lái)，立足自己的產(chǎn)品，慢慢打磨，把設(shè)計(jì)做得更極致！這就是ios7。

之前，25學(xué)堂跟大家講解了ios7的設(shè)計(jì)風(fēng)格，你們真正知道ios7有哪些特色亮點(diǎn)嗎？今天跟大家分享的是移動(dòng)APP的交互動(dòng)效設(shè)計(jì)。

最新的iOS7界面使用了的扁平化UI、依從于內(nèi)容纖細(xì)的字體和鮮明的圖標(biāo)、帶有縱深感的層次與動(dòng)畫(huà)表現(xiàn)等等。還有一個(gè)很重要的特色就是 交互動(dòng)效的設(shè)計(jì)。

什么是移動(dòng)APP的交互動(dòng)效設(shè)計(jì)？

移動(dòng)APP交互動(dòng)效：包括哪些能夠?yàn)楫a(chǎn)品賦予生機(jī)的動(dòng)態(tài)的界面元素及視覺(jué)效果，這些交互效果通常與特定的響應(yīng)行為相關(guān)，甚至包括那些與交互行為沒(méi)有直接關(guān)聯(lián)的臨時(shí)狀態(tài)。

蘋(píng)果官方文檔的解讀是這樣的"精細(xì)而恰當(dāng)?shù)膭?dòng)畫(huà)效果可以傳達(dá)狀態(tài)、增強(qiáng)用戶對(duì)于直接操縱的感知、通過(guò)視覺(jué)化的方式向用戶呈現(xiàn)操作結(jié)果"

有專家稱 iOS 7確確實(shí)實(shí)是一款非常開(kāi)放、明亮和摩登的移動(dòng)操作系統(tǒng)，它的美觀無(wú)關(guān)扁平，只與悅動(dòng)于屏幕的操作體驗(yàn)相關(guān)。

所以，今天25學(xué)堂跟大家來(lái)聊一聊《?移動(dòng)APP的交互動(dòng)效設(shè)計(jì)5點(diǎn)規(guī)范交互動(dòng)效分類》

個(gè)人認(rèn)為交互動(dòng)效設(shè)計(jì)將會(huì)是移動(dòng)客戶端的設(shè)計(jì)主流趨勢(shì)。

第一部分：移動(dòng)APP的交互動(dòng)效設(shè)計(jì)5點(diǎn)規(guī)范

1、保持過(guò)渡切換的流暢性

如果說(shuō)界面布局可以組織UI元素的靜態(tài)位置，那么動(dòng)效可以組織UI元素在時(shí)間維度上的演進(jìn)。

2、必須具備高效的反饋機(jī)制

作為與用戶之間發(fā)生聯(lián)系的一個(gè)很重要的交互元素，良好的反饋設(shè)計(jì)可以讓用戶更好地了解到操作的結(jié)果與程序當(dāng)前的狀態(tài)，減輕用戶在等待過(guò)程中的焦慮。

3、增強(qiáng)APP的操縱感和體驗(yàn)感

“直接操縱”是移動(dòng)產(chǎn)品用戶體驗(yàn)中很重要的一個(gè)概念，簡(jiǎn)單來(lái)說(shuō)，它要求我們的產(chǎn)品與用戶交互的方式盡量接近真實(shí)世界的互動(dòng)方式。

4、有效的幫助引導(dǎo)

由于移動(dòng)界面的空間非常有限，我們經(jīng)常要藏起一部分功能，同時(shí)手勢(shì)操作也是移動(dòng)應(yīng)用中很常見(jiàn)的交互元素。

5、提升體驗(yàn)創(chuàng)新戲碼

如果你的產(chǎn)品已經(jīng)擁有了良好的可用性，卻缺乏亮點(diǎn)，也許你可以考慮為其增加動(dòng)效。將動(dòng)效融入產(chǎn)品之中，往往帶來(lái)更愉悅地使用體驗(yàn)，也更細(xì)膩地表達(dá)應(yīng)用的情緒和氣質(zhì)。

第二部分：移動(dòng)APP的交互動(dòng)效分類知識(shí)點(diǎn)

到底一個(gè)移動(dòng)APP的交互動(dòng)效有哪些分類呢？如下圖所示：

總結(jié)下：移動(dòng)APP交互動(dòng)效設(shè)計(jì)，既在產(chǎn)品的功能層面提供支持，又在表現(xiàn)層面發(fā)揮影響，而且在移動(dòng)產(chǎn)品的交互設(shè)計(jì)中，它確實(shí)很有實(shí)用價(jià)值！值得我們深挖！

文章部分觀點(diǎn)來(lái)自設(shè)計(jì)達(dá)人：http://www.shejidaren.com/new-ios-7-ux-design.html