Large display（大屏顯示器）（1200×任意高度或以上）

Landscape tablet（平板電腦橫屏）（1024×任意高度或以下）

Portrait tablet（平板電腦豎屏）（768×任意高度或以下）

Landscape phone（手機(jī)橫屏）（480×任意高度或以下）

Portrait phone（手機(jī)豎屏）（320×任意高度或以下）

自適應(yīng)視圖繼承父視圖或基本視圖中的屬性。我們通常在基本視圖（或默認(rèn)視圖）中完成主要的設(shè)計(jì)，再為每一個子視圖添加額外的細(xì)節(jié)。

提示：在子視圖中進(jìn)行的修改不影響父視圖。個人設(shè)計(jì)師或者團(tuán)隊(duì)在自適應(yīng)視圖設(shè)計(jì)過程中有兩種主要的工作思路可供參考：

• 移動端優(yōu)先：以最小尺寸為基本視圖

每一個子視圖以前一個視圖為基礎(chǔ)，逐漸放大

• 從大屏到小屏以最大尺寸為基本視圖

每一個子視圖以前一個視圖為基礎(chǔ)，逐漸縮小

?

三、如何管理自適應(yīng)視圖

?

我們可以參考以下步驟來管理自適應(yīng)視圖。

1．勾選檢查窗口-屬性標(biāo)簽下的“Adaptive-Enabled”復(fù)選框，在編輯窗口右上角會顯示出自適應(yīng)視圖管理按鈕。

提示：使用Axure 7的用戶不需要做這一步，直接從步驟2開始操作。

?

2．單擊工作區(qū)左上角“ManageAdaptive Views”（管理自適應(yīng)視圖）按鈕，打開“Adaptive Views”對話框。

?

?

提示：

我們也可以從主菜單中打開“Adaptive Views”（自適應(yīng)視圖）對話框，其路徑為“Project”（項(xiàng)目）—“AdaptiveViews”（自適應(yīng)視圖）。

?

3．單擊綠色+按鈕添加一個新的視圖。

4．在“Presets”（預(yù)設(shè)）下拉菜單中，選擇自己所需的尺寸設(shè)置內(nèi)容。完成第一個尺寸的設(shè)置

5．再單擊綠色+按鈕繼續(xù)添加新的視圖。在“Presets”（預(yù)設(shè)）下拉菜單中，選設(shè)置第二個尺寸。

添加完所有需要的視圖后，單擊“OK”（確定）按鈕關(guān)閉“Adaptive Views”（自適應(yīng)視圖）對話框。

?

提示：尺寸除了應(yīng)用自帶的尺寸之外，還可以進(jìn)行自定義設(shè)置，輸入自己實(shí)際所需的尺寸即可。

?

6．在所需的不同尺寸設(shè)置好之后，工作區(qū)的顯示是這樣子的。

此時我們可以看到自適應(yīng)視圖工具欄中多出了三個標(biāo)簽頁，分別對應(yīng)著我們設(shè)置的“Base”（基本）、“1024”和“768”三個不同視圖。

提示：

通常情況下，工作區(qū)的頂端并不會顯示基本視圖或子視圖的標(biāo)簽頁。自適應(yīng)視圖的相關(guān)標(biāo)簽頁僅在視圖被創(chuàng)建之后才會顯示。

標(biāo)簽頁有藍(lán)色、橙色、灰色和綠色四種顏色分別代表不同狀態(tài)。在上述例子中，“基本”標(biāo)簽是藍(lán)色的，表示這個視圖當(dāng)前是打開可編輯的狀態(tài)?！?024”和“768”是橙色的，表示它們是子視圖，如果當(dāng)前選中視圖的樣式進(jìn)行了更改，它們會受影響。

?

如標(biāo)簽頁為灰色，表示它們不會被選中視圖樣式的更改所影響（例如，如果選中的是一個子視圖，它的標(biāo)簽頁將是橙色的，而相關(guān)父視圖的標(biāo)簽頁將為灰色）。如打開“768”視圖之后，“1024”視圖的標(biāo)簽頁就是灰色的。

?

“Affect AllViews”（影響所有視圖）選項(xiàng)被勾選，則標(biāo)簽頁將變?yōu)榫G色，這意味著所有的改動將影響所有的視圖。?

“Adaptive Views”（自適應(yīng)視圖）是在7和8的版本中幫助我們制作不同尺寸頁面的原型的。在Axure 9 之中取消了這一功能。如果你還在使用7或8的版本的話，這個功能可以了解一下。