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...