規劃一個網站或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美元。
發表迴響