Axure教程 axure新手入門基礎(2)
(二)Axure rp的線框圖元件
?
l? 圖片
圖片元件拖入編輯區后,可以通過雙擊選擇本地磁盤中的圖片,將圖片載入到編輯區,axure會自動提示將大圖片進行優化,以避免原型文件過大;選擇圖片時可以選擇圖片原始大小,或保持圖片元件的大小。
l? 文本
在網頁中文本的名稱是lable,用于頁面中添加說明文字、文字連接,或一些動態的提示。
l? 矩形
矩形的應用比較廣泛,比如作為頁面的背景、按鈕、以及一些元件的遮蓋等;矩形的形狀可以通過鼠標右鍵點擊–編輯選項—改變形狀,來變成我們需要的形狀,比如做選項卡時候我們需要頂部圓角的矩形,就可以通過改變矩形的形狀來實現。
l? 占位符
制作原型時,可以用它來代替對一些沒有交互或者交互比較簡單容易說明的區域;也可以做成關閉按鈕。占位符在保真比較高的產品原型中作用不大。
l? 圓角矩形
這個個人認為是因為圓角矩形應用廣泛,所以單獨拿出來作為元件給使用者,免去了對矩形的設置。
l? 動態面板
非常重要的axure元件,必須要學會使用的元件,動態面板的顯示、隱藏、多狀態等,都是非常有用的。在這里不過多介紹,詳細介紹請參考:小樓axure圖文教程(五)動態面板的使用。
l? 水平線
就是一條水平的線,可以作為表示頁面一些區域分割時使用,比如在兩塊不同區域之間添加一條水平線,來明顯的區分。水平線可以通過設置元件屬性中的角度Roto變成斜線來使用。
l? 垂直線
沒什么好說的,和水平線一樣的作用。
l? 圖片熱區
用于點擊圖片中某個區域產生交互事件時使用,圖片熱區也是矩形的一種,可以通過設置矩形無邊框,背景色100%透明度來實現。
l? 文本框(單行)
用于輸入文字的axure元件,用于登錄、標題、密碼框(鼠標右鍵–編輯選項–隱藏文本)等功能。
l? 文本框(多行)
從字面意思就知道了它的功能,用于實現更多文字內容輸入的axure元件,用于回復、評論、微博發布框這類的功能。
l? 下拉列表(框)
鼠標點擊時展開多個選項的axure元件,主要用來類別選擇或多條件查詢效果時使用。
l? 列表框
一個多選項的列表,帶滾動條效果,個人認為樣子很丑,應用不是很多,應用場景可以參考word自定義快速訪問工具欄中選擇添加項的效果。
l? 復選框
復選框用于同類別內容可以同時選擇多個時候使用,比如注冊時候個人興趣的選擇,又比如批量刪除郵件時選擇多個郵件的功能。
l? 單選按鈕
多個選項僅能選擇其一時候使用,比如性別選擇。多個單選按鈕聯動效果需要同時選中多個需要聯動的單選按鈕—鼠標右鍵—編輯選項–指定單選按鈕組來實現。不嫌麻煩的話也可以通過設置每個單選按鈕的onclick事件來實現。
l? 內部框架
用于在頁面中嵌入其他頁面的axure元件,可以設置好大小后雙擊它,指定要嵌入的頁面??蚣芸梢酝ㄟ^編輯選項取消滾動條,應用場景多見于網站后臺原型和移動互聯網產品原型。
l? 表格
表格很常見,就不多做解釋,每個表格都可以設置單獨的事件,但是axure還不支持單元格的合并。
l? 菜單縱向
主要用于網站導航。多使用于網站后臺。
l? 菜單橫向
主要用于網站導航,多使用于網站前臺。
l? 樹
主要用于網站導航。多使用于網站后臺。
用上述所有axure元件做的示例:【點擊下載】
?
本文作者:@小樓;轉載自:Axure原創教程網
新手入門基礎教程目錄
Axure教程 關于Axure rp觸發事件中IF和ELSE IF的使用說明(6)
更多Axure學習技巧:Axure專欄
謝謝分享 ?? ??
鏈接取消了,能不能再共享一下啊大師
您好。。。我是正在學習的新人。。。請問分享的資料還可以下載嗎。。。那個鏈接無效了。。。
期待您的回復!
下載不了,樓主。分享已經沒了
元件都下載不了了。- –
不錯,不錯 ??
網盤鏈接不存在
?
就一個Tab頁的制作我就不會了,網上說的也沒做出來,Tab與頁面之間一直有條線………….好難過 ?? ? ?? ??
?
不錯不錯
樓主,線框圖元件哪里有下載?求求求
有視頻教程么?
文章中的示例,http://yun.baidu.com/share/link?shareid=3012273590&uk=17791428。 ??
取消分享了嘛 不能下載
挺好的,不讓下載嗎?
分享被取消了,嗚嗚,好想下載啊
學習了
不錯,入門極佳