首先，我們需要搞清楚的一點就是線框圖不是真正意義上的
原型。許多設計師和産品經理，甚至是經驗豐富的設計大牛往往也很容易混肴這些專業術語。什麼是線框圖？什麼是原型？什麼時候使用線框圖？什麼時候使用原型？
我們都看過小說，小說呈現給我們的隻是文字表達，由作者賦予的人物形象。我們常常在國文考試中都會這樣回答“本文中的人物形象生動、鮮明”，這裡的“生動”指的隻是我們通過作者的視角想象出來的，我們并沒有看過真實的人物。但當這部小說被拍成電影或電視劇，導演根據自己的了解選角，演員們賦予了他們鮮活的生命，這就是原型，小說中人物的原型。
提供資訊和功能——線框圖，我該如何互動或如何使用——原型。
什麼是 線框圖 ？線框圖是一種低保真且靜态的呈現方式，設計師通常使用紙筆來表達自己的想法。隻要能明确表達内容大綱，資訊結構，布局，使用者界面的視覺以及互動行為描述即可。就像建築藍圖一樣，藍圖也就是施工方案，較長的描述改如何建造建築。繪制線框圖重點就是要快，明确表達自己的設計想法，它不是美術作品，無需過多的視覺效果。黑白灰則是它的經典用色。
線框圖(Wireframe)是軟體或者網站設計過程中非常重要的一個環節。線框圖常常适用于非正式場合，用于團隊内部的讨論。
花費成本線框圖的花費成本可以說是零，隻要有紙筆，或白闆就能完成你的想法的建構。不過有的産品經理用Word，有的用Photoshop等。但一般不作為使用者測試。
什麼是原型？原型通常是中高保真的呈現形式。以接近最終産品的形式來考量産品的可用性。它能夠實作和驗證你的設計理念。原型是程式開發過程中的重要步驟，并且允許我們進行一些初步的測試。
什麼時候使用原型常用于做早期測試，以確定你的想法符合目标市場。在産品釋出之前，沒有原型和對使用者的測試，這個産品注定是失敗的。在
原型設計階段花費的時間，可以避免額外的工作和成本。相對于紙上的産品設計文檔，産品原型更加有效，這樣可以讓所有的測試人員以及使用者知道你産品的創意所在。
原型比線框圖耗時且花費成本高，市面上的原型工具，價格和方式不等。
Axure現在沒有了盜版之後購買包年要495美元，終身版 899美元并僅限于大版本；
Justinmind包年228美元；終身版495美元，第二年後，每年需要支付99美元保持更新。
Mockplus包年129美元；終身版399美元，Mockplus實作了真正意義上的終身版，無需再為新版本付費。 工具是為我們服務的，要看它是否易操作，易上手，學習成本高低，價格是否親民。
原型的可互動，可點選和可操作的設計為使用者提供了最終産品的真實想法。通過
原型設計工具中的進階UI功能和元素，您可以添加視訊，html，flash以及廣泛的動畫，效果，轉換和移動手勢。原型越現實，回報越準确！原型圖是最終系統的代表模型或者模拟，比線框圖更加真實、細緻。是以原型工具的花費是值得的，就看哪一種工具符合你的預期。
總結：