Axure8.0基礎教程(1-10)AxureRP8實戰手冊


 

本文轉載自小樓老師博客:http://www.iaxure.com/3768.html Axure新手必須掌握的56個基礎操作,節選自小樓老師新書《Axure RP8 實戰手冊-網站和APP原型制作案例精粹》。

基礎操作篇

本篇包含56種常見的基礎操作,初學者應在掌握本篇內容后再進行實戰案例篇的學習,以免產生學習障礙。同時,建議具備一定基礎的讀者學習本篇中相對生疏的內容,並加以掌握。

第1章 使用元件

本文目錄

基礎1. 添加元件到畫布

基礎2. 添加元件名稱

基礎3. 設置元件位置/尺寸

基礎4. 設置元件默認角度

基礎5. 設置元件顏色與透明

基礎6. 設置形狀或圖片圓角

基礎7. 設置矩形僅顯示部分邊框

基礎8. 設置線段/箭頭/邊框樣式

基礎9. 設置元件文字邊距/行距

基礎10. 設置元件默認隱藏

 

正文

 

基礎1. 添加元件到畫布

在左側元件庫中選擇要使用的元件,按住鼠標左鍵不放,拖動到畫布適合的位置上松開。(圖1-1)

圖1-1

基礎2. 添加元件名稱

文本框屬性中輸入元件的自定義名稱,建議采用英文命名。

建議格式:PasswordInput01或Password01

名稱含義:序號01的密碼輸入框

格式說明:“Password”表示主要用途;“Input”表示元件類型,一般情況下可省略,當有不同類型的同名元件需要區分或名稱不能明確表達用途的時候使用;“01”表示出現多個同名元件時的編號;單詞首字母大寫的書寫格式便於閱讀。(圖1-2)

圖1-2

基礎3. 設置元件位置/尺寸

元件的位置與尺寸可以通過鼠標拖拽調整,也可以在快捷功能或元件樣式中進行輸入調整。(圖1-3)

x:指元件在畫布中的x軸坐標值。

y:指元件在畫布中的y軸坐標值。

圖1-3

w:指元件的寬度值。

h:指元件的高度值。

在輸入數值調整元件尺寸時,可以在樣式中設置,讓元件【保持寬高比例】。(圖1-4)

圖1-4

基礎4. 設置元件默認角度

方式一:選擇需要改變角度的元件,按住鍵的同時,用鼠標拖動元件的節點到合適的角度。(圖1-5)

方式二:在元件樣式中進行角度的設置,元件的角度與元件文字的角度可以分開設置。(圖1-5)

圖1-5

 

基礎5. 設置元件顏色與透明

選擇要改變顏色的元件,點擊快捷功能區中的背景顏色設置按鈕,選取相應的顏色,或者在元件樣式中進行設置。(圖1-6)

圖1-6

基礎6. 設置形狀或圖片圓角

可以通過拖動元件左上方的圓點圖標進行調整,也可以在元件樣式中設置圓角半徑來實現。(圖1-7)

圖1-7

基礎7. 設置矩形僅顯示部分邊框

在Axure RP 8的版本中,矩形的邊框可以在樣式中設置顯示全部或部分。(圖1-8)

圖1-8

基礎8. 設置線段/箭頭/邊框樣式

線段、箭頭和元件邊框的樣式可以在快捷功能或者元件樣式中進行設置。(圖1-9)

圖1-9

基礎9. 設置元件文字邊距/行距

在元件樣式中可以設置元件文字的【行間距】與【填充】。(圖1-10)

行間距:是指文字段落行與行之間的空隙。

填充:是指文字與形狀邊緣之間填充的空隙。

圖1-10

基礎10. 設置元件默認隱藏

選擇要隱藏的元件,在快捷功能或者元件樣式中勾選【隱藏】選項。(圖1-11)

圖1-11

本文摘錄自圖書《Axure RP8 實戰手冊-網站和APP原型制作案例精粹(預計2016年7月初上市),作者為小樓一夜聽春語,未經許可請勿轉載!

axure商城


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM