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

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

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

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

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

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

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

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