axure商城

使用Axure設計工具提升效率的8個技巧

快速利用工具搭建原型是實踐證明可以降低溝通成本,開發前試錯的辦法,很多人心里接受的概念就是“XX只是一個工具而已,而交互設計不是用工具畫原型。”然后繞過了工具的學習,直接進入“更高層次”的學習,畫個原型始終一團糟。

如何使用Axure設計工具提升效率,包括以下幾方面

1、通用元件庫使用

元件庫貴精不貴多,一方面是人有選擇困難癥,元件庫太多反而會增加選擇的負擔,且無法記憶元件庫中所有的元件;另外一方面是不同元件庫之間的設計都不一致,新舊元件混合在一期,原型就變成了大雜燴,這是UI設計師深惡痛絕的。

2、定制元件庫

進入一個新的項目工作,遇到的最大難題是,沒有原型以及針對項目的元件庫,所有原型都需要重新畫。

有了通用元件庫,還不夠,遇到比較大型的項目,還需要針對項目定制元件庫,把項目通用的元件(菜單、圖標、控件)、通用的交互(交互動效、數據驗證、無數據狀態)等進行封裝,方便項目的其他成員、后續的繼承者們可以進行復用,提升設計效率。

3、掌握Axure原型工具使用技巧

使用Axure過程當中,掌握一些技巧能讓我們達到事辦功倍的效果,提升交互設計效率,下面為大家整理下經常使用的技巧

技巧一:頁面背景

Axure可以在頁面樣式中設置背景顏色,還可以上傳背景圖片

技巧二:自動生成站點地圖

需要把整個站點的結構用樹形圖呈現出來,Axure有一個快捷的方法:在頁面導覽區域對準你希望生成樹形圖的主干點右鍵,選擇“生成流程圖”,就能自動生成圖表形式的站點地圖。點擊圖表上的每個控件,就會去到對應的頁面

技巧三:內間距(填充)

在元件樣式中的“填充”可以設置元件內容與邊框的距離,下圖中的兩個矩形,一個沒有設置填充,一個有設置填充

技巧四:圓角半徑

在元件樣式中的“圓角半徑”可以設置圓角及圓角應用范圍

技巧五:邊框可見

在元件的樣式中,邊框線條可以設置需要顯示哪幾條邊框

技巧六:對齊、分布

在工具欄中可以設置元件對齊、分布,選中多個元件選擇對齊方式,在分布中可以快速將多個元件平等分布對齊。

技巧七:動態面板固定

在瀏覽器中經常見到的“返回頂部”按鈕,其實就可以用動態面板實現。右鍵動態面板,點擊-固定到瀏覽器,然后設定懸浮位置

技巧八:選項組名稱

在制作多個標簽切換同時只能有一個標簽呈選中效果時,只需全選標簽,在右側屬性中的“選項組名稱”為其命一個名稱,即可實現切換時只有一個選中。

給TA買糖
共{{data.count}}人
人已贊賞
基礎教程高級教程

【Axure 教程】中繼器中級教程-聯級框

2021-6-3 9:45:19

基礎教程

Axure多個單選框設置預覽時只選中一個

2021-8-14 9:49:45

axure商城
6 條回復 A文章作者 M管理員
  1. 魏子懿

    多分享自己也會提高

  2. ANelson

    寫的真不錯

  3. 高強

    感覺在說1+1=2

  4. 武文齊

    ??想要下載最新漢化組件

  5. user107911

    1

?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo