[翻譯]Axure-Build Wireframes-原型設計工具Axure學習-第1.1節

Build Wireframes

Build Wireframes的對于應用程式或網站的布局和功能的可視化溝通非常有用。本小結讨論如何用Axure的小工具建立，組織，建立和設計自己的Pages。

Sitemap在設計中用來新增，删除群組織Pages。頁面數量沒有限制，但是如果你的頁面數量超過100，我們建議将Pages進行分組。

建立和删除Pages

建立：在sitemap工具欄上面點選“Add Child Page”按鈕建立Page

重命名：在需要修改的page上面慢輕按兩下，就可以重命名，并且不會影響Pages直接的超連結效果

删除：在sitemap工具欄上面選擇需要删除的Page并單擊“Delete Page”按鈕

另外你也可以通過右鍵單擊頁面打開文本菜單來建立，重命名和删除Page

Organize Pages

通過在sitemap上面拖拽或在sitemap的工具欄上面的箭頭按鈕可以重新排序Pages。此操作不會影響pages之間的映射。

Open Pages for Design

輕按兩下打開page的設計面闆。

為了方面，打開pages會在Wireframe面闆的頁籤欄産生一個tab。頁籤可以進行拖拽重新排序。單擊Pages頁籤附近的一個向下的箭頭會打開一個Pages清單，可以選擇關閉全部Pages的Tab或者關閉其他Pages的Tab。

Widgets是用來設計wireframe使用者界面的元素。Widgets面闆包含一組常用的元素，例如“button shapes”,"images"和"text panels"。

除了自帶的Widgets，你還可以建立屬于你自己的Custom Widgets或者下載下傳其他人分享的Widgets庫。

Choose and Search Widget Libraries

單擊下拉菜單選擇需要的Widget庫。Widget會顯示在Widget面闆當中。選擇“All Libraries”會顯示所有的Widget。

點選搜尋圖示可以搜尋目前庫下的Widget。

Add， Move, and Size Widgets

Add:從Widgets面闆拖動需要的widget到Wireframe面闆當中。Widget支援複制粘貼。

Move：可以用滑鼠對Widget進行拖動改變位置，也可以通過方向鍵進行微調。

Size：在Widgets的邊框拖動可以設定widget的大小。通過Widget Properties面闆的“Lication+Size”裡面的屬性也可以設定Widget的大小。

另外可以選擇多個widgets同時拖動或設定widgets的大小。

Edit Widget Style and Properties

有多種途徑可以編輯widgets的風格和屬性

Double-Click：輕按兩下widget是最常見的操作。譬如，輕按兩下一個“image”widget會打開一個導入圖檔的對話框，輕按兩下一個“droplist”會打開一個編輯下拉清單内容的對話框。

Editor toolbar：在Wireframe面闆上面的工具欄裡面的按鈕可以編輯widget的風格，譬如字型，字型大小，字型風格，字型顔色，填充顔色，邊框顔色，位置和大小等等。也可以同時選中多個widget進行分組，排序，對齊和distribute。

Formatting tab in the Widget Properties Pane：該面闆用于編輯widget的風格和屬性。在“location and size”分組可以編輯字型，對齊方式，外邊距，樣式，排序，填充，邊框等等。

Context menu：在Widget上面右鍵單擊顯示Context菜單可以用于附加一些特殊的widget屬性。不同的widget具有的特殊widget屬性不一樣。

Work with Multiple Widgets

選擇多個widget元素點選右鍵用打開“Context menu”可以選擇合并，設定顯示排序（層次），對齊方式，distribute，鎖住。也可以通過wireframe面闆上面的工具欄進行設定。

你可以單擊組内的某一widget元素進行編輯樣式，這會影響到同一組内的其他widgets元素。

Radio Group and Selection Groups

可以将Radio button通過右鍵打開Context菜單選擇“Edit Radio Button->Assign Radio Group”指定Radio Button的group屬性。這樣，同一組的Radio Button隻能選擇其中一個。

另外，“button shapes”和“images”也可以指定“Selection Group”。當“selection group”内的某一widget的狀态變為“selected/選中”時，其它widget會變成預設的狀态。更多詳細内容...

Widget Style Editor

Widget樣式編輯可以編輯預設的widgets樣式和建立自己定風格的widgets。

打開“Widget Style Editor”：在工具欄上面找到一個帶“A”的圖示（一個内容為“Default”的下拉框旁邊）單擊即可打開面闆。

編輯預設的widget風格會在全局下産生效果。當從“Widgets Pane”面闆拖動一個widget到“Wireframe Pane”面版的時候，就會建立一個“Default”風格樣式的Widget。

建立自定義widget風格能快速應用到統一風格的widget中。自定義的widget風格可以選擇需要設定的屬性覆寫Defualt的風格。

應用：在Editor工具欄上面的下拉框選擇需要應用的風格。

編輯自定義風格上面的屬性之後影響應用了該應用的widget。

Format Painter

Format Painter能夠複制一個widget的屬性并應用到其他的widgets當中。類似剪貼闆中儲存了屬性。

複制：在wireframe面闆選中需要複制的widget元素，點選編輯工具欄上面的“Format Painter”按鈕打開Format Painter面闆。打開面闆之後，點選“Copy”按鈕就能将元素的屬性複制到剪貼闆。在複制前也可以在複選框對複制的元素進行選擇。

粘貼：選擇其他元素，打開“Format Painter”面闆，點選“Apply”按鈕就可以将之前複制的元素的屬性應用到目前元素當中。

在設計的時候，可以讓“Format Painter”面闆一直存在已讓你快速進行元素屬性的複制粘貼。

Change Selection Modes

在Axure RP裡面有"Select Intersected Mode" 和 "Select Contained Mode"兩種選擇模式。按鈕在編輯工具欄裡面（PC版：在“Zoom Level”的右邊；Mac版：在左上角處）。

Select Intersected Mode

系統預設的就是"Select Intersected Mode"模式。當用滑鼠左鍵按住之後拖拽，在選擇框内的元素（涵蓋部分）就會被選中。

Select Contained Mode

"Select Contained Mode"類似Visio的選擇模式，隻會選擇完全在選擇框内的元素。

現在你可以在Sitemap上面建立群組織設計你的page，用widgets來設計你的wireframes。