Axure RP 8.0小白學習筆記02 - Axure元件基本操作

元件的基本操作

  1. 添加元件
    添加原件到設計區域 – 點擊鼠標左鍵選中要使用的原件, 直接拖入到設計區域中即可。

    Axure RP 8.0小白學習筆記02 - Axure元件基本操作

2 . 矩形元件的形狀
形狀:點擊右上角的小圓圈, 可調出圖形列表。在這裏選中喜歡的圖形可改變矩形形狀爲選中形狀
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
Axure RP 8.0小白學習筆記02 - Axure元件基本操作

  1. 矩形元件的形狀和角度
    Axure RP 8.0小白學習筆記02 - Axure元件基本操作

Axure RP 8.0小白學習筆記02 - Axure元件基本操作

Axure RP 8.0小白學習筆記02 - Axure元件基本操作
4 . 原件命名:
格式:InputName, 單詞首字母大寫爲了區分單詞, 也可以中文命名。命名後方便後續交互事件的添加。
舉例:
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
5 . 原件的格式樣式
選中設計區中的原件, 可以看到樣式格式一欄可用。這裏是格式樣式的快捷鍵, 後續用到後會一一詳細介紹。
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
6 . 元件的隱藏
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
7 . 屬性(PROPERTIES)
Interactions:原件的交互事件設置
Interaction Styles:交互樣式設置
這兩項在後面進行交互設置時再做詳細介紹。
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
8 . Notes: 原件備註信息, 發佈後不會顯示。
9 . STYLE:元件樣式設置
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
X 、Y:標註原件在工作區中橫向的位置。應該注意的是,原點(0,0)在右上角。當值爲負值時,原件將溢出工作區不可見。
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
W、H:設置原件的寬和高。點勾選[]按鈕時,長寬按比例自動設置(頁面默認不按比例,那麼當你點了按比例時,系統會以不按比例時的值作爲比值)。
R、T:R指的是元件的傾斜度,T指的是元件中文字的傾斜。默認水平位置0度, 可手動調整.
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
Flip:指水平或垂直對稱翻轉。
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
Fit:指水平或垂直方向使得原件的大小適配文字內容。
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
Fill:元件顏色指填充。
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
Shadow:指陰影。outer - 外部陰影。Inner- 內部陰影。offset陰影在x、y軸上偏移原件原點(原件的右上角起始點)的距離 ;blur指陰影的模糊程度;spread指內部陰影的在原件內的蔓延程度(填充多少)

Outer
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
Inner
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
Border:邊框。設置元件邊框的粗細、顏色、類型、取消部分邊框、直線的類型(各種箭頭)。
Axure RP 8.0小白學習筆記02 - Axure元件基本操作
Corner radius:指設置圓角,可設置部分變爲圓角。
將圓角調成尖角
Axure RP 8.0小白學習筆記02 - Axure元件基本操作

Opacity:元件透明程度,數值越低越透明。
font:字體。設置文字的屬性,字體、字號、加粗、下劃線、傾斜、陰影等。
line spacing:調整行間距
bullets:無序列表
alignment:調整文字的對齊方式
padding:調整文字與原件邊框之間的距離。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章