keynotepedia

規劃一個網站或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主題打開來的樣子,就是一份簡報檔裡面有很多已經畫好的元件,要使用就是開一個新的簡報檔把要配置的元件放過去即可。

 

Keynotopia iphone

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

Keynotopia ipad

上圖是ipad樣板。

 

使用範例

網站雛形設計案例

 

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

手機APP雛形設計

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

 總結

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

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

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

Facebook 外掛功能