如何在Axure中從無到有創建原型呢？一般你是怎麼做的呢？這裏結合一位學員的學習過程，一起來看看。 先說一下做的內容是什麼。這個產品是一個P2P網貸類的產品，有多種貸款模式，在選擇其中的一種模式之後，系統會進行“是否登錄/註冊”的判斷，是和否分別有不同的動作指向。 瞭解製作的背景之後，來看看這位同學是怎麼做的。
1
理清邏輯，製作流程圖
同學在動手繪製原型之前，將前面說的判斷過程先整體理清，清楚整個過程是如何的，每個步驟之間是如何連接在一起的，在什麼地方需要做出判斷，不同的結果分別是什麼。 清楚了之後，畫出了整個過程的流程圖，將思路進一步清晰化，並且展示出來。
2
根據流程圖，整理結構框架
將這個過程中需要用到的頁面整理出來，也就是它的結構框架。需要多少個頁面，每個頁面之間的結構是如何的。
3
確定頁面佈局
結構框架確定了之後，就需要對每一個頁面進行元素的排版，排版之前，一般都會先對頁面進行一個佈局設計的考慮。 這裏做的是一個APP，所以首先確定App的尺寸（尺寸規範可以參考往期的文章）。
這裏這位同學採用的是360X640這個尺寸規範。 由於同學在另外的頁面中製作了一個手機殼，然後用內部框架製作了手機屏幕，內部框架與APP內容做了一個鏈接，所以這裏頁面尺寸與屏幕的尺寸也就是內部框架的尺寸應保持一致，同樣是360X640。
接着以登錄頁面爲例，需要哪些元素，我們先確定。手機的狀態欄、頁面名稱、登錄方式、對應的輸入框、按鈕等。先把大概的佈局確定下來。
這裏做一下擴展。 如果是web產品應該怎麼做呢？通常會遵循一些已有產品總結出來的佈局結構，比如三行三列布局，三行兩列布局等，再如左導航右內容的形式，左內容右導航的形式等，這些都是大的佈局結構，是整體頁面的佈局排版。
細分到具體頁面內容的時候，就需要對每一個內容塊的展示位置進行佈局，如企業網站首頁的一般內容有圖片新聞，通知通告，公司新聞，產品介紹，產品展示等等，我們需要對這些內容塊進行一定的設計佈局，這裏的佈局結構取決於設計人員對內容編排的把握，不同的佈局會產生不同的效果。
這種情況下，即對某一類產品的佈局把握不好的時候，可以參照已有成熟產品的內容佈局，因爲它們已經有運營數據在支持。
4
內容完善
頁面佈局布的就是內容塊，當決定了某塊內容的放置位置之後，就可以一塊一塊的完善設計內容，使其接近於最終產品的展示樣式。 這時候我們就需要調整各個元素的樣式、結構，最重要的是要進行交互的設置。還是以登錄的頁面來看。
這位同學在做的時候確定了有兩種登錄方式：短信快捷登錄和賬號登錄。那麼在登錄界面上我們需要設置兩種登錄方式互相切換的交互，用的是動態面板。
又如最初在選擇貸款模式的時候進行“是否登錄”的判斷，則是利用了變量的不同值去指代登錄的狀態，在設置的時候只需對變量的值進行判斷即可。
這裏用到的是Axure RP的核心功能，如組件的組合使用，動態面板的靈活應用等等，需要去發揮設計人員自己的想象力和創造力。世上本沒有路，走的人多了，也就有了路。這裏可以開闢自己的道路，如果還沒有這個能力的話，也可以先走走先人開闢的道路。
如果你想做的跟這位同學不同，是一個完整的產品的話，就需要先確定產品的信息框架。好比建房子時先打好地基，畫好建築結構圖。確定好產品的整體信息框架之後，剩下的內容就餓和我們同學做的一樣了，一步一步將產品完善。
文章中的截圖均採用自陪學網VIP學員學習成果，請勿任意轉載。
（加微信：pexuepexue，小編邀請您進入全國產品經理交流羣）
羣內每日分享學習資料、重磅報告、面試問題、招聘信息、免費課程
