亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

容器過渡類動(dòng)效，除了上一篇文章中提到的從元素過渡到全屏的模式，還有一種也是常見的-浮層；與容器轉(zhuǎn)換動(dòng)效的不同的是，容器中的內(nèi)容也不會(huì)跟隨容器的縮放轉(zhuǎn)換內(nèi)容。

它的整體設(shè)計(jì)思路與容器轉(zhuǎn)換動(dòng)效基本一致，動(dòng)效持續(xù)時(shí)間300ms，容器以峰值速度快速從屏幕中間進(jìn)入，隨后做減速運(yùn)動(dòng)直至停止。

開始設(shè)計(jì)

界面的層次感

首先聊下什么是層次；

層次不等同于層面，“次”是一種有序的排列，強(qiáng)調(diào)的是與參照點(diǎn)的距離不同而產(chǎn)生的差異。層次是由多個(gè)層面構(gòu)成的，從系統(tǒng)論的角度來講，一個(gè)相對(duì)獨(dú)立的系統(tǒng)是由不同層級(jí)的結(jié)構(gòu)構(gòu)成的，這些不同的層級(jí)構(gòu)成了系統(tǒng)的層次。

簡(jiǎn)單來說，以屏幕為參照點(diǎn)，層次強(qiáng)調(diào)的是垂直于顯示平面，并延伸向用戶視角的相對(duì)深度或距離，這一概念早在ios7的人機(jī)交互規(guī)范中就已指出，用以幫助用戶理清任務(wù)前后的層次關(guān)系，并用動(dòng)效來向用戶傳遞感知，讓用戶更容易理解。

作為產(chǎn)品設(shè)計(jì)師，我們非常熟悉我們?cè)O(shè)計(jì)的產(chǎn)品中所有界面元素（顯性的與隱藏的），但作為用戶，只能通過使用實(shí)踐去理解，那些不可見的部分在視覺和認(rèn)知上都是隱藏的，結(jié)合動(dòng)效，Z軸的方向給了我們更多的可能性，讓用戶更清晰的理解產(chǎn)品架構(gòu)，增強(qiáng)用戶對(duì)信息的把控。

浮層的動(dòng)效設(shè)計(jì)就是通過動(dòng)效創(chuàng)造基于屏幕的縱深空間關(guān)系的連續(xù)性，傳遞主視圖層與浮窗在架構(gòu)上的層次關(guān)系，對(duì)用戶更好的理解產(chǎn)品、使用產(chǎn)品提供幫助。

動(dòng)效設(shè)計(jì)

從浮層的定義入手，它是用于提示用戶做一些決定，或者提供完成某項(xiàng)任務(wù)時(shí)需要的一些額外信息，任務(wù)過程中應(yīng)避免引發(fā)打斷用戶操作的心理感受；基于用戶的心理預(yù)期，浮層的動(dòng)效應(yīng)該簡(jiǎn)潔干練，兩個(gè)設(shè)計(jì)要點(diǎn)可以實(shí)現(xiàn)這一設(shè)計(jì)目標(biāo)：

1、簡(jiǎn)化容器縮放的變化過程：縮放不從0%開始，而是80%-95%開始，減少容器的大小變化引起的注意力過度關(guān)注。

2、簡(jiǎn)化退出動(dòng)效：退出時(shí)，用戶的期望是更快的進(jìn)入下一個(gè)步驟以更快的完成任務(wù)，所以退出動(dòng)效設(shè)計(jì)更為簡(jiǎn)潔，容器和內(nèi)容只是淡出而不縮放，以幫助用戶集中注意力于新內(nèi)容。

Powered by Froala Editor