相關(guān)推薦
您可能對下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有16863人學過

UI交互app及axure設計教程

84小節(jié)已有76341人學過

Axure中文教程:格式設置詳解
發(fā)布時間:2022-03-22 10:00 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3324
AxureRP 6.0以前版本的格式設置都是在右鍵菜單里面的,不是很方便操作,6.0版本將這個功能分到右側(cè)面板里面,并且增加了頁面級的格式設置,大大方便了操作設置,包括增加了對手繪風格格式的默認支持,再也不需要通過加載額外的手繪組件庫來完成了。

AxureRP 6.0以前版本的格式設置都是在右鍵菜單里面的,不是很方便操作,6.0版本將這個功能分到右側(cè)面板里面,并且增加了頁面級的格式設置,大大方便了操作設置,包括增加了對手繪風格格式的默認支持,再也不需要通過加載額外的手繪組件庫來完成了。AxureRP的組件和頁面級的格式設置,其實就是網(wǎng)頁設計當中的CSS代碼,只不過用圖形界面實現(xiàn)了,這樣更直觀,也更好掌握,畢竟不是所有的產(chǎn)品設計人員都懂CSS的。

這里介紹一下各種格式設置,其實大家如果用中文版的話,是比較一目了然的,雖然漢化包里面廣告比較多,呵呵,這里為了方便大家理解,還是替換成漢化版的截圖。組件級的格式設置在右側(cè)組件屬性面板里面,這里可以設置組件注釋、組件交互和組件格式;頁面級的格式設置在底部面板里,里面可以設置頁面注釋、頁面交互和頁面格式。

組件-位置+尺寸:這里的左上就是CSS里面的左間距和上間距,寬高就是width和heigth,每個選中項的這四個屬性是設置單個組件的,完整選擇的這四個屬性是設置組件組合的,也就是同時設置一組組件的集合,而不是同時設置多個組件,類似于一個容器,里面裝了很多組件,這個設置是跟容器相關(guān)的,但和里面的組件沒有關(guān)系。下面的鎖就是用來鎖定位置的,鎖定之后就不能再移動組件或者組件組合了。

組件-字體:這個很容易明白,依次是設置字體,字體大小,粗體,斜體,下劃線,字體顏色,列表符號,列表符號就類似HTML里面的ul和li的組合,這里的一部分設置內(nèi)容在AxureRP的工具欄上也有。

組件-對齊+邊距:第一排的按鈕是設置組件的水平對齊和垂直對齊的;邊距可以設置上下左右,就是CSS里面的margin值;行距是設置組件內(nèi)文本的,有段落文字的時候比較有用。

組件-樣式:這里可以更改默認組件庫里面所有組件的默認樣式,點擊后面的A字母圖標,可以打開組件樣式編輯器,可以修改默認的,也可以自定義。后面的是格式刷圖標,這部分在工具欄上都有。

組件-排序:align是對齊,Distribute是設置水平和垂直的等間距,Order是設置層級的,就是層的順序,Grouping是設置組件組合和解除組合的,這四個工具欄上都有。

組件-填充,線型+邊框:這個也全部在工具欄上有,這個大家平時用的應該比較多,不多解釋了。

頁面格式:頁面樣式里面也是設置默認顯示效果的,也可以自定義,默認的選項就是列出來的這些選項;頁面對齊是設置整個原型在頁面里的對齊方式的,居左還是居中,類似于設置body里面的align屬性;背景色都知道,背景圖片也一樣,以前的版本要通過修改代碼來添加背景圖;水平對齊和垂直對齊是針對背景圖在頁面內(nèi)的布局的,重復也是設置背景圖的,如果背景圖的大小不夠大,就會重復顯示,就像設置桌面背景一樣的。

草圖效果:在AxureRP 6.0之前的版本,要想畫出手繪風格的原型,除了借助Balsamiq Mockups外,就是加載手繪風格的組件庫,用這個組件庫來制作原型,出來的效果才和Balsamiq Mockups差不多。6.0版本默認就支持手繪風格了,也不需要加載額外的組件庫,簡單設置一下就輕松搞定了。從漢化版本里面可以很清楚的看出,在頁面級的格式設置里面有草圖效果的設置,只要將草圖后面的值設的高一些,比如設置成100,組件拖動過來的樣式就和手繪風格很像了,大家可以嘗試一下,非常好用,本身AxureRP的功能也比Balsamiq Mockups強大很多。

格式設置就介紹到這里,這個功能其實是為了方便設置的,不像以前要調(diào)出右鍵菜單,大家用著用著就習慣了

UI交互app及axure設計教程
我要自學網(wǎng)商城 ¥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
相關(guān)推薦
您可能對下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有16863人學過

UI交互app及axure設計教程

84小節(jié)已有76341人學過

分類選擇:
電腦辦公 平面設計 室內(nèi)設計 室外設計 機械設計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設計 會計課程 興趣成長 AIGC