許多網(wǎng)頁設(shè)計師都會將他們的設(shè)計用某種線框的形式予以實現(xiàn)，即便僅僅是用草稿紙快速的記錄下腦海里設(shè)計好的框架。可以說，線框圖設(shè)計是網(wǎng)站建設(shè)中非常重要的一個步驟，特別是對于復(fù)雜的項目來說，其意義更加重大。而且，線框圖也有利于網(wǎng)站設(shè)計師與客戶進行面對面的交談，并且能夠更好的向客戶展示設(shè)計師的想法，而不是僅僅通過口頭描述那么生澀。

一、網(wǎng)站設(shè)計利用線框圖的原因

線框圖設(shè)計是網(wǎng)站建設(shè)中的第一步。除非你的網(wǎng)站是極為簡單和淺顯的，不然的話，利用線框圖來展示復(fù)雜類型的頁面元素將顯得非常必要。特別是對于品牌網(wǎng)站建設(shè)而言，由于客戶都希望及時的獲得設(shè)計師靈感的描述，因此，線框圖的出現(xiàn)很好的解決這個問題。

另外，線框圖同時也是一個很好的協(xié)調(diào)合作工具,無錫網(wǎng)站設(shè)計。通過不同角色的人員參與到線框圖的制作當(dāng)中，例如策劃咨詢師、動畫設(shè)計師、甚至客戶，都可以將自己的想法在圖圖框框中一展自己的才華，并通過最終要實現(xiàn)的目的來討論獲得一致的最終結(jié)果，大大縮短了溝通成本，使得網(wǎng)站建設(shè)項目得以順利推進。

二、線框圖和原型設(shè)計、版式設(shè)計的區(qū)別與聯(lián)系

線框圖 (Wireframe) 是網(wǎng)頁設(shè)計的第一步，是設(shè)計師將創(chuàng)意予以實現(xiàn)的基礎(chǔ)。

版式設(shè)計（Mockup）是將線框圖予以具體實現(xiàn)的方法，一般以jpg格式實現(xiàn)網(wǎng)頁的布局排版以及文字布局。

原型設(shè)計（Prototype）已經(jīng)接近于實際網(wǎng)站制作出來的效果，頁面元素能夠出現(xiàn)交互性和簡單web功能實現(xiàn)。原型設(shè)計是網(wǎng)站設(shè)計的半成品，也是線框圖制作的商業(yè)化實現(xiàn)。