UI原型圖什么樣 原型：用線條、圖形描繪出的產品框架，也稱線框圖。設計師們開始制作網頁的時候，在沒有靈感的時候，除了在設計達人網上找靈感外，往往是從設計草圖開始畫，畫出自己想要的樣子，然后再從 Photoshop上開始設計。這些設計師畫的一些草圖，也可以稱作”原型圖”。

給網站設計原型是一個全面系統的過程，在此過程中你需要拿出一套線框圖并確保基本的交互功能。單純的線框圖可以是靜態的圖片，甚至可以是手繪的草稿，但是原型大多是動態的，可交互的，至少主要的頁面和功能能基本呈現出來。前期的原型線框是關鍵階段，原型圖函蓋很多方面的東西，如功能、易用性、版式，這對于交互設計師做原型時都需要考慮的。

原型圖是誰畫 1、UI原型圖什么樣_原型圖是誰畫？原型不是PM的罕有的產出，但原型是PM必須懂的一環。 2、原型是產品設計順理成章的產出，當你非常了解你的產品，原型是小case，如果你覺得原型很浪費時間，只能說你沒想的足夠明白。

3、原型有助于和老板、UED、UI、技術等多部門的溝通和討論，空談無益，拿著原型圖來講解就是四兩撥千斤，一個好的原型，有助于讓所有相關人員都統一思想。 4、PM不做原型而扔給UI、UED是不負責任的表現，你自己沒整明白的事情，讓UED參與，那不是害別人嗎?你嫌做原型浪費時間，人家又何嘗不是這么想呢? 5、原型只需要講清楚關鍵的用戶流向、內容流向、關鍵點的交互處理即可，講明白事情重要。

ui原型圖設計工具 1. POP(Prototyping on Paper)

算是移動App原型設計神器 ，很多公司在用：quora、sina、豆瓣、36氪、ifanr…

操作輕巧簡單：先用手機拍下草圖原型(存到POP app內);然后開始編輯圖片的哪個區域(按鈕)鏈接到什么頁面，添加跳轉鏈接熱區，就可以在iPhone上給小伙伴們演示了，并且POP內嵌的交互動作 如側滑、展開、消失等，即可滿足一般的動態演示需要。

2、Pencil Project

Pencil是一款開源的可以用來制作圖表和GUI原型的工具，可以作為一個獨立的app，也可以作為Firefox插件。內置模版可以幫你繪制桌面和移動界面中用到的各種各樣的用戶界面，包括流程圖、UI和一般的通用圖形。

3.Axure

大 家都很熟悉了，這里主要說下移動端的演示，這樣才充分表達原型意圖。按F5生成原型的時候，在“Mobile/Device”選項中可以設置適配移動設備 的特殊原型(Axure 6.5以下版本)，再用移動設備訪問你生成的原型鏈接即可(該頁面創建一個桌面快捷方式)。

4、Proto.io

Proto.io是一個專用的手機原型開發平臺——可以構建和部署全交互式的移動程序的原型，并且可以模擬出相似的成品。它可以運行在大多數的瀏覽器中，并提供了3個重要的接口：dashboard、編輯器以及播放器。

5、Moqups

是一個非常好的、免費的HTML5應用，通過它可以創建可愛樸素的線框圖、實體模型和UI概念。該程序使用起來非常簡單，并且有內置的模板可以直接使用(模板包括單選按鈕、鏈接、圖像占位符、文本框以及滑塊等)。

6、UXPin

UXPin是DeSmart團隊開發的一個簡易快速的實體模型和在線可點擊原型創作工具。它基于出色的用戶體驗設計原則，在構建原型中，它提供了一個完整的工具包(該工具包具有良好的用戶設計模式和元素)來從頭構建一個出色的原型。

7、Omnigraffle

OmniGraffle是由The Omni Group制作的一款帶有大量模版可以用來快速繪制線框圖、圖表、流程圖、組織結構圖以及插圖等類型圖的app，也可以用來組織頭腦中思考的信息，曾獲得2002年的蘋果設計獎。

ui原型圖用什么軟件 對于設計師來說，擁有一款直觀、易用的原型圖設計工具是重要的，Fluid UI以其極簡風格和直觀的流程設計，幫助設計師們在快速迭代的開發過程中提高效率。 Fluid UI是一款用于移動開發的原型設計工具，它能夠幫助設計師快速高效地完成產品原型圖的設計。畢竟現在的移動開發越來越趨于小規模團隊協作，設計師需要在快速迭代過程中迅速制作出原型圖，他們需要一款直觀易用的工具來工作，從而和終的產品相適應。 Fluid UI主要幫助設計師畫出線框圖，它甚至能夠影響到后期的界面設計、產品功能設置以及上線前測試。同時，Fluid UI對于UX流程設計有很大幫助，能夠將不同的界面聯立起來，以便于看到產品不同界面之間的關系。 使用過Fluid UI的開發者表示，該工具吸引自己的地方在于它的“極簡主義”。Fluid UI提供免費版本和付費版本： 免費版——支持1個項目; 29美元/月——支持3個項目; 49美元/月——支持10個項目; 129美元/月——支持10個以上項目。

界面原型與ui設計 原型 (Prototype) ，常常和線框圖混淆，是中等保真的設計圖，代表終產品，模擬交互設計。原型允許用戶： 1.從界面上，體驗內容與交互; 2.像終產品一樣，測試主要交互; 原型應該盡可能模擬終產品，就算長得不是一模一樣(不能是灰色線框設計)。交互則應該精心模塊化，盡量在體驗上和終產品保持一致。原型背后的邏輯不要依賴交互形式。減少制作原型的成本，加快開發速度。原型一般難以成為上好的文檔;因為它得讓「讀者」費一些力氣來理解界面。但從另一個角度來看，作為界面，原型的直觀和易懂倒使它成為高效的設計文檔。