規劃一個網站或App設計，構想使用介面以及版面配置時候會利用一些工具繪製框架雛形(Wirefram)，以前都是用visio來拉框架圖但是電腦換了mac後就很不方便使用。用visio有些缺點就是畫面比例不好抓，這個在規劃網頁問題比較小，但是規劃APP問題就比較大了，畢竟元件或icon比例不對可能會做出一個難操作的app。如果想要把雛形做的整齊漂亮，這時候專業的網站雛形工具Keynotopia幫助就很大了。

Keynotopia 簡介

Keynotopia 標榜用powerpoint或keynote簡報軟體就可以拉出專業的網站/App雛形，就是提供很多事先畫好的素材元件庫，使用的時候就開啟簡報軟體把元件放進去，跟做簡報方法一樣非常容易上手。整套雛形提供iphone、ipad、Android、web…等不同主題的素材元件檔案，要設計哪一種就選來用。

What’s included for Keynote and PowerPoint

• iPad templates(landscape and portrait)
• iPhone templates
• Facebook templates
• Web 2.0 templates
• jQuery web and mobile templates
• Android (Phone+Tablet) templates
• Windows Phone templates
• BlackBerry (Phone+Tablet) templates
• OS X templates
• Windows 7 &8 templates
• User Experience templates

每一個主題會有好幾個檔案，這是其中一個web2.0主題打開來的樣子，就是一份簡報檔裡面有很多已經畫好的元件，要使用就是開一個新的簡報檔把要配置的元件放過去即可。

上圖是手機iphone os 7 的樣板。

上圖是ipad樣板。

使用範例

上圖是我實際在規劃一個網站雛形時候的檔案，用keynote去編排，使用時候記得把keynote大小設定成合適的長寬，例如一般網頁是1024＊768，如果網頁是比較長的話就設定為1024＊2000。

這個是一個App雛形設計，如果好好的配置，利用內建的素材甚至可以弄出一個擬真度很高的雛形。

 總結

Keynotopia 是一套好用的工具，需要付費購買，可以依照需求購買單個主題的樣板或是全部購買。付款完成會提供下載點直接下載即可，因為本質上就是一個ppt或keynote檔案，沒有什麼軟體註冊或功能限定的問題。作者更新也滿快的，當初ios7推出沒多久就出了對應的檔案，購買後也享有永久更新的服務，算是很有心。

跟Axure RP 相比，Axure RP比較適合需要互動性高或是一個更完整軟體流程介面規劃使用，而keynotopia適合規劃數量不多，想要快速使用的雛形繪製工具。畫完的檔案可以直接給設計師，不需要大家都要安裝貴森森的visio，存成PDF看也方便。

如果覺得keynotopia價格還是有點高，另外介紹一個keynotekungfu  ，元件比較少但相對價格也便宜，只要12美元。