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

將頁(yè)面依據(jù)交互行為區(qū)分層級(jí)，每層都具備特有特性和意義，讓所有層上的功能和內(nèi)容搭建出來(lái)的視圖結(jié)構(gòu)能符合用戶認(rèn)知。分層可以用來(lái)指導(dǎo)搭建一套合理的頁(yè)面信息層級(jí)，每一個(gè)層級(jí)作為一個(gè)容器，每個(gè)容器內(nèi)需要區(qū)分視覺(jué)層級(jí)，還可搭建出滿足用戶清晰認(rèn)知的UI頁(yè)面。

B端頁(yè)面分層

從全局性來(lái)看，按照交互形式將B端界面分為背景層、內(nèi)容層、遮罩層、臨時(shí)層。

背景層：固定樣式，永遠(yuǎn)置于頁(yè)面最底部。

內(nèi)容層：視圖結(jié)構(gòu)中最核心和復(fù)雜的一層，主要承載當(dāng)前場(chǎng)景的用戶需要獲取的核心頁(yè)面信息以及輔助核心任務(wù)的操作流程。直接平鋪顯示產(chǎn)品業(yè)務(wù)信息呈現(xiàn)，包括全局控制導(dǎo)航和直接頁(yè)面兩種類型。

遮罩層：通過(guò)黑色或白色降低不透明度的設(shè)計(jì)，控制阻斷遮罩下面內(nèi)容層不可操作，而讓用戶更加聚焦處理遮罩層上方的信息內(nèi)容。

臨時(shí)層：當(dāng)前任務(wù)或者內(nèi)容相關(guān)的臨時(shí)出現(xiàn)層，優(yōu)先級(jí)高于內(nèi)容層，一般承載當(dāng)前需要臨時(shí)顯示的信息、處理的任務(wù)或者需要接受的反饋等。以側(cè)邊滑出或者彈出的形式在當(dāng)前頁(yè)面場(chǎng)景化呈現(xiàn)，包括內(nèi)容層不可操控和內(nèi)容層可操作兩種類型模態(tài)。

層級(jí)的前后順序?yàn)?，臨時(shí)層>遮罩層>內(nèi)容層>背景層，順序不可更改。

1.背景層

背景層固定樣式，永遠(yuǎn)置于頁(yè)面底部，方便凸顯和聚焦內(nèi)容層。

層的顏色為中性背景色居多；也有使用純白色背景色，進(jìn)而信息模塊劃分則通過(guò)加大間距或線條；甚至可以在背景層融入輔助肌理圖形，保證頁(yè)面信息識(shí)別性的前提，也提高了B端產(chǎn)品的視覺(jué)表現(xiàn)力。

2.內(nèi)容層

視視圖結(jié)構(gòu)中最核心和復(fù)雜的一層，主要承載當(dāng)前場(chǎng)景的用戶需要獲取的核心頁(yè)面信息以及輔助核心任務(wù)的操作流程。

直接平鋪顯示產(chǎn)品業(yè)務(wù)信息呈現(xiàn)，包括全局控制導(dǎo)航和直接頁(yè)面兩種類型。全局控制導(dǎo)航用于對(duì)整個(gè)網(wǎng)站的控制以及導(dǎo)航功能，展示環(huán)境和上下文位置。比如頂部導(dǎo)航、左側(cè)導(dǎo)航。直接頁(yè)面則是可置入承載頁(yè)面信息等所有組件。比如列表、表單等各類型組件的合集呈現(xiàn)頁(yè)面信息。

2.1 全局控制導(dǎo)航

例1: 頂部導(dǎo)航

用于對(duì)整個(gè)網(wǎng)站的控制以及導(dǎo)航功能，展示環(huán)境和上下文位置。比如頂部導(dǎo)航、左側(cè)導(dǎo)航。

2.2 直接頁(yè)面

例1:數(shù)據(jù)圖表頁(yè)

用于對(duì)整個(gè)核心內(nèi)容信息的呈現(xiàn)，具體可看典型頁(yè)面類型?？砂斜怼⒈韱?、數(shù)據(jù)圖表等各類型組件形成的直接頁(yè)面內(nèi)容。

3.遮罩層

通過(guò)黑色或白色降低不透明度的設(shè)計(jì)，控制阻斷遮罩下面內(nèi)容層不可操作，而讓用戶更加聚焦處理遮罩層上方的信息內(nèi)容。
遮罩本身是一個(gè)基礎(chǔ)通用的樣式，具體什么情況使用遮罩，還是得視情況而定，根據(jù)產(chǎn)品自身特性，定義遮罩的具體規(guī)則，使用說(shuō)明。

4.臨時(shí)彈出層

當(dāng)前任務(wù)或者內(nèi)容相關(guān)的臨時(shí)出現(xiàn)層，優(yōu)先級(jí)高于內(nèi)容層，一般承載當(dāng)前需要臨時(shí)顯示的信息、處理的任務(wù)或者需要接受的反饋等。

以側(cè)邊滑出或者彈出的形式在當(dāng)前頁(yè)面場(chǎng)景化呈現(xiàn)，包括內(nèi)容層不可操控和內(nèi)容層可操作兩種類型模態(tài)，一種是內(nèi)容層不可操控，被蒙版遮罩禁用，比如需要較為聚焦的分支流程對(duì)話框彈窗、抽屜式等。另一種內(nèi)容層可以操作，無(wú)蒙版遮罩界面中出現(xiàn)的疊層，比如輕量級(jí)的新手引導(dǎo)、氣泡確認(rèn)框、下拉菜單（當(dāng)下拉菜單為縮起狀態(tài)時(shí)，屬于全局控制導(dǎo)航；點(diǎn)擊展開時(shí)，屬于臨時(shí)層）、全局提示反饋等（反饋提醒的優(yōu)先級(jí)在此層中最高）。

4.1 內(nèi)容層不可控

例1: 對(duì)話框彈窗

對(duì)話框是一種臨時(shí)窗口，通常在不想中斷整體任務(wù)流程，但又需要為用戶展示信息或獲得用戶響應(yīng)時(shí)，在頁(yè)面中打開一個(gè)對(duì)話框承載相應(yīng)的信息及操作。

例2: 抽屜式

抽屜常通過(guò)單擊臨近的按鈕控件，從屏幕邊緣（上、下、左、右）滑入的浮層面板，又稱半屏彈窗。

4.2 內(nèi)容層可操作

例1: 新手引導(dǎo)

逐步驟進(jìn)行指引或解釋說(shuō)明的組件，常用于用戶不熟悉的或需進(jìn)行特別強(qiáng)調(diào)的頁(yè)面。

例2: 氣泡確認(rèn)框

氣泡確認(rèn)框通常用于不會(huì)造成嚴(yán)重后果的二次確認(rèn)場(chǎng)景，其會(huì)在點(diǎn)擊元素上彈出浮層進(jìn)行提示確認(rèn)。氣泡確認(rèn)框沒(méi)有蒙層，點(diǎn)擊確認(rèn)框以外的區(qū)域即可關(guān)閉。

Powered by Froala Editor