AxureRP每日一小技巧:格式設置詳解

1 評論 13945 瀏覽 2 收藏 6 分鐘

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

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

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

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

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

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

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

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

Axure中文教程:格式設置詳解

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

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

格式設置就介紹到這里,這個功能其實是為了方便設置的,不像以前要調出右鍵菜單,大家用著用著就習慣了,我從5.6轉到6.0其實是有點不習慣的。

轉自:http://www.axure.us/31/

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ??

    來自浙江 回復