Axure基礎教程01——矩形部件

4 評論 16210 瀏覽 13 收藏 5 分鐘

用了axure兩年了,算是入了門,也不斷遇到有新手的各種疑問,感慨新手成長的不容易,因此寫一些教程供大家參考,希望能給大家一點幫助吧。回想一下被朋友們問的問題,會發現其實大部分都是對功能不熟悉所造成的,并非是這個軟件有多難用,于是就先從一些常常被忽略的功能細節開始吧,先給大家介紹一下各個部件的功能。至于一些非?;镜?,比如怎么添加部件之類,這些完全小白的功能就不贅述了。

說到部件,不得不先從”矩形“說起,畢竟這是個非常常用,但是也總是被忽略掉比較多細節的部件。

一、矩形部件屬性:

 

 

矩形的部件屬性比較多,幾乎部件屬性窗口里面所有功能都能用上,感覺跟word的”表格“是一樣的,平常用得比較多的可能是“填充,線型+邊框”這部分,可以改變矩形部件的填充/邊框顏色、邊框粗細以及邊框線性,值得注意的是填充顏色是可以調半透明的(別告訴我你不用做半透明蒙版效果)。

另外一個要提醒的是,如果某個矩形(其實任何部件都一樣)是要做一定的交互動作的話,那一定要把這個部件進行命名,只有命名了我們才能準確的找到這個部件,并且可以避免各種出錯和混亂。

二、矩形部件的形狀:

矩形部件的形狀?矩形不就是矩形么?作者你瘋了吧?

作者沒瘋,矩形部件確實有不同的形狀,在拖出來的矩形部件上點右鍵——編輯按鈕圖形——選擇圖形,你就會看到22種不同的部件形狀,包括圓形都有(橢圓調一下大小就變圓形了),通過各種形狀的組合可以做出更復雜的圖形。

 

仔細看的話,會發現“占位符”其實也是矩形的一種特殊形狀。

三、矩形樣式:

在前面那張截圖也可以看到,矩形部件可以有五種樣式,除了默認的樣式,還有鼠標懸停、鼠標按下、選中以及禁用樣式,我們可以為矩形這幾個不同狀態設置對應的樣式來進行視覺上的區分,這樣可以簡單的豐富一下原型的效果。

 

 

說到這里不得不提醒一下大家,這個菜單是經常被大家忽略的地方,附件的原型中已簡單的把上面幾種效果做出來了,大家可以按照提示進行操作查看一下。

四、矩形的交互觸發:

 

矩形的交互觸發方式不多,僅有點擊和鼠標移入/移出這三種,不過一般矩形也只是作為一個視覺元素來用,所以也夠用了。

好了,關于矩形的介紹就先說這么多吧,這個部件比較簡單,主要是希望大家都知道第二、三點,其實每個部件拖出來之后,都可以點擊右鍵試試,會發現許多挺實用的小功能。上面的第二、三點在附件中也都做出來了,可以下載下來看看。

附件請點擊這里

歡迎關注作者微博:@少爺熙的一些事一些情,不定期會提供一些部件例子供大家參考,如果有什么疑問也可以直接私信咨詢。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 附件很有用啊。謝謝作者了。

    來自北京 回復
  2. ??

    來自廣東 回復
  3. ??

    來自廣東 回復