站長(zhǎng)之家（CHINAZocom）1月6日編譯：線框是一個(gè)非常有用的網(wǎng)頁(yè)開發(fā)工具，正確使用有助于幫助Web開發(fā)者節(jié)省時(shí)間和精力。在開始一個(gè)新的Web項(xiàng)目設(shè)計(jì)之前，畫一個(gè)線框圖是個(gè)非常好的開端。線框圖可以在沒有設(shè)計(jì)元素和顏色的干擾的情況下比較完善地表現(xiàn)頁(yè)面的布局，可以比較方便地規(guī)劃好如頁(yè)頭、正文區(qū)域、導(dǎo)航 菜單、頁(yè)腳等較大的布局組成部分。下面分享21款免費(fèi)的線框圖和原型繪制應(yīng)用，希望對(duì)Web設(shè)計(jì)師有幫助。

Justinmind – The ultimate wireframe software to create a website wireframe

iPhone Mockup

Lumzy

Cacoo – Create diagrams online Real time collaboration

fluidIA

Serena Prototype Composer

MockFlow – Online Wireframe Tool