設(shè)計(jì)線框和原型在每個(gè)高端網(wǎng)站設(shè)計(jì)項(xiàng)目中都扮演著重要角色。無(wú)論您是創(chuàng)意機(jī)構(gòu)還是個(gè)人，開(kāi)發(fā)前都要對(duì)設(shè)計(jì)進(jìn)行框架設(shè)計(jì)可以幫助您節(jié)省寶貴的時(shí)間和金錢。

網(wǎng)站原型可節(jié)省任何營(yíng)銷交流的成本，這對(duì)于消除因網(wǎng)站運(yùn)行不佳和令人沮喪的用戶體驗(yàn)而造成的品牌損害可能是必要的。通常會(huì)進(jìn)行昂貴的場(chǎng)地重新設(shè)計(jì)以糾正此類問(wèn)題。增加幾天的時(shí)間來(lái)創(chuàng)建線框并測(cè)試原型，可確保重新設(shè)計(jì)的網(wǎng)站不會(huì)引起用戶沮喪或品牌資產(chǎn)進(jìn)一步受損的任何新原因。

當(dāng)然，高端網(wǎng)站設(shè)計(jì)師不必在每個(gè)新的線框圖上都重新發(fā)明輪子。站點(diǎn)中的每個(gè)頁(yè)面都將共享某些元素，即使頁(yè)面不遵循相同的模板也是如此。

線框圖說(shuō)明了網(wǎng)頁(yè)的布局。這些形狀使用不同的形狀（例如盒子，橢圓形和菱形）表示內(nèi)容，功能和導(dǎo)航元素，從而在頁(yè)面上顯示其位置。HTML編碼人員使用這些圖“鏈接”每個(gè)頁(yè)面、連接鏈接、附加內(nèi)容等等。

視覺(jué)設(shè)計(jì)師將線框用作渲染的基礎(chǔ)，以顯示元素的層次結(jié)構(gòu)重要性和位置（在頁(yè)面的每個(gè)常規(guī)部分都進(jìn)行了標(biāo)記）；沒(méi)有任何可能分散注意力的設(shè)計(jì)處理。通過(guò)使用簡(jiǎn)單的形狀，您可以先關(guān)注信息設(shè)計(jì)，以確保它可以滿足用戶的需求，然后再繼續(xù)使用精美的圖片。對(duì)于現(xiàn)有站點(diǎn)，線框圖是從屏幕截圖中抽象出來(lái)的，并草繪了新內(nèi)容，功能和導(dǎo)航元素。

線框圖使每個(gè)人都可以專注于此步驟上的重要事項(xiàng)：清楚地了解每一頁(yè)上的內(nèi)容，去向以及去向何處，因此您可以實(shí)現(xiàn)每一頁(yè)的最佳總體平衡和結(jié)構(gòu)。線框是頁(yè)面布局概念的草圖。草圖可以使用插圖應(yīng)用程序在計(jì)算機(jī)中渲染，也可以在紙上手繪。兩種方法都可以，只要可以清楚地傳達(dá)您的想法即可。