UI原型圖什么樣 原型：用線條、圖形描繪出的產(chǎn)品框架，也稱線框圖。設(shè)計(jì)師們開始制作網(wǎng)頁(yè)的時(shí)候，在沒有靈感的時(shí)候，除了在設(shè)計(jì)達(dá)人網(wǎng)上找靈感外，往往是從設(shè)計(jì)草圖開始畫，畫出自己想要的樣子，然后再?gòu)?Photoshop上開始設(shè)計(jì)。這些設(shè)計(jì)師畫的一些草圖，也可以稱作”原型圖”。

給網(wǎng)站設(shè)計(jì)原型是一個(gè)全面系統(tǒng)的過程，在此過程中你需要拿出一套線框圖并確?；镜慕换スδ?。單純的線框圖可以是靜態(tài)的圖片，甚至可以是手繪的草稿，但是原型大多是動(dòng)態(tài)的，可交互的，至少主要的頁(yè)面和功能能基本呈現(xiàn)出來。前期的原型線框是關(guān)鍵階段，原型圖函蓋很多方面的東西，如功能、易用性、版式，這對(duì)于交互設(shè)計(jì)師做原型時(shí)都需要考慮的。

原型圖是誰畫 1、UI原型圖什么樣_原型圖是誰畫？原型不是PM的罕有的產(chǎn)出，但原型是PM必須懂的一環(huán)。 2、原型是產(chǎn)品設(shè)計(jì)順理成章的產(chǎn)出，當(dāng)你非常了解你的產(chǎn)品，原型是小case，如果你覺得原型很浪費(fèi)時(shí)間，只能說你沒想的足夠明白。

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

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

算是移動(dòng)App原型設(shè)計(jì)神器 ，很多公司在用：quora、sina、豆瓣、36氪、ifanr…

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

2、Pencil Project

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

3.Axure

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

4、Proto.io

Proto.io是一個(gè)專用的手機(jī)原型開發(fā)平臺(tái)——可以構(gòu)建和部署全交互式的移動(dòng)程序的原型，并且可以模擬出相似的成品。它可以運(yùn)行在大多數(shù)的瀏覽器中，并提供了3個(gè)重要的接口：dashboard、編輯器以及播放器。

5、Moqups

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

6、UXPin

UXPin是DeSmart團(tuán)隊(duì)開發(fā)的一個(gè)簡(jiǎn)易快速的實(shí)體模型和在線可點(diǎn)擊原型創(chuàng)作工具。它基于出色的用戶體驗(yàn)設(shè)計(jì)原則，在構(gòu)建原型中，它提供了一個(gè)完整的工具包(該工具包具有良好的用戶設(shè)計(jì)模式和元素)來從頭構(gòu)建一個(gè)出色的原型。

7、Omnigraffle

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

ui原型圖用什么軟件 對(duì)于設(shè)計(jì)師來說，擁有一款直觀、易用的原型圖設(shè)計(jì)工具是重要的，F(xiàn)luid UI以其極簡(jiǎn)風(fēng)格和直觀的流程設(shè)計(jì)，幫助設(shè)計(jì)師們?cè)诳焖俚拈_發(fā)過程中提高效率。 Fluid UI是一款用于移動(dòng)開發(fā)的原型設(shè)計(jì)工具，它能夠幫助設(shè)計(jì)師快速高效地完成產(chǎn)品原型圖的設(shè)計(jì)。畢竟現(xiàn)在的移動(dòng)開發(fā)越來越趨于小規(guī)模團(tuán)隊(duì)協(xié)作，設(shè)計(jì)師需要在快速迭代過程中迅速制作出原型圖，他們需要一款直觀易用的工具來工作，從而和終的產(chǎn)品相適應(yīng)。 Fluid UI主要幫助設(shè)計(jì)師畫出線框圖，它甚至能夠影響到后期的界面設(shè)計(jì)、產(chǎn)品功能設(shè)置以及上線前測(cè)試。同時(shí)，F(xiàn)luid UI對(duì)于UX流程設(shè)計(jì)有很大幫助，能夠?qū)⒉煌慕缑媛?lián)立起來，以便于看到產(chǎn)品不同界面之間的關(guān)系。 使用過Fluid UI的開發(fā)者表示，該工具吸引自己的地方在于它的“極簡(jiǎn)主義”。Fluid UI提供免費(fèi)版本和付費(fèi)版本： 免費(fèi)版——支持1個(gè)項(xiàng)目; 29美元/月——支持3個(gè)項(xiàng)目; 49美元/月——支持10個(gè)項(xiàng)目; 129美元/月——支持10個(gè)以上項(xiàng)目。

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