原理7:覆蓋(Overlay)
覆蓋通過允許用戶能讓本來有限的空間被更好的利用起來。利用扁平化設(shè)計(jì)來闡述兩個相互獨(dú)立的元素的位置關(guān)系伙狐。
示例中,前景物體向右滑動以顯示其他背景物體的位置皿渗。我們用圖層進(jìn)行設(shè)計(jì)涨岁,圖層的概念深入內(nèi)部墓律。作為設(shè)計(jì)師钧嘶,我們需要非常熟悉我們正在設(shè)計(jì)的所有對象(包括隱藏片段)帖努。然而烟馅,作為用戶,這些不可見的部分是定義和實(shí)踐然磷,隱藏在視覺和認(rèn)知上。
原理8:生成(Cloning)
當(dāng)元素被生成時刊驴,表達(dá)元素與元素之間的連續(xù)性姿搜。這種動畫能夠非常清晰地表達(dá)因某個操作而產(chǎn)生的一個或數(shù)個事件發(fā)生以及它們之間的關(guān)系。
在以上三個示例中捆憎,在用戶注意力集中在這些對象的時間內(nèi)舅柜,從現(xiàn)有元素對象創(chuàng)建新對象。 引導(dǎo)注意力躲惰,然后通過創(chuàng)建一個克隆的新對象來引導(dǎo) - 具有傳達(dá)清晰明確的事件:該行為“x”具有“y”的結(jié)果創(chuàng)建新的子對象致份。
原理9:蒙層(Obscuration)
與覆蓋原理中的用戶體驗(yàn)類似,蒙層既是靜態(tài)現(xiàn)象础拨,也是時間現(xiàn)象氮块。不完全蓋住,簡單的不透明度漸變往往不會達(dá)到這個結(jié)果诡宗。通常利用模糊或者變暗保留可視性滔蝉。
上面示例中,模糊看起來像透明對象或疊加層塔沃,也是一種涉及多個屬性的時間交互蝠引。各種常見的技術(shù)涉及模糊效果和整體對象透明度的減少。用戶意識到她正在操作的另一個非主要上下文 - 還有另一個世界,就像它在主要對象層次結(jié)構(gòu)“后面”一樣螃概。遮擋使設(shè)計(jì)師能夠補(bǔ)償用戶體驗(yàn)中的單一統(tǒng)一視野或“客觀視圖”矫夯。
原理10:視差(Parallax)
作為運(yùn)動原理中的UX的“視差”描述了以不同速率運(yùn)動,構(gòu)成不同的視差效果吊洼。
視差允許用戶專注于主要操作和內(nèi)容训貌,同時保持設(shè)計(jì)完整性。在視差效果表現(xiàn)空間中個元素的位置及層級關(guān)系融蹂,引導(dǎo)用戶去關(guān)注應(yīng)該應(yīng)該關(guān)注的地方旺订。
這對用戶的影響是為了明確界定交互的持續(xù)時間,對象關(guān)系超燃。前景對象或“更快”移動的對象對用戶來說顯得“更接近”区拳。同樣,移動“較慢”的背景對象或?qū)ο蟊灰暈椤案h(yuǎn)”意乓。
設(shè)計(jì)人員可以使用時間本身來創(chuàng)建這些關(guān)系樱调,告訴用戶界面中的哪些對象具有更高的優(yōu)先級。因此届良,將背景或非互動元素進(jìn)一步推回是有道理的笆凌。
不僅用戶感知的界面超出一個層次,其在視覺設(shè)計(jì)決定的士葫,但現(xiàn)在這個層次可以利用用是自覺意識到在設(shè)計(jì)之前的用戶體驗(yàn)內(nèi)容乞而。
原理11:多維化(Dimensionality)
用戶體驗(yàn)的關(guān)鍵是連續(xù)性和位置。將界扁平化的界面元素多維化慢显,表達(dá)空間中個元素的位置及層級關(guān)系爪模。維度提供了一種強(qiáng)大的方法來克服用戶體驗(yàn)的平坦性和非邏輯性。人類非常擅長利用空間框架在現(xiàn)實(shí)世界和數(shù)字體驗(yàn)中進(jìn)行導(dǎo)航荚藻。維度以三種方式呈現(xiàn) - 折紙維度择诈,浮動維度和對象維度碾牌。
浮動維度為界面對象提供了空間起源和離開,使得交互模型更加直觀和高度敘述。? 對象維度導(dǎo)致具有真實(shí)深度和形式的維度對象胆胰。
這里钾军,多個2D層被安排在3D空間中以形成真實(shí)的三維物體澈歉。它們的維度在實(shí)時和非實(shí)時過渡顯示怎憋。對象維度的用途是用戶基于不可見的空間位置開發(fā)對象實(shí)用程序的敏銳意識。
原理12:鏡頭平移與縮放(Dolly & Zoom)
鏡頭平移:被拍攝物保持靜止而鏡頭移動或鏡頭保持靜止而被攝物體進(jìn)行遠(yuǎn)離或接近鏡頭的前后移動岸蜗。
鏡頭縮放:鏡頭與被攝物體在位置上保持靜止而被攝物自身進(jìn)行縮放憾赁。
在某些情況下,無法判斷對象是否正在縮放散吵,是否在3D空間中朝向相機(jī)移動龙考,或者如果相機(jī)正朝3D空間中的對象移動(請參見下面的參考資料)蟆肆。以下三個例子說明了可能的情況。
在UX中,空間運(yùn)動可以引用觀看者視角的變化缓溅,或者當(dāng)對象改變位置時視角保持靜止蛇损。還可以結(jié)合維度原則,從而產(chǎn)生更多空間體驗(yàn)坛怪,更深入淤齐,并向用戶傳達(dá)當(dāng)前視圖“前”或“后”的其他區(qū)域或內(nèi)容。并且滿足運(yùn)動原則中用戶體驗(yàn)的要求:它們通過運(yùn)動支持可用性袜匿。