誰說Axure 9.0沒有創(chuàng)新?深度體驗(yàn)后,竟發(fā)現(xiàn)了39處變化

18 評(píng)論 17454 瀏覽 40 收藏 9 分鐘

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

界面布局改版

AxureRP 9.0在極簡(jiǎn)主義設(shè)計(jì)的道路上越走越遠(yuǎn),整個(gè)界面的顏色搭配與icon圖標(biāo)設(shè)計(jì)給人的感覺更簡(jiǎn)潔、更樸素,沒有太多的附加裝飾。

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

下面我們來細(xì)細(xì)觀察:

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

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

元件功能優(yōu)化

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

那么這些元件在使用體驗(yàn)及功能上做出了哪些優(yōu)化?

小編為你進(jìn)行了整理歸納,主要變化內(nèi)容如下:

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

Tips:新增的功能體現(xiàn)在每一個(gè)細(xì)節(jié)之中,它的改善與優(yōu)化不輕易被察覺,但使用過程中卻能感受設(shè)計(jì)效率的提高。部分元件的樣式設(shè)置以及操作習(xí)慣較8.0版本有所改動(dòng),還需要一段時(shí)間去適應(yīng)。

交互設(shè)置流程優(yōu)化

新的交互構(gòu)建器已經(jīng)過全面重新設(shè)計(jì)和優(yōu)化,易于使用。 從基本設(shè)置到復(fù)雜的中繼器、函數(shù)、條件流,可以在更短的時(shí)間內(nèi)以更少的點(diǎn)擊次數(shù)將你的原型變?yōu)楝F(xiàn)實(shí)。

具體的變化表現(xiàn)在以下幾點(diǎn):

  1. 交互事件默認(rèn)進(jìn)行了隱藏處理,點(diǎn)擊新建交互,才可以查看交互事件。
  2. 交互用例的設(shè)置更加流水化,每點(diǎn)擊一步操作自動(dòng)觸發(fā)下一步的設(shè)置,這樣設(shè)計(jì)的好處在于減少?gòu)棿敖缑娴臄?shù)量,減少用戶點(diǎn)擊次數(shù)
  3. 元件的交互樣式移入至交互事件列表。
  4. 每個(gè)元件的常用交互直接顯示在交互面板下方,如中繼器的每項(xiàng)載入時(shí)事件;如中繼器的單擊時(shí),設(shè)置為下一個(gè)狀態(tài);向左拖動(dòng)結(jié)束時(shí),顯示為上一個(gè)狀態(tài);向右拖動(dòng)結(jié)束時(shí),顯示為下一個(gè)狀態(tài)。

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

其它改進(jìn)

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

最后的小結(jié)

從整體上來看,AxureRP 9.0針對(duì)8.0的版本迭代還是做出了很大的改進(jìn),簡(jiǎn)潔的界面設(shè)計(jì),元件的新增功能,以及一些操作流程的優(yōu)化改進(jìn),都是值得我們?nèi)ピ囉皿w驗(yàn)的。Axure的開發(fā)團(tuán)隊(duì)始終站在設(shè)計(jì)師的角度,針對(duì)一些不足之處,還在持續(xù)不斷的改善優(yōu)化,相信不久的將來9.0一定會(huì)成為產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、用戶體驗(yàn)師們使用的主流版本。

版本:Axure RP 9.0.0.3616

安裝包下載地址:

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

#專欄作家#

拼搏的80后,人人都是產(chǎn)品經(jīng)理專欄作家。10年互聯(lián)網(wǎng)從業(yè)經(jīng)歷,具有各類型B端、C端產(chǎn)品的設(shè)計(jì)經(jīng)驗(yàn),關(guān)注區(qū)塊鏈及人工智能的技術(shù)發(fā)展及應(yīng)用場(chǎng)景探索。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. “畫布取消了滾動(dòng)欄(可能有些同學(xué)不適應(yīng)了),增加負(fù)屏顯示。”這個(gè)沒有取消,在首先項(xiàng)(偏好設(shè)置)里面,可以勾選

    來自四川 回復(fù)
  2. 編輯器,應(yīng)該注重效率,顯然axure9不符合這點(diǎn)。

    來自浙江 回復(fù)
  3. 真心很難用

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

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

    來自天津 回復(fù)
    1. 沒有深度使用8 的使用起來還是蠻順手的!都是個(gè)習(xí)慣問題!

      來自上海 回復(fù)
    2. 同意,這些都和使用習(xí)慣有關(guān),畢竟Axure只是個(gè)工具,還是需要通過工具展示我們的思想

      來自天津 回復(fù)
  5. 9我真的不想吐槽,真的是坑,尤其是負(fù)區(qū)域,用的很不習(xí)慣

    來自安徽 回復(fù)
    1. 負(fù)工作區(qū)意義是啥?我也覺得不習(xí)慣

      來自上海 回復(fù)
    2. 是的是的是的!?。?/p>

      來自浙江 回復(fù)
  6. 請(qǐng)問知道怎么在9中設(shè)置內(nèi)邊框?qū)R嗎,原來的功能找不到了,兩個(gè)線重疊在一起會(huì)很粗

    來自上海 回復(fù)
  7. 小編說的,適應(yīng)一段時(shí)間是真的,但是剛開始使用,確實(shí)極簡(jiǎn),但是沒有8爽,整個(gè)頁面的左右上下滑動(dòng)有些不知所以然

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

    來自浙江 回復(fù)
  9. 能給個(gè)授權(quán)碼么?

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

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

    來自浙江 回復(fù)
    1. INTERACTIONS 字段名后面有個(gè)屬性設(shè)置鍵,點(diǎn)開可以看到

      來自陜西 回復(fù)
    2. 哇,找到了,多謝

      來自浙江 回復(fù)
    3. 右鍵鼠標(biāo),工具提示

      來自安徽 回復(fù)