介面原型設計工具PowerMockup簡介

在設計應用程式介面的過程中，我們經常會使用各種工具。如果是winform形式的應用，那麼可能會直接使用編程工具，像Visual Studio，如果是web應用，可能會使用網頁製作工具，像Dreamweaver等。

如果只是想要在Powerpoint中做下原型的示範，或者是設計一些基本的介面來和大家一起討論，使用上述的工具就顯得有些重量級了，在此和大家推薦一種輕量級但是非常實用的工具——powerMockup。

安裝好PowerMockup之後，它會直接整合到PowerPoint中，不會在程式菜單中顯示，但是，當啟動Powerpoint的時候，就會自動載入。

在PowerMockup中已經預設了很多可用的圖形，我們可以點擊工具列中的“show stencil Library”顯示所有的組件，這些組件都是基本的圖形，我們可以按照圖形的方式對其進行設定，非常方便。而想要把這些組件加入到PPT中，只需要拖動即可。

讓我們來一次看一下各種類型的組件。

首先是容器（containers），其中有各種容器，包括瀏覽器和視窗的架構，我們可以使用它們來建立形式完整的介面：

然後是圖形（Graphics）類型，在設計web應用的時候會格外有用，而且在設計各種統計圖的時候，也可以直接使用這些組件：

表徵圖（Icons）類型中是各種我們可以用在按鈕或者其他位置上的表徵圖：

如果想要在特定的位置上做些標記，就可以使用標記（Markup）類型的組件：

Web應用中經常會有頁面導航的功能，這時就可以使用導航（Navigation）類型的組件：

在Web應用中會有一些特殊的文字形式，我們可以使用文本（Text）類型的組件來實現：

使用預設的這些組件，我們就可以方便而快速地做出效果不錯的示範頁面，因為所有的組件都是圖形，所以我們可以根據需要調整顏色和字型，讓效果更好一些。

另外，想要重用一些組合出來的內容，我們還可以把一些圖形自訂為PowerMockup的對象，並方便地匯入匯出。

從上面的內容，你一定已經基本瞭解了這款簡單易用的小工具的準系統，剩下要做的就是設計我們的頁面了。