Axure高效使用十誡（譯文）Axure是一款快速搭建軟件原型的強大工具。上手Axure很容易；但是快速上手的同時卻埋藏著一些隱患。這款軟件的易用性很高以至于多數用戶不用通過正式的學習便能使用它進行工作。他們可能沒意識到自己并沒有以最佳的方式使用Axure。以我作為一個用戶體驗設計師的工作經驗來看，很少有機會將一個頁面一次敲定。大部分時間我都要反復進行5到10次的修改。當你以UX設計作為一項敏捷項目的藍圖時，你也許需要保持項目整體進度和開發進程一致。有時這些改變會影響一系列的其他頁面。這時候Axure的這些隱藏的小技巧就會幫助節省大量的時間。）能用一個元件搞定的時候永遠不要用兩個無論是Axure的初學者還是高級用戶，我最常見到的浪費時間的行為就是使用不必要的元件。我現在依然能在我自己身上發現這個錯誤，必須不斷地提醒自己這第一條戒律。你添加的每一個元件在以后修改的時候都會多浪費一些時間。經過十次反復修改后這些小問題就會累積起來。下面是一個簡單的例子，用來說明表面上看起來一樣的兩個控件是如何通過不同的方式建立的。兩個例子都是一些人使用單獨元件來做文本和按鈕。當他想給整個部件添加單擊事件的時候，有兩種選擇。第一種選擇是在這個群組上面添加一個熱點區，這樣就要保留三個元件。第二個選擇是給兩個元件單獨創建點擊事件，這樣就要保留兩個動作。這兩種方式在以后在修改的時候都要浪費不必要的時間。有一種簡潔得多的方式創建這個部件，就是給box部件添加文字。然后你可以通過“alignment andpadding”工具調整文本的位置。現在你只需要保留一個元件然后綁定一個事件給它。）不要復制黏貼，而是把對象存為模板進入在設計的后期，我發現自己需要改變所有頁面的主導航時，那感覺簡直爽死了。不是我喜歡做一堆重復的工作，而是因為我只需要編輯一個母版文件然后“唰！”整個文件就更新了。很明顯主導航部分要用母板創建，但其實每個使用超過一次的對象都值得創建為母版。無論什么時候你需要復制黏貼一組元件的，都要提醒自己創建一個母版更好。創建母板后，例如上面的產品產品信息標簽，如果你要把按鈕標簽改為”Buy now”,你只需要編輯一次就能看到母版的所有引用都更改了。記住不要把太大的群組轉成母版。對象群組越大將來需要變動的可能性也越大。一般來說把幾個母版合并成一個新的大母版比較好。這樣在你需要修改的時候就很方便，因為有些元素是固定的還有一些是在變化的，就像下面這樣：這個基礎母版并不包含價格信息，但是他可以合并其他的母版組成新母版來顯示完整的產品信息。）創建母版前設置Styles用母版來創建可復用元素是十分方便的，但是它們不支持差異化。母版的每個實例都和其他的一模一樣。這時候就需要引入Styles了。假如你有一個按鈕需要在多個頁面中使用，但是按鈕上的標簽需要變化。你可以借助Styles輕松達到。按鈕的每個屬性都能通過Styles進行管理；你只需要編輯標簽就行了。用mouseover等事件來增加按鈕的功能性是很常見的。在Axure中這些事件通常通過動態面板來創建。將不同的情景置于不同的面板狀態中通過腳本進行選擇。然而這樣你就要去每個面板狀態去編輯按鈕副本。一個比較快的方法是使用Interaction Styles對話窗。通過這個功能可以簡單的給每個事件狀態設置不同的風格，然后你只需要設置一次按鈕的副本和大小。小提示：可以對按鈕使用“Auto fit width”功能，這是Axure7中的新功能。如果你設置了左側和右側填充，你只需要編輯按鈕上的文本，按鈕的尺寸就會自動適應文本長度。IV)時刻保持文檔組織清晰命名清楚Axure提供了許多選項保持組織的條理性。頁面上放置的每一個元素都可以獨立命名。頁面可以在一個樹形圖中進行命名管理。母版可以命名并用文件夾分類。但是為什么要盡量給每個元素都進行命名？ 為自己而保持結構的條理性當你精心制作了一個頁面并且想通過動態面板創建一定的交互時，你需要篩選長長部件列表來尋找你需要的部分。你可以使用搜索字段前提是你已經對你的元件進行了系統的命名。 方便團隊成員跟進如果像我一樣通過團隊合作了開展項目，意外的事情是經常出現的。你或你的同事可能生病，也可能突然必須去進行另外一個項目。這時文檔組織清晰有條理就是十分重要的了，這樣別人可以輕松的進行接手了。畢竟接受他人創建的交互系統是十分麻煩的。 可能要與第三方分享一般我經歷的項目中，我的線框圖至少要與10個人進行分享。我可能跟其中一些人坐在一起交流這樣我就能對齊進行引導。其他人我可能從未見過面，因而我不知道他們對線框圖的理解程度。理想情況下，一個原型應當具有自主可讀性。為了達成這些目標我做了如下這些。創建一個引導頁你可以創建一個主頁作為你原型的啟動頁面來給人們解釋他們正在看的是什么，如何使用它。另外，你還可以提供你的聯系方式或者流程圖的鏈接。給頁面一個獨特的，能自我說明的名字如果頁面名字很清晰并且能自我解釋，那原型就比較容易理解。人們也可以在之后的交流中繼續使用這些名字。例如，一個平面設計師根據你的設計進行工作，那么他們可能使用與你頁面相同的名字。如果一個頁面的名字不是獨一無二的，那么這個頁面就會出現不同的名字。（原文：If a pages name is not unique, then different names for the page will appear.）創建一個適用與多數用戶的流程圖大部分用戶并不把一個設計想象成頁面樹；他們將其想象為一個動作流。你可以在Axure里創建一個流程圖來反應重要的用戶流并且連接節點到相關頁面上。你還可以提供一個其他的方式來瀏覽原型。（流程圖中的名字是根據你站點地圖中來的。因此，它直接反應你的頁面命名是否清晰。）V)使用全局參考線(GlobalGuides)和網格(Grid)Axure支持兩種參考線：局部參考線，只在一個頁面中出現，還有全局參考線，在所有頁面中可見。參考線可以通過“Creat Guides”對話框創建。如果你設置了參考線，例如，創建一個默認的960網格布局，然后再往里面添加元素就簡單多了。同樣的，你的小伙伴們也可以通過共享任務看到這些全局參考線。使用網格可以讓你保持設計簡潔，層次清晰。我通常設置10*10pix的網格并且設置所有元素尺寸為10的倍數；例如，一個按鈕可以是60*20pix而非55*18pix。這樣當你在網格里放置元件的時候，所有東西都變得十分容易對齊而且滿足你可能有的一些強迫癥。當然，需要不同尺寸元件的時候你也可以偏離網格。小提示：在Axure7里，你可以為移動頁面和桌面頁面設置不同的全局參考線。下面用我喜歡使用的一個移動端全局參考線設置做個例子：VI)不要忘記導入工具許多文檔里，人們都會創建一些可以在其他文檔里繼續使用的元素。用來之前創建的東西來替代每個項目里重復的部分。文檔里許多基礎要素都是保持不變的，例如風格樣式，參考線和基礎母版。雖然可以從一個.rp 格式文件里復制黏貼到另一個，但是不是所有的信息都能復制過來。當你黏貼一個有特殊樣式的按鈕時，按鈕的樣式就不會被一同黏貼來。重復使用可復用元素的最好方法還是使用強大的導入功能。它不僅允許導入頁面和母版，同時還有風格樣式和參考線。小提示：創建一個“mother”文件儲存你所有的標準母版，用來導入新文件。VII)保留頁面的歷史版本我經常發現我需要返回文件的歷史版本。在“美好”的舊時光里（我不會解釋為什么“美好”是加引號的），我經常要在Visio里創建線框圖的時候，管理擁有有很多頁面的項目是十分麻煩的，所以我最后往往會遺漏頁面。我會經常每隔幾天就保存一個新的文件用遞增的數字來命名，這樣我就能以這種方式保存項目的歷史文件。換句話說，我最終會產生一個擁有幾百個大文件的文件夾，浪費空間。在Axure里，追蹤文檔的歷史版本是很簡單的。只需要創建一個文件夾（或者Axure6.5及之前版本里的一個頁面）命名為Bin。將老版本的頁面放到里面，這樣你就可以在需要的時候輕松的回到之前版本。在導出的時候，只需要選擇不導出所有頁面。這樣你就能跟小伙伴們分享簡潔的版本同時又保留了之前版本。VIII)不要創建不必要的交互第一次使用Axure的人往往對Axure原型中添加交互的簡便性印象深刻。我剛開始使用Axure的時候總忍不住添加所有可能的交互動作到頁面中。然而，在許多時候，我的設計不需要那么多的交互動作就能清晰的傳達給別人僅僅停留在靜態頁面就行。現在我只在下面這些問題的答案是yes的時候才會添加交互動作。1.“我需要交互動作才能清晰的傳達我的設計意圖嗎？”你的設計用靜態頁面替代交互動作的時候可能被誤讀嗎？這可能是一個依靠特定動畫才能被理解的交互動作。2.“這個交互動作在后期能節省時間嗎？”創建一個交互元素比在不同頁面展示不同狀態更快嗎？比如，創建維護一個tabs交互頁面比給每個tab創建多個頁面更容易。3.“我需說服別人接受一個交互方式嗎？”當我想出一個自認為問題最好的解決辦法時，但是我知道這個想法后期實現起來比較困難，我就需要他人來支持這個想法。我發現把這個想法變得具有交互性更容易賣出去。但是如果這些問題的答案都是no，那我寧愿給一個頁面創建多個版本來表現交互元素的不同狀態。IX)使用字體圖標而非圖片另一個簡單但時常被忽略的保證Axure方便管理的方法是盡量減少圖片的數量。要改變原型里一個圖片圖標的顏色，你必須通過好幾個步驟才能完成。你要打開圖片編輯器，編輯圖片后導出為一個新位圖，最后再導入Axure里。還有個選擇就是使用圖標字體。使用它你就可以在Axure里改變顏色和大小。CopyPasteCharacter是一個很大的圖標字體資源站，它的字體在許多平臺上都能正常使用。利用字體圖標你可以在不違背第一條原則的情況下給按鈕添加圖像。譯者語：對于在Axure里使用iconfont，譯者抱懷疑態度。若在交互稿中使用iconfont，導出的Html文件放到一臺未安裝此iconfont的電腦上就無法顯示。所以理想很美好現實很骨感，我認為這一條看看就好。X)在瀏覽器或設備上預覽原型當設計師發現自己的原型在Axure里和在瀏覽器中看起來不一樣時候往往很受打擊。特別是文本間距及位置看起來不同。另外，甚至在不同的瀏覽器中預覽也是不同的。為了避免這種情況就要不斷的在瀏覽器或者設備上（如果你是為移動設備而設計的）預覽原型。雖然不可能完全排除原型在Axure和瀏覽器里的差異，但是可以使用一些方法可以對其進行控制。TEXTWRAPPING這是Axure里如何限制文本的：下面是瀏覽器中如何限制文本的：要避免文字被擠到下一行，就要確保文本框有足夠的空余空間。最穩妥的做法是給文本它可能需要的最大空間。因此，如果以后你要編輯文本，就不用再重新設置文本框的大小了；它能滿足文本的需要。垂直間距垂直間距在Axure 和瀏覽器中看起來是