Axure R基本操作.docVIP

Axure RP基本操作 (1) 認識Axure RP操作介面 下圖是Axure RP 環境與介面中各區塊的簡單描述。 1.?主選單/工具列：在主選單與工具列中，可以執行常用的動作指令，例如：開啟與儲存檔案、輸出Prototype或Spec文件。 2. Sitemap窗格：Sitemap窗格將您所設計的網頁以樹狀結構的方式呈現，您可以在這裡新增、移除、重新命名和組織設計的網頁。 3. Widgets窗格：包含一系列常用的使用者介面物件，例如：按鈕、影像、Text Panel與矩形，您可以直接透過拖拉的方式來設計網頁。 4. Masters窗格：在這裡您可以新增、移除、重新命名和組織設計好的Master。Master是一種可以容納多項介面物件集合的樣板(Temlate)，您可以將常用的物件組合設計成Master，未來在設計Wireframe時重複使用Master，來提高規劃的效率。 5. Wireframe窗格：您可以在這個窗格中設計網頁資訊元素，編排內容，設計介面，設計互動特性等等。未來可以將這些設計好的頁面，輸出成Prototype或Spec文件。 6.?網頁說明/互動/格式?(Pages Notes Interactions Formatting)窗格：您可以在這個窗格中加入網頁層級的說明與互動效果到設計中，也可以改變頁面格式、調整成素描效果(Sketch Effects)等。 7.?物件屬性(Widget Properties)窗格： ??物件註解(Annotation)：您可以為Widget加上註解來指定功能，您可以在這個窗格中增加和自訂Widget的註解。 ??互動設計(Interaction)：互動的範圍很廣，從最基本的超連結、pop-ups，一直到動態顯示和隱藏widget。您可以在這個窗格中定義Widget的互動。 ??物件格式(Formatting)：您可以為Widget改變字體、樣式及群組等，也可以在此手動輸入數值改變物件的位置。 8.?動態面板管理(Dynamic Panel Manager)窗格：可以在此窗格管理當下編輯頁面中所有的Dynamic Panel。 1.?定義Sitemap以介面物件(Widgets)繪製示意圖(Wireframe)撰寫物件註解(Annotation )撰寫網頁說明(Page Notes )秘技(Quick Tips) 企劃一個網站或Web AP (注: AP是Application的縮寫，通常指的是應用程式)，在動手開始繪製網站頁面的示意圖(Wireframe)或流程圖之前，您應該事先思考網站架構，並決定資訊內容與層級。當您心中已經有了明確的網站架構，接下來就可以利用Sitemap窗格來定義您所設計的網站頁面。 Sitemap窗格是用來管理設計中網頁的工具，您可以在Sitemap 窗格中可以新增、刪除和調整網頁層級。 新增/刪除網頁：想要新增網頁的話，請點選Sitemap工具列上的【Add Child Page】鈕。 在網頁上按滑鼠右鍵，然後選擇「Rename Page」或慢慢的在頁面名稱上連續按滑鼠左鍵兩下可編輯網頁名稱。 想要刪除網頁的話，請點選想要刪除的網頁，然後按下Sitemap 工具列上的【Delete Page】鈕，或是在網頁上按下滑鼠右鍵，然後選擇「Delete Page」。 調整網頁層級： 您可以將網頁從Sitemap 中拖曳到目標母網頁中來移動網頁位置，您也可以使用Sitemap 工具列上的箭頭按鈕來上下移動網頁，或使用左右箭頭按鈕改變網頁的階層。 開啟網頁： 在 Sitemap中的任一網頁上連續按滑鼠左鍵兩下，網頁會在Wireframe 窗格中開啟。 2. 以介面物件(Widgets)繪製示意圖(Wireframe) 介面物件(Widget)是用來設計Wireframe的使用者介面元素， 您可以在Widgets 窗格中找到一些常用的Wireframe Widget，例如：Button、Image和 Text Panel。 在Wireframe中新增介面物件(Widget): 想在Wireframe中新增物件的話，只要從Widgets 窗格中將想要新增的物件 拖曳(dragdrop)到Wireframe窗格上就可以了。 您也可以在Wireframe中利用複製(Ctrl+C)與貼上(Ctrl+V)的方式來新增物件。 提醒:?熟悉PowerPoint操作方式的使用者剛開始可能不太習慣，因為Axure RP的操作方式類似Visio選擇圖形的作法，是利用拖放(Drag Drop)的方式，跟PowerPoint是不一樣的。 移動物件(Widget) 在Wireframe中新增物件之後，您可以拖放Widge