本節學習目標

  • 認識 Axure RP 10 的介面與功能
  • 了解繪圖區、物件庫、專案區、功能列、物件區的內容
物件庫
物件庫(Widget Library)

物件庫提供多種物件如矩形、圓角矩形等,下拉式選單可切換不同種類之物件,如 icon、流程圖。所有物件皆是透過拖拉的方式,將物件拖拉至繪圖區進行繪製。

專案區
專案區

專案區顯示並且管理所有頁面與資料夾,透過拖拉的方式來去決定頁面與資料夾的層級關係。切換至 Outline 可以看到每個頁面中的物件,方便找尋與管理。

功能列
功能列

功能列是針對物件或其他系統功能做修改與管理。
上半部為調整物件的工具,如:

 

  • 置前置後 (Front / Back)
  • 對齊(Left / Center / Right / Top / Middle / Bottom)
  • 等距分配(Horizontal / Vertical)
  • 鎖定與解鎖 (Lock / Unlock)。

下半部為樣式的管理,如:

  • 物件名稱
  • 文字樣式修改
  • 物件顏色的填充
  • 框線的選擇
  • 物件的位置、大小。

最右方為 Axure 的系統功能,例如,預覽(Preview)、上傳專案至 Axure Cloud 以及個人帳號資訊。

物件區
物件區

物件區在尚未點擊任何物件時,是針對整個頁面的修改,可以在樣式(Style)中決定繪圖區的長寬 ; 相反地,當點選物件時,物件區即針對該物件可以做管理。由左至右分別可以做,樣式(Style)的改變、互動 (Interactions) 的設定、備註 (Notes)的撰寫。

繪圖區
繪圖區

任何物件的繪製皆是在繪圖區,新增的頁面會顯示於上方 Tab 區。繪圖區外圍的刻度表示距離,每一個刻度單位為 10px。若想拉出參考線,從左方尺規按著滑鼠左鍵向右拖曳即可;或從上方尺規按著滑鼠左鍵向下拖曳。你也可以按著 command 或 control 拖曳參考線,此時的參考線為紫色,將會出現於每一個頁面中。若欲刪除參考線,點選參考線後按下 delete 即可刪除。

無需撰寫任何程式碼

製作逼真、實用的 UX 原型從未如此簡單。