不管你設(shè)計(jì)網(wǎng)站也好，設(shè)計(jì)應(yīng)用界面也好，都需要有出眾的視覺(jué)設(shè)計(jì)，從而吸引用戶。但在視覺(jué)稿輸出之前，比如首先要進(jìn)行線框圖設(shè)計(jì)和原型圖設(shè)計(jì)，來(lái)規(guī)劃站點(diǎn)地圖和應(yīng)用流程

　　我們來(lái)盤點(diǎn)一下最好用的十款線框圖和原型圖設(shè)計(jì)軟件，提高你的設(shè)計(jì)效率

　　Solidify

　　ZURB旗下的一款產(chǎn)品, Solidify 允許用戶將草圖、模板、線框圖轉(zhuǎn)化為可點(diǎn)擊的原型圖。而且，很容易測(cè)試，節(jié)省時(shí)間。還可以與其他設(shè)計(jì)師分享你的工作成果，以便最快得到反饋。

　　PowerMockup

　　另外一款要推薦給大家的就是 PowerMockup ，有點(diǎn)類似PPT，能夠提供豐富的線框圖模板，無(wú)論是網(wǎng)頁(yè)還是手機(jī)應(yīng)用，都可以用這款軟件來(lái)設(shè)計(jì)線框圖。涵蓋了菜單、 列表、文本框、按鈕和標(biāo)簽。這些組件只需拖移即可。更重要的是，用戶可以自行更新、添加組件到組件庫(kù)中。而且同樣的易于分享。

　　Antetype

　　Antetype 對(duì)于那些有大項(xiàng)目的設(shè)計(jì)師來(lái)說(shuō)，堪稱完美，豐富的微件庫(kù)，范圍廣泛的微件，非常適合用來(lái)做原型圖設(shè)計(jì)。更厲害的是，微件均可以定制。Antetype是一款高級(jí)的設(shè)計(jì)軟件，幾乎能滿足設(shè)計(jì)師大多數(shù)項(xiàng)目的需求。

　　UXPin

　　UxPin 對(duì)于那些不太擅長(zhǎng)交互設(shè)計(jì)的人來(lái)說(shuō)，UXpin是一款完美的工具，設(shè)計(jì)師可以在這款工具中找到大量的設(shè)計(jì)元素和設(shè)計(jì)模式。還可以找到很多優(yōu)秀的模板。UXPin的目標(biāo)是幫助產(chǎn)品經(jīng)理構(gòu)建響應(yīng)式線框圖以及原型圖，能夠適應(yīng)各種分辨率的屏幕和各種設(shè)備。

　　QuirkTools

　　QuirkTools 這款工具可以讓設(shè)計(jì)提速。這是一款內(nèi)嵌于瀏覽器的網(wǎng)頁(yè)應(yīng)用，使用起來(lái)非常方便?？梢詭椭O(shè)計(jì)師創(chuàng)建桌面端、手機(jī)端、平板上的線框圖。這款工具還很方便客戶和設(shè)計(jì)師之間的溝通鞋頭。非常好的應(yīng)用!

　　Wireframe.cc

　　利用這款極簡(jiǎn)式的工具，可以提供啊工作效率，也是一款網(wǎng)頁(yè)應(yīng)用，提供了極簡(jiǎn)風(fēng)格的畫布，里面沒(méi)有繁雜的圖標(biāo)和工具條。這款工具注重的焦點(diǎn)是線框圖本身，他們希望用戶注重設(shè)計(jì)在畫布上的體現(xiàn)，而不是為了秀功能，秀界面。提供了2款簡(jiǎn)易的模板：手機(jī)和網(wǎng)頁(yè)瀏覽器。手機(jī)版模板提供豎直和水平兩種模式。而且設(shè)計(jì)完成后，非常容易完成組品輸出。

　　Easel

　　同樣是一款網(wǎng)頁(yè)應(yīng)用，Easel 可以方便用戶隨手記錄靈感，提供了很多有幫助的元素，比如說(shuō)按鈕、表單和文本框。這款工具結(jié)合了Twitter Bootstrap庫(kù)，能夠提供一些額外的元素。更重要的是，Easel能夠提供精確的像素處理功能，讓設(shè)計(jì)師的作品更加細(xì)膩。還能夠使用CSS3和Web Fonts.Easel還能夠直接使用其他網(wǎng)站或應(yīng)用的設(shè)計(jì)元素，能夠創(chuàng)建可點(diǎn)擊的原型圖。

　　InVision

　　InVision 非常適合高端設(shè)計(jì)，能夠打造出令人印象深刻的原型圖。通過(guò)這工具，用戶可以把他們的UX草圖，設(shè)計(jì)，線框圖做成鏈接并團(tuán)隊(duì)分享。InVision同時(shí)還能方便設(shè)計(jì)師向用戶展現(xiàn)Demo，可以在瀏覽器中加載，亦可以在移動(dòng)設(shè)備中。

　　Proto.io

　　Proto.io 想要為觸摸屏進(jìn)行交互設(shè)計(jì)?這是一款完美的工具，提供了主要的手機(jī)觸摸方式和手勢(shì)，比如說(shuō)揮動(dòng)手勢(shì)、縮小手勢(shì)、按壓手勢(shì)以及敲擊手勢(shì)、放大手勢(shì)。更重要的是，這款應(yīng)用還整合了動(dòng)效，比如郭漸隱、滑動(dòng)、旋轉(zhuǎn)等等，這款工具允許用戶添加一些基本的動(dòng)效。真的是非常強(qiáng)大的工具，值得一試。

　　POP

　　Prototyping on Paper

　　想讓iPhone原型圖設(shè)計(jì)更輕松一點(diǎn)?試試這個(gè)吧，這款工具非常強(qiáng)大，不是很復(fù)雜，只需導(dǎo)入草圖，POP就會(huì)根據(jù)草圖進(jìn)行調(diào)整修改，然后輸出為原型圖，可以用攝像頭，可以用掃描儀掃描然后輸入鏈接。很棒，很簡(jiǎn)單。

　　相信有了這些工具，原型圖設(shè)計(jì)和草圖設(shè)計(jì)會(huì)更加輕松，提高工作效率，節(jié)省時(shí)間，讓你的設(shè)計(jì)更加“先進(jìn)”!.