誰說Axure 9.0沒有創新?深度體驗后,竟發現了39處變化

18 評論 17325 瀏覽 40 收藏 9 分鐘

美國時間2018年9月5日Axure RP 9.0 Betal版在官方博客首次對外公布,一時間引來了不少全球Axure粉絲的圍觀與下載。作為Axure資深用戶,怎能安耐內心的沖動,于是第一時間深度體驗了Axure 9.0的各項功能。經過一段時間的深度使用,本文重點講述AxureRP 9.0相較于8.0版本有哪些實實在在的改動。

界面布局改版

AxureRP 9.0在極簡主義設計的道路上越走越遠,整個界面的顏色搭配與icon圖標設計給人的感覺更簡潔、更樸素,沒有太多的附加裝飾。

那么AxureRP 9.0的界面布局與顯示到底有哪些變化呢?

下面我們來細細觀察:

  1. 界面的主色調采用了極簡主義色調黑白灰。
  2. 所有的輸入項填寫均由以前的輸入框形式調整成了輸入線。
  3. 生成原型的設置界面,由原來豎行的菜單欄調整成了右側的標簽導航,左側為路徑、瀏覽器、默認頁面的設置。改變后的界面,可以減少用戶的操作,我們只需要在一個界面窗口中完成所有的配置。
  4. 豐富了鋼筆工具的功能,工具欄的插入功能不僅保留了原有的鋼筆工具,還增加了矩形、橢圓、線條、文本以及各類形狀。通過拖拽可以直接繪制各類形狀并隨心所欲的控制尺寸大小。
  5. 工具欄中默認收起了上下對齊方式、元件排列方式,點擊雙箭頭圖標進行展開。
  6. 工具欄中將文本對齊方式進行了隱藏,點擊雙箭頭展開。
  7. 工具欄中去除了尺寸設置和固定元件操作。
  8. 頁面導航面板與元件管理面板進行了合并。
  9. 元件庫面板與母版面板進行了合并。
  10. 針對Icons庫中滿目龐雜的元件進行了歸類。
  11. 樣式面板中的樣式交互移入至元件交互中。

Tips:Axure 9.0將一些使用率低的工具欄操作進行了折疊隱藏處理,將具有一定關聯性的面板管理進行合并,將元件進行了整理歸類,從視覺層面來講,極大的簡化了界面布局,對整個界面進行了一次全面瘦身。

元件功能優化

雖說AxureRP 9.0并沒有增加新的元件,但9.0的元件使用體驗及增加的小功能卻超出了我的預期。在進行線框圖的繪制時,更加得心應手了,極大了提高設計的效率與線框圖質量。

那么這些元件在使用體驗及功能上做出了哪些優化?

小編為你進行了整理歸納,主要變化內容如下:

  1. 方框、橢圓、占位符、BUTTON按鈕等形狀類元件增加了導入圖片功能,這里的圖片導入不同于圖像元件的圖片導入,通過形狀元件導入的圖片將限定在元件內部。
  2. 可以靈活控制文本內容的邊距,即文字距離元件上下左右四條邊的距離。
  3. 導入圖片時,能夠設置圖片的中心點,默認為左上角,可以選擇頂部、底部、左上角、左下角、右上角和右下角。
  4. 圖片支持水平翻轉、垂直翻轉。
  5. 元件不僅可以設置外部陰影,也可以設置內部陰影。
  6. 邊框線的粗細可以通過的寬度進行更靈活的設置,只需要填寫數字即可。
  7. 布爾運算增加了結合和分開。
  8. 移動元件時,自動顯示距離最近元件的距離。
  9. 增加了流程圖的元件。
  10. 針對Icons元件庫的元件進行了整理分類,元件的數量也更豐富。
  11. 元件增加懸停樣式效果,鼠標懸停時,元件周圍顯示邊框線。
  12. 優化元件選中效果。
  13. 編輯動態面板和中繼器時,減少了頁面標簽的數量,優化編輯體驗,新增隔離功能。
  14. 文本字符的行距和間距的調整更加精確靈活。
  15. 元件庫支持導入本地圖片文件夾。
  16. 元件支持添加多條注釋說明,在查看HTML文件時,可一次性展開所有說明。
  17. 中繼器背景支持顏色交替顯示。

Tips:新增的功能體現在每一個細節之中,它的改善與優化不輕易被察覺,但使用過程中卻能感受設計效率的提高。部分元件的樣式設置以及操作習慣較8.0版本有所改動,還需要一段時間去適應。

交互設置流程優化

新的交互構建器已經過全面重新設計和優化,易于使用。 從基本設置到復雜的中繼器、函數、條件流,可以在更短的時間內以更少的點擊次數將你的原型變為現實。

