APP開發原型設計的(de)一些技巧

産品經理(lǐ)在APP開發前要進行需求分(fēn)析以及産品原型設計，目前大(dà)多(duō)數産品經理(lǐ)使用(yòng)的(de)原型設計工具基本上都還(hái)是用(yòng)axure，在使用(yòng)axure制作原型的(de)過程中，我們也(yě)整理(lǐ)了(le)一些有用(yòng)的(de)技巧分(fēn)享給大(dà)家。

一、保持原型的(de)組織性和(hé)命名規範
Axure提供了(le)許多(duō)選項來(lái)保持項目的(de)組織性。
比如頁面快(kuài)照(zhào)可(kě)以讓你快(kuài)速組織一個(gè)樹狀結構，母版在命名後可(kě)以排序等等。
規範的(de)命名是原型被容易理(lǐ)解和(hé)維護的(de)關鍵所在，任何一個(gè)頁面一定要與最終研發出來(lái)的(de)産品一緻。
比如訂單詳情頁，登錄頁，這(zhè)些都是非常規範的(de)命名。在原型維護時(shí)，就可(kě)以通(tōng)過搜索框快(kuài)速定位。——效率值千金。
實際上，規範的(de)命名應該下(xià)沉到元件級。
更爲理(lǐ)想的(de)情況下(xià)，下(xià)遊可(kě)以直接延續上遊的(de)定義規則，整個(gè)團隊可(kě)以基于一個(gè)通(tōng)用(yòng)的(de)語言來(lái)構建整個(gè)團隊流程。
在項目發生意料之外的(de)事情時(shí)，規範性的(de)原型設計，可(kě)以幫助他(tā)人(rén)順利地介入然後接管事務，以便保持項目的(de)健康。
理(lǐ)想狀态下(xià)，一個(gè)原型應該是清晰易懂(dǒng)不需要解釋的(de)，特别是在跨地區(qū)協作的(de)時(shí)候。

二、學會使用(yòng)母版
任何工具，包括紙和(hé)筆，都隻是将你的(de)想法，傳遞給别人(rén)的(de)一種形式或是工具。
不要在這(zhè)個(gè)環節投入過多(duō)不必要的(de)精力，盡可(kě)能的(de)設計模塊化(huà)、繼承化(huà)的(de)東西。
母版正是這(zhè)種思路的(de)完美(měi)體現。
任何一個(gè)App都有很多(duō)頁面，多(duō)數情況下(xià)頁面的(de)結構是一緻的(de)，不同的(de)是頁面元素。而且還(hái)有一些功能，也(yě)會在不同的(de)頁面出現。
有的(de)人(rén)就不假思索的(de)直接複制粘貼來(lái)完成這(zhè)項工作，不但效率低，而且容易出錯。
更好的(de)做(zuò)法就是制作一個(gè)母版，直接拖拽極可(kě)。母版設計實例
母版可(kě)以理(lǐ)解爲一個(gè)可(kě)以複用(yòng)的(de)頁面，你在設計頁面的(de)所有元件、交互和(hé)技巧都可(kě)以在母版中使用(yòng)。
母版設計好，可(kě)拖放在頁面的(de)任何位置，統一修改維護，母闆有更新，所有用(yòng)到該母版的(de)頁面都會更新。整個(gè)原型的(de)維護更新就會變成非常便捷，而且不會出錯。
母版的(de)另外一個(gè)好處是可(kě)以觸發事件，在一些情況下(xià)，通(tōng)過母版觸發事件是非常高(gāo)效的(de)設計方法。但是，不要把過大(dà)的(de)組合對(duì)象變成母版，而是應該把多(duō)個(gè)母版變成一個(gè)組合對(duì)象。

三、系統自帶的(de)元件足夠完成絕多(duō)數的(de)設計
元件作爲axure的(de)基礎，是表達原型的(de)基本元素。
一個(gè)完整的(de)元件庫，能夠讓你的(de)原型看起來(lái)更真實。很多(duō)人(rén)就開始熱(rè)衷建立一個(gè)自己的(de) Axure 組件庫，網上也(yě)能找到大(dà)量的(de)元件庫。
但實際上，你很可(kě)能并不需要這(zhè)麽做(zuò)。
大(dà)多(duō)數情況都可(kě)以通(tōng)過自帶的(de)元件庫完成工作，更激進一點的(de)方式，直接用(yòng)占位圖即可(kě)。
對(duì)原型而言，絕大(dà)多(duō)數都不需要（也(yě)不應該）去追求原型的(de)仿真美(měi)觀程度，而應該在于表達思路，完善想法上面，icon這(zhè)一類的(de)工作是設計師的(de)範圍。
 樸素原型實例
對(duì)PM而言，用(yòng)最樸素的(de)方式表達産品思路更重要，也(yě)就是你并不需要爲原型付出額外的(de)精力。
 

四、一個(gè)元件可(kě)以搞定的(de)事情，絕對(duì)不用(yòng)兩個(gè)
axure的(de)原型因爲是元件組成，所以當你每添加一個(gè)元件到你的(de)項目中，也(yě)就意味著(zhe)未來(lái)的(de)維護需要耗費更多(duō)時(shí)間。
因此，原型一定要簡化(huà)。
一個(gè)元件可(kě)以搞定的(de)事情，絕對(duì)不用(yòng)兩個(gè)，多(duō)一分(fēn)力氣都不要花在“原型”的(de)設計上。
這(zhè)一點實際上要求你對(duì)工具的(de)每一個(gè)特性都非常熟悉。
比如在button上再組合一個(gè)文本标簽，這(zhè)樣帶來(lái)的(de)麻煩是修改命名、設置交互，甚至移動都是需要操作多(duō)個(gè)元件，而且導緻元件文件過于臃腫。
這(zhè)種做(zuò)法很常見。
還(hái)有一種奇怪的(de)現象就是，使用(yòng)兩個(gè)面闆實現互斥性操作。A面闆操作B面闆，這(zhè)種設計在多(duō)數情況下(xià)都是蹩腳設計。
這(zhè)種情況可(kě)能是對(duì)面闆的(de)操作還(hái)不太熟悉，任何元件都可(kě)以直接轉換爲動态面闆，動态面闆可(kě)增加多(duō)個(gè)狀态，直接設置每個(gè)狀态的(de)跳轉即可(kě)。
設計一個(gè)選項卡隻需要一個(gè)動态面闆即可(kě)實現，而不是通(tōng)過多(duō)個(gè)面闆的(de)交互進行切換。
動态面闆很常用(yòng)也(yě)很好用(yòng)，通(tōng)常都是用(yòng)來(lái)做(zuò)一些交互動效，比如輪播圖，選項卡等。
但是不要濫用(yòng)，濫用(yòng)指的(de)是在不需要的(de)情況使用(yòng)面闆，在可(kě)以用(yòng)的(de)時(shí)候又不用(yòng)。
 

五、掌握快(kuài)捷鍵
組合元件：ctrl+g；
鎖定元件：快(kuài)捷鍵：ctrl+k；
平移元件：按住shift拖動元件；
複制元件：按住ctrl拖出一個(gè)複制的(de)元件；
垂直或水(shuǐ)平複制新元件：按住ctrl+shift後拖動元件

以上分(fēn)享的(de)這(zhè)些技巧，希望能幫助産品經理(lǐ)們更有效的(de)制作原型圖。