包含發(fā)光字在線(xiàn)生成器的詞條

首先，一款優(yōu)秀的移動(dòng)APP產(chǎn)品原型設計工具應該具備：

①.支持移動(dòng)端演示（隨時(shí)隨地演示給BOSS，廁所食堂電梯…以體現我是那么的敬業(yè)——長(cháng)點(diǎn)工資必備）

②.組件庫（高效復用，誰(shuí)用誰(shuí)知道）

③.可以快速生成全局流程（程序猿看不懂拆解的，給丫的看這個(gè)）

④.在線(xiàn)協(xié)作（多個(gè)PM狗一起用）

⑤.手勢操作、轉場(chǎng)動(dòng)畫(huà)、交互特效…(這些都不需要，留給專(zhuān)業(yè)的交互、視覺(jué)，搞那么虛的不如多想想產(chǎn)品流程邏輯做做減法、寫(xiě)寫(xiě)xxRD啥的)

這些年，產(chǎn)品狗們折騰過(guò)的原型工具：

1. POP（Prototyping on Paper）

算是移動(dòng)App原型設計神器，很多公司在用：quora、sina、豆瓣、* * 氪、ifanr…

操作輕巧簡(jiǎn)單：先用手機拍下草圖原型(存到POP app內)；然后開(kāi)始編輯圖片的哪個(gè)區域（按鈕）鏈接到什么頁(yè)面，添加跳轉鏈接熱區，就可以在iPhone上給小伙伴們演示了，并且POP內嵌的交互動(dòng)作 如側滑、展開(kāi)、消失等，即可滿(mǎn)足一般的動(dòng)態(tài)演示需要。不太明白？

2、Pencil Project

Pencil是一款開(kāi)源的可以用來(lái)制作圖表和GUI原型的工具，可以作為一個(gè)獨立的app，也可以作為Firefox插件。內置模版可以幫你繪制桌面和移動(dòng)界面中用到的各種各樣的用戶(hù)界面，包括流程圖、UI和一般的通用圖形。

通過(guò)它內置的模板，你可以創(chuàng )建可鏈接的文檔，并輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。Pencil Project還包含大量移動(dòng)app模版。

* .Axure

大家都很熟悉了，這里主要說(shuō)下移動(dòng)端的演示，這樣才充分表達原型意圖。按F* 生成原型的時(shí)候，在“Mobile/Device”選項中可以設置適配移動(dòng)設備 的特殊原型（Axure * .* 以下版本），再用移動(dòng)設備訪(fǎng)問(wèn)你生成的原型鏈接即可（該頁(yè)面創(chuàng )建一個(gè)桌面快捷方式）。

* 、Proto.io

Proto.io是一個(gè)專(zhuān)用的手機原型開(kāi)發(fā)平臺——可以構建和部署全交互式的移動(dòng)程序的原型，并且可以模擬出相似的成品。它可以運行在大多數的瀏覽器中，并提供了* 個(gè)重要的接口：dashboard、編輯器以及播放器。

dashboard 可以用來(lái)管理項目。編輯器是構建原型的環(huán)境，由一組設計和開(kāi)發(fā)原型的工具組成，另外還可以構建交互。播放器用來(lái)觀(guān)看原型，并與原型進(jìn)行交互，并提供了相關(guān) 工具來(lái)標注和保留反饋信息。你可以直接在真實(shí)的移動(dòng)設備上對原型進(jìn)行測試。并且可以使用iOS或Android上的瀏覽器以全屏模式運行原型。

* 、Moqups

是一個(gè)非常好的、免費的HTML* 應用，通過(guò)它可以創(chuàng )建可愛(ài)樸素的線(xiàn)框圖、實(shí)體模型和UI概念。該程序使用起來(lái)非常簡(jiǎn)單，并且有內置的模板可以直接使用（模板包括單選按鈕、鏈接、圖像占位符、文本框以及滑塊等）。

它還提供了iPhone和iPad模板，以及iOS相關(guān)的按鈕、提示框、picker、菜單、開(kāi)關(guān)以及鍵盤(pán)等。你可以設置網(wǎng)格的尺寸，并預覽和分享你的線(xiàn)框圖。Moqups提供了一個(gè)很有用的功能就是對齊網(wǎng)格，可以使對象精準對齊。

* 、UXPin

