原型設(shè)計(jì)之于應(yīng)用開發(fā)，是為第一要素。它所起到的不僅是溝通的作用，更有體現(xiàn)之效。通過內(nèi)容和結(jié)構(gòu)展示，以及粗略布局，能夠說明用戶將如何與產(chǎn)品進(jìn)行交互，體現(xiàn)開發(fā)者及UI設(shè)計(jì)師的idea，體現(xiàn)用戶所期望看到的內(nèi)容，體現(xiàn)內(nèi)容相對(duì)優(yōu)先級(jí)等等。在“馬上有一切”的開年之際，回首2013，這個(gè)移動(dòng)互聯(lián)網(wǎng)最為活躍的年度，從原型設(shè)計(jì)開始，盤點(diǎn)這一年里，最受開發(fā)者及UI設(shè)計(jì)師喜愛的原型設(shè)計(jì)工具。
1. Flinto
在應(yīng)用開發(fā)者和設(shè)計(jì)師的圈子里，F(xiàn)linto是設(shè)計(jì)必備的工具之一，基于Web，專門用于iPhone和iPad應(yīng)用原型設(shè)計(jì)。Flinto獨(dú)有的編輯器，通過鏈接屏幕和設(shè)置轉(zhuǎn)換，能夠在短短幾分鐘之內(nèi)幫助開發(fā)者和設(shè)計(jì)師快速創(chuàng)建好產(chǎn)品原型。
和大多數(shù)工具一樣，F(xiàn)linto對(duì)于新用戶有著30天的免費(fèi)試用，在試用期之后，獨(dú)立開發(fā)者和設(shè)計(jì)師需每月支付8美元。在Flinto之上，除了其本身的原型設(shè)計(jì)工具之外，F(xiàn)linto還提供了一款輕量級(jí)的圖標(biāo)測(cè)試工具——Icon Strike，功能簡(jiǎn)單卻相當(dāng)實(shí)用，只需三步（上傳圖標(biāo)、手機(jī)查看、安裝Icon Strike），即可完成圖標(biāo)測(cè)試。
2. InVision
InVision是一款專為設(shè)計(jì)師及項(xiàng)目決策者等群體服務(wù)，提供設(shè)計(jì)圖原型討論、標(biāo)注、分工協(xié)作等，幫助他們進(jìn)行產(chǎn)品原型設(shè)計(jì)的工具，非常適合團(tuán)隊(duì)使用。通過InVision，設(shè)計(jì)師可以為移動(dòng)應(yīng)用快速創(chuàng)建交互式模型或demo，除此之外，InVision還會(huì)提供極其酷炫的設(shè)計(jì)演示工具，收集反饋，并與團(tuán)隊(duì)其他成員分享。
InVision的客戶非常廣泛，遍布全球70個(gè)國(guó)家，甚至包括Adobe、Zappos、ebay、索尼、戴爾、EA等品牌公司對(duì)于InVision都是頗為贊譽(yù)。InVision按不同類型不同項(xiàng)目數(shù)量收費(fèi)，分別為：初學(xué)者（15美元/月）、專業(yè)人士（25美元/月）、工作室（50美元/月）、品牌工作室（100美元/月）。
3. Proto.io
Proto.io這樣一款專門用于移動(dòng)應(yīng)用的界面原型設(shè)計(jì)工具，基于Web環(huán)境，支持滑動(dòng)、輕觸、縮放、長(zhǎng)按等主流移動(dòng)觸摸風(fēng)格和手勢(shì)。通過它，開發(fā)者及設(shè)計(jì)師可以為iOS、Android等各種移動(dòng)平臺(tái)設(shè)備制作交互式應(yīng)用原型，并獲得問題反饋。
使用Proto.io，只需短短幾分鐘，即可完成原型創(chuàng)建，而其過程也是相當(dāng)有趣。對(duì)于新用戶，Proto.io有15天的免費(fèi)試用，在此之后，普通用戶需每月支付24美元，而專業(yè)版則需每月支付49美元。
4. Marvel
與上面所介紹的工具相比，Marvel最大的優(yōu)勢(shì)就在于免費(fèi)。Marvel有一個(gè)特別之處就是完全基于Dropbox，開發(fā)者或設(shè)計(jì)師在創(chuàng)作過程中，圖片所產(chǎn)生的每一點(diǎn)變化都會(huì)自動(dòng)同步到原型。使用Marvel進(jìn)行原型創(chuàng)作非常簡(jiǎn)單，無需任何編碼，也不需要再繁瑣地將PSD格式文件保存為圖像。
通過Marvel的編輯器，用戶不僅可以為iOS、Android等移動(dòng)設(shè)備創(chuàng)建原型，還可以Web及游戲設(shè)備創(chuàng)建原型?？梢詫?shí)時(shí)同步、支持PSD、運(yùn)行于任何設(shè)備，只需輕點(diǎn)幾下，即可完成一項(xiàng)非常逼真的原型，Marvel的優(yōu)點(diǎn)不言而喻。
5. Codiqa
對(duì)于jQuery Mobile開發(fā)者和設(shè)計(jì)師而言，Codiqa并不陌生。Codiqa這樣一款基于云的可視化快速原型工具，能夠幫助用戶非常輕松地設(shè)計(jì)、開發(fā)和編輯HTML5移動(dòng)應(yīng)用。在用戶使用其可視化編輯器進(jìn)行原型創(chuàng)建操作的同時(shí)，Codiqa會(huì)在后臺(tái)自動(dòng)創(chuàng)建一個(gè)HTML文檔。
由于其可視化，使用Codiqa構(gòu)建原型非常簡(jiǎn)單，基本上都是拖拽和填寫屬性，支持自定義主題，可以在線共享及在移動(dòng)設(shè)備上直接體驗(yàn)，當(dāng)然，還有非常重要的一點(diǎn)是可以導(dǎo)出HTML代碼。Codiqa有著30天的免費(fèi)試用，在試用期之后，獨(dú)立開發(fā)者需每月支付16美元。
6. Concept.ly
在過去的一年里，Concept.ly這樣一款免費(fèi)的應(yīng)用原型設(shè)計(jì)工具也是相當(dāng)受歡迎。通過它，開發(fā)者及設(shè)計(jì)師可以快速地將線框圖和UI設(shè)計(jì)圖轉(zhuǎn)換成交互式App。和許多原型設(shè)計(jì)工具一樣，Concept.ly有鏈接、反饋收集、演示等功能，用戶可以在短短幾分鐘之內(nèi)，即可創(chuàng)建出一個(gè)非常逼真的應(yīng)用原型，并向客戶展示。
Concept.ly集成Dropbox，也有其獨(dú)有的App，在完成草圖設(shè)計(jì)之后，用戶只需打開Concept.ly應(yīng)用，對(duì)其拍照，然后使用Link進(jìn)行連接，在原型完成之后，還可以公開分享。
7. POP
于國(guó)內(nèi)用戶而言，POP應(yīng)該更為熟知一點(diǎn)。這款由Woomoo開發(fā)的，專門用于iPhone應(yīng)用原型創(chuàng)作的應(yīng)用，來源于“Prototyping on Paper”縮寫，也正如其名，開發(fā)者只需備好紙和筆，在紙上畫好App架構(gòu)草圖之后，使用POP拍照存檔，即可在iPhone上進(jìn)行編輯，在完成之后，還可以直接在手機(jī)上進(jìn)行展示。
免費(fèi)、易于上手、支持同步，POP的優(yōu)勢(shì)還有很多，也正因如此，從推出直至現(xiàn)在，在許多開發(fā)者和設(shè)計(jì)師的心目中，POP仍然是那款當(dāng)之無愧的應(yīng)用原型設(shè)計(jì)利器，也是原型設(shè)計(jì)必備工具之一。
8. FluidUI
FluidUI這一款專門用于iOS、Android、WP應(yīng)用的極簡(jiǎn)主義原型設(shè)計(jì)工具，也深受諸多公司及開發(fā)者喜愛。FluidUI支持Chrome、Safari、Firefox瀏覽器，可以在Windows、Mac、Linux系統(tǒng)上運(yùn)行操作，沒有平臺(tái)限制，支持添加手勢(shì)，讓開發(fā)者和設(shè)計(jì)師幾分鐘內(nèi)便輕輕松松地完成原型創(chuàng)建。
使用FluidUI進(jìn)行原型創(chuàng)作可同步保存到云端，并實(shí)時(shí)更新，無需任何編程即可直接生成可在智能手機(jī)上運(yùn)行的App原型，仿真度極高。FluidUI提供了免費(fèi)和付費(fèi)兩個(gè)版本，用戶可以免費(fèi)創(chuàng)建1個(gè)項(xiàng)目，當(dāng)然，也可以每月花費(fèi)一定數(shù)額的美元享受不同的項(xiàng)目服務(wù)。
Skala Preview這樣一款免費(fèi)的快速預(yù)覽應(yīng)用在同類工具中極富盛名，由Bjango開發(fā)。通過與iOS、Android端的應(yīng)用“Skala View”相配合，可以快速將在Mac上設(shè)計(jì)的應(yīng)用圖片全分辨率地展示到iOS或Android設(shè)備上，顏色、像素都堪稱完美，不會(huì)對(duì)圖片質(zhì)量造成絲毫損害，即使是正在編輯的圖片，也能實(shí)時(shí)同步。
Skala Preview最具魅力之處當(dāng)屬與Photoshop的完美結(jié)合，通過“PS遠(yuǎn)程連接”，開發(fā)者和UI設(shè)計(jì)師可以將PS中編輯的圖片通過Skala實(shí)現(xiàn)無損預(yù)覽。除此之外，還可以測(cè)試應(yīng)用的觸摸尺寸、對(duì)比度等，而在設(shè)計(jì)過程中，也可以隨時(shí)進(jìn)行修改，以便達(dá)到最佳效果。
10. MockingBot
MockingBot是一款專門用于iOS的應(yīng)用原型設(shè)計(jì)工具，通過其簡(jiǎn)潔的拖放式界面，用戶可以非常簡(jiǎn)便地將所需控件拖放至屏幕中，從idea到付諸實(shí)踐，只需幾分鐘便可搞定。在完成初步設(shè)計(jì)之后，用戶可以使用其預(yù)覽功能進(jìn)行交互預(yù)覽。
在MockingBot之上，有免費(fèi)和付費(fèi)兩個(gè)版本。用戶可以免費(fèi)設(shè)計(jì)一個(gè)應(yīng)用原型，支持4頁屏幕。當(dāng)然，也可以每月支付7美元或15美元，享受更多不同的服務(wù)，付費(fèi)用戶不僅沒有屏幕限制，而且可以分享所制作的應(yīng)用原型。
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費(fèi)用，即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。