Axure RP 使用示例 頁面框架

2021-06-03 22:46:50 字數 527 閱讀 9921

axure rp是乙個快速繪製wireframe和prototyping的工具,主要用來定義應用程式的需求與規格,以及設計使用者介面與功能。本文介紹如何使用axure rp pro 6建立web頁面框架。

在頁面框架中一般分為幾個區域,普通的頁面包含頭部,底部,選單和主視窗。效果如下:

點選單後主視窗內容會發生變化。

建立三個master,分別是頭,底和選單

header master和foot master的內容是一張(也可以新增些文字)

systemmenu master的內容是選單(本例中使用樹來實現選單)

在頁面中進行布局,分別放上header,foot和systemmenu三個master。主視窗放上乙個inline frame,label命名為bodyframe。

在systemmenu master中自定義事件,實現選單功能。在onclick事件中設定raise event。

回到頁面中會看到兩個自定義事件,設定這兩個事件需要連線的目標位址。

按「f5」產生原型,可驗證生成的內容。

使用Axure RP設計Android介面原型

axure rp是很有名的乙個介面原型設計工具,可以靈活快捷的對c s b s程式設計原型。近期我要開發乙個android客戶端,也打算使用axure rp設計原型。axure rp中預設沒有移動終端的模板,我找了乙個android 4.0的模板,可以直接匯入 我選擇了深色樣式 匯入之後就有素材了 ...

Web頁面設計之頁面框架的使用

web頁面設計之頁面框架的使用 web頁面設計之頁面框架的使用,web,框架,frameset,frame,iframe,框架是頁面設計中不可缺少的元素之一,本文詳細介紹了html語言中頁面框架的實現方法,對於其各個屬性,給與了詳細的介紹並且給出使用例項。相信在閱讀本文之後會使您對使用框架規劃頁面有...

HTML框架集示例

我們可以通過框架,在乙個瀏覽器視窗中顯示多個頁面。html框架集的使用十分簡單,我們需要用到如下2個標籤 frameset主要有以下屬性 rows屬性用於設定水平框架占原視窗面積。例如 將視窗分為兩個橫向框架,第乙個佔100px,第二個佔剩餘部分。將視窗分為三個橫向框架,第乙個佔橫向20 第二個30...