UXPin是DeSmart團隊開(kāi)發(fā)的一個(gè)簡(jiǎn)易快速的實(shí)體模型和在線(xiàn)可點(diǎn)擊原型創(chuàng )作工具。它基于優(yōu)秀的用戶(hù)體驗設計原則，在構建原型中，它提供了一個(gè)完整的工具包（該工具包具有良好的用戶(hù)設計模式和元素）來(lái)從頭構建一個(gè)出色的原型。

UXPin 具有響應式的斷點(diǎn)功能，創(chuàng )建的響應式原型和線(xiàn)框圖可以運行在不同的設備和分辨率上。另外該軟件還提供了版本控制和迭代功能，可以輕松的共享預覽，直觀(guān)的注 解和實(shí)時(shí)的協(xié)同編輯和聊天。該軟件擁有大量具有吸引力的用戶(hù)界面元素風(fēng)格（包括web，iOS，Android等），并且具有快速、靈敏的響應拖放接口。

7、Omnigraffle

OmniGraffle是由The Omni Group制作的一款帶有大量模版可以用來(lái)快速繪制線(xiàn)框圖、圖表、流程圖、組織結構圖以及插圖等類(lèi)型圖的app，也可以用來(lái)組織頭腦中思考的信息，曾獲得2002年的蘋(píng)果設計獎。

它采用拖放的所見(jiàn)即所得界面，你可以用鋼筆工具繪制自定義的模版或者圖形，此外還自帶Graffletopia提供的多個(gè)iPhone、iPad以及Android模版。

* 、JustinMind

JustinMind是由西班牙JustinMind公司出品的原型制作工具，可以輸出Html頁(yè)面。與目前主流的交互設計工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更為專(zhuān)屬于設計移動(dòng)終端上app應用。

JustinMind 可以幫助開(kāi)發(fā)者設計更豐富、更具交互新的移動(dòng)產(chǎn)品線(xiàn)框圖，包含了iPhone、Android以及iPad常用手勢，滑動(dòng)、縮放、旋轉，甚至捕捉設備方向等，從而創(chuàng )造出更具交互性的原型。另外，它可以導出原型信息到Microsoft Word，生成規范的文檔。

此外，你還可以自定義小組件，創(chuàng )建自定義組件庫，并進(jìn)行分類(lèi)，不管對象是iPhone、iPad、黑莓、Android還是其他。

9、FluidUI

Fluid UI是一款用于移動(dòng)開(kāi)發(fā)的Web原型設計工具，可以幫助設計師高效地完成產(chǎn)品原型設計。Fluid UI 內置超過(guò)1700款的線(xiàn)框圖和手機UI控件，并且還會(huì )經(jīng)常進(jìn)行更新。

Fluid UI無(wú)設備限制，無(wú)平臺限制（Windows、Mac以及Linux系統），支持Chrome和Safari瀏覽器（Chrome瀏覽器上的app也可離 線(xiàn)使用）。你可以使用Fluid Player來(lái)預覽你的設計，收集意見(jiàn)和反饋。還可以以PNG、PDF方式輸出。

Fluid UI使用方法簡(jiǎn)單，采取拖拽的操作方式，不需要程序員來(lái)寫(xiě)代碼。另外，Fluid UI資源庫非常豐富，有針對iOS、Android以及Windows * 的資源。如果你覺(jué)得庫存資源不能滿(mǎn)足你的需求，你也可以自行添加。

10、Protoshare

ProtoShare：在線(xiàn)網(wǎng)站開(kāi)發(fā)協(xié)同制作工具是一個(gè)十分便捷的在線(xiàn)原型制作工具，側重于團隊協(xié)作。團隊成員可以通過(guò)這個(gè)工具對工作進(jìn)行審查，并及時(shí)提供反饋，對線(xiàn)框圖或內容進(jìn)行建議。

作為一個(gè)強大的線(xiàn)框圖和原型平臺，Protoshare提供了大量移動(dòng)工具集（有來(lái)自中心資源庫的大量移動(dòng)模版和大量2D、* D動(dòng)畫(huà)過(guò)渡）。通過(guò)“拖放”界 面，你可以快速創(chuàng )建交互式的線(xiàn)框圖和移動(dòng)原型，然后發(fā)送至iPhone、iPad或者Android設備進(jìn)行測試，體驗app的功能實(shí)現情況。