具體的變化表現在以下幾點:

  1. 交互事件默認進行了隱藏處理,點擊新建交互,才可以查看交互事件。
  2. 交互用例的設置更加流水化,每點擊一步操作自動觸發下一步的設置,這樣設計的好處在于減少彈窗界面的數量,減少用戶點擊次數
  3. 元件的交互樣式移入至交互事件列表。
  4. 每個元件的常用交互直接顯示在交互面板下方,如中繼器的每項載入時事件;如中繼器的單擊時,設置為下一個狀態;向左拖動結束時,顯示為上一個狀態;向右拖動結束時,顯示為下一個狀態。

Tips:交互界面更簡潔,設置時有效減少了點擊次數,但回顧查看動作配置時,界面顯示的不夠直觀。誤點擊條件時,無法刪除條件設置欄目。對于大部分人來講, 交互設置的操作界面需要一段適應過程,且用戶需要記住上一步的操作選擇。

其它改進

  1. 調色板增加了漸變色的靈活調整,支持線性漸變和徑向漸變,增加HSV拾取器的新顏色選擇器。
  2. 頁面樣式新增移動端尺寸,包含了安卓與IOS主流機型尺寸。
  3. 畫布取消了滾動欄(可能有些同學不適應了),增加負屏顯示。
  4. 幫助菜單欄新增Axure官方論壇。
  5. 優化瀏覽器中原型顯示效果,新增自適應瀏覽器寬度,增加上一頁(<)和下一頁(>)的快捷方式。
  6. 瀏覽器中查看移動端原型時,優化光標顯示效果,增加上下滾動條。
  7. 頁面尺寸設置為移動端時,瀏覽器打開原型文件,無法復制文字內容。

最后的小結

從整體上來看,AxureRP 9.0針對8.0的版本迭代還是做出了很大的改進,簡潔的界面設計,元件的新增功能,以及一些操作流程的優化改進,都是值得我們去試用體驗的。Axure的開發團隊始終站在設計師的角度,針對一些不足之處,還在持續不斷的改善優化,相信不久的將來9.0一定會成為產品經理、交互設計師、用戶體驗師們使用的主流版本。

版本:Axure RP 9.0.0.3616

安裝包下載地址:

漢化包下載地址:https://pan.baidu.com/s/1hSWSfpe0mRATqJeX-ccK8g

#專欄作家#

拼搏的80后,人人都是產品經理專欄作家。10年互聯網從業經歷,具有各類型B端、C端產品的設計經驗,關注區塊鏈及人工智能的技術發展及應用場景探索。

本文原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. “畫布取消了滾動欄(可能有些同學不適應了),增加負屏顯示?!边@個沒有取消,在首先項(偏好設置)里面,可以勾選

    來自四川 回復
  2. 編輯器,應該注重效率,顯然axure9不符合這點。

    來自浙江 回復
  3. 真心很難用

    來自北京 回復
  4. 我來說幾點:
    1.確實負區域有利有弊,看過Axure默認案例可以實現負區域做備注,紙張區域做圖。但是期望能夠有鎖定的功能,方便沒有需求的人不去使用此功能
    2.沒有頁面鼠標懸停預覽功能,這個是我遲遲沒有使用axure9,并且使用不習慣的最主要原因
    3.部分功能隱藏過深,比如原來用的很順手的文本框占位文字,其他的肯定也有對應
    4.我個人對于交互用的少,所以對于特效沒有發言權,包含很多函數我相信也有很多人不習慣的地方

    不過話說回來,如果不是深入用過axure8的人重新學習,是否不會在意這些,而是我們先入為主了呢?!

    來自天津 回復
    1. 沒有深度使用8 的使用起來還是蠻順手的!都是個習慣問題!

      來自上海 回復
    2. 同意,這些都和使用習慣有關,畢竟Axure只是個工具,還是需要通過工具展示我們的思想

      來自天津 回復
  5. 9我真的不想吐槽,真的是坑,尤其是負區域,用的很不習慣

    來自安徽 回復
    1. 負工作區意義是啥?我也覺得不習慣

      來自上海 回復
    2. 是的是的是的?。?!

      來自浙江 回復
  6. 請問知道怎么在9中設置內邊框對齊嗎,原來的功能找不到了,兩個線重疊在一起會很粗

    來自上海 回復
  7. 小編說的,適應一段時間是真的,但是剛開始使用,確實極簡,但是沒有8爽,整個頁面的左右上下滑動有些不知所以然

    來自廣東 回復
  8. 作者真是無腦吹,用過8的人敢說用9很爽,我給你吃下去,axure的交互本來非常流暢的,現在整的,快成墨刀了

    來自浙江 回復
  9. 能給個授權碼么?

    來自北京 回復
  10. 正在熟悉中,變化很大,用著很爽

    來自陜西 回復
  11. 9.0輸入框,我找遍了都找不到在哪設置提示文字,不知道是不是我沒找到,但是8.0是有的。

    來自浙江 回復
    1. INTERACTIONS 字段名后面有個屬性設置鍵,點開可以看到

      來自陜西 回復
    2. 哇,找到了,多謝

      來自浙江 回復
    3. 右鍵鼠標,工具提示

      來自安徽 回復