Axure新手入門(一)

本文目錄

基礎(chǔ)1. 添加元件到畫布

基礎(chǔ)2. 添加元件名稱

基礎(chǔ)3. 設(shè)置元件位置/尺寸

基礎(chǔ)4. 設(shè)置元件默認(rèn)角度

基礎(chǔ)5. 設(shè)置元件顏色與透明

基礎(chǔ)6. 設(shè)置形狀或圖片圓角

基礎(chǔ)7. 設(shè)置矩形僅顯示部分邊框

基礎(chǔ)8. 設(shè)置線段/箭頭/邊框樣式

基礎(chǔ)9. 設(shè)置元件文字邊距/行距

基礎(chǔ)10. 設(shè)置元件默認(rèn)隱藏


正文


基礎(chǔ)1. 添加元件到畫布

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

基礎(chǔ)2. 添加元件名稱

在檢視面板的元件名稱文本框中輸入元件的自定義名稱,建議采用英文命名。

建議格式:PasswordInput01或Password01

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

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

基礎(chǔ)3. 設(shè)置元件位置/尺寸

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

x:指元件在畫布中的x軸坐標(biāo)值。

y:指元件在畫布中的y軸坐標(biāo)值。

w:指元件的寬度值。

h:指元件的高度值。

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

基礎(chǔ)4. 設(shè)置元件默認(rèn)角度

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

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


基礎(chǔ)5. 設(shè)置元件顏色與透明

選擇要改變顏色的元件,點(diǎn)擊快捷功能區(qū)中的背景顏色設(shè)置按鈕,選取相應(yīng)的顏色,或者在元件樣式中進(jìn)行設(shè)置。(圖1-6)

基礎(chǔ)6. 設(shè)置形狀或圖片圓角

可以通過拖動元件左上方的圓點(diǎn)圖標(biāo)進(jìn)行調(diào)整,也可以在元件樣式中設(shè)置圓角半徑來實(shí)現(xiàn)。(圖1-7)

基礎(chǔ)7. 設(shè)置矩形僅顯示部分邊框

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

基礎(chǔ)8. 設(shè)置線段/箭頭/邊框樣式

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

基礎(chǔ)9. 設(shè)置元件文字邊距/行距

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

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

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

基礎(chǔ)10. 設(shè)置元件默認(rèn)隱藏

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

轉(zhuǎn)載請注明:Axure原創(chuàng)教程網(wǎng)????AxureRP8實(shí)戰(zhàn)手冊(基礎(chǔ)1-10)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 基礎(chǔ)1:添加元件到畫布 在左側(cè)元件庫中,選擇要使用的元件,按住鼠標(biāo)左鍵不放,拖動到畫布適合的位置松開。 基礎(chǔ)2:添...
    Kince_X閱讀 3,105評論 0 7
  • 基礎(chǔ)操作篇 本篇包含56種常見的基礎(chǔ)操作,初學(xué)者應(yīng)在掌握本篇內(nèi)容后再進(jìn)行實(shí)戰(zhàn)案例篇的學(xué)習(xí),以免產(chǎn)生學(xué)習(xí)障礙。同時,...
    西貝槑閱讀 3,460評論 0 2
  • 一、Axure界面介紹 1、頁面導(dǎo)航面板(Pages) Axure的頁面管理采用類似操作系統(tǒng)的文件夾和頁面文件的管...
    落霞__孤鶩閱讀 56,106評論 7 46
  • 今天細(xì)雨霏霏 我們在進(jìn)行軍訓(xùn)匯報表演 你卻悄然離開 回頭看你遠(yuǎn)去的背影 淚水在眼中打轉(zhuǎn) 十四天來的一幕幕在腦海閃現(xiàn)...
    如此就好了閱讀 191評論 0 0
  • 做個好漢子閱讀 221評論 0 0

友情鏈接更多精彩內(nèi)容