另外，Protoshare還支持分享和反饋功能，項目成員可以標記和跟蹤的反饋信息來(lái)做出決定。而大量的資源庫意味著(zhù)你可以使用模版和獲得的反饋創(chuàng )建移動(dòng)產(chǎn)品線(xiàn)框圖，進(jìn)而演變?yōu)楦弑Ｕ娴脑汀?/p>

11、 Wireframe

Wireframe是一款具有“點(diǎn)擊-拖-放”界面且超簡(jiǎn)單的線(xiàn)框圖創(chuàng )作工具。雙擊實(shí)現編輯功能，有限的界面意味著(zhù)你會(huì )把精力集中于你的想法上。還給每個(gè)線(xiàn)框圖分配了特有的URL，便于標記和分享。

Wireframe有瀏覽器窗口和移動(dòng)手機兩個(gè)模版選項，移動(dòng)版有縱向和橫向兩個(gè)選擇。線(xiàn)框圖的每個(gè)元素都可以編輯和轉換。

12、InVision

InVision是一個(gè)便捷的產(chǎn)品原型生成工具，用戶(hù)制作一個(gè)在線(xiàn)原型只需要四部：創(chuàng )建一個(gè)工程、上傳視覺(jué)設計稿、添加鏈接以及生成在線(xiàn)原型。

確切說(shuō)，InVision提供的不是準確的線(xiàn)框圖，而是一個(gè)快速原型的環(huán)境，可以把你的UX/UI草圖快速連接起來(lái)。數字型的線(xiàn)框圖和高保真的設計可以幫你測試app的工作情況，同時(shí)該工具還支持協(xié)作和分享功能，生成的在線(xiàn)原型可以支持任何人在產(chǎn)品原型的任何地方評論，便于準確的交流。

針對iOS開(kāi)發(fā)，InVision還增添了其他功能，比如自定義主屏幕icon和自定義加載頁(yè)面。

1* 、Mokk.me

Mokk.me 是一個(gè)簡(jiǎn)單快速的原型工具，通過(guò)界面上簡(jiǎn)單的拖放操作，不用了解單線(xiàn)編程就能創(chuàng )作一個(gè)可以分享、測試以及多平臺的app。目前，Mokk.me正在測試 中，但它是一個(gè)簡(jiǎn)單的基本的工具，任何人可以用它來(lái)創(chuàng )建app的布局。你可拖、放或者編輯小工具，可以搭建和連接頁(yè)面，還可以選擇過(guò)渡動(dòng)畫(huà)。它的特點(diǎn)還在 于頁(yè)面和按鈕、圖片小工具、文本輸入以及復選框形式。

另外，你可以借助HTML、CSS以及Java完成app其他一些功能，一旦你創(chuàng )建了原型，你還可以進(jìn)行分享，在iOS 和Android吉印通 行測試。

1* 、iPlotz

iPlotz 是一款可以用來(lái)創(chuàng )建可點(diǎn)擊、可導航的原型和線(xiàn)框圖工具，適合網(wǎng)站開(kāi)發(fā)者和移動(dòng)app開(kāi)發(fā)者。你可以在一個(gè)可調整的頁(yè)面拖放元件，然后連接起來(lái)，增加其他屏 幕或者頁(yè)面的熱點(diǎn)鏈接。你可以選擇使用iPhone/iPad模版或者Android模版，任何模版都有獨一無(wú)二的元件設置。

iPlotz界面明白易懂，支持協(xié)同工作、可分享的編輯權限、任務(wù)管理以及評價(jià)系統。另外，項目可以以IPML、JPG、PNG、PDF以及HTML形式輸出。

1* .Adobe Illustrator 俗稱(chēng)AI

這是adobe的一款矢量圖設計軟件，推薦給設計師轉型過(guò)來(lái)的PM（沒(méi)興趣的跳過(guò)），電商圈不推薦再去費力學(xué)習其他軟件，達到溝通的目的提高效率是王道。上圖是設計出來(lái)的原型成品，可以結合上面提到的POP去演示，so easy。

寫(xiě)在最后：蘿卜白菜各有所愛(ài)，沒(méi)有最好的工具，只有最順手的，最終的目的只有一個(gè)——溝通。

（PS：小編個(gè)人比較喜歡的還是Axure，用起來(lái)比較方便，比較簡(jiǎn)單的可以推薦墨刀，有相關(guān)的疑問(wèn)可以加小編*號：xiaoteng12* * * * 7* 90）