ui原型設計工具
XDeer（天來鹿）是一款在線自協同設計軟體，支持雲端存儲、實時預覽、多角色協同、快速分享、同步生成前端代碼等功能，讓用戶與產品無縫連接，需求高效轉化為可運行的產品。
推薦使用XDeer（www.xdeer.cn）。
2. UI設計需要學慣用到哪些軟體
你好，一般不需要學太多軟體，就目前來說UI設計師掌握了這4款軟體就基本可以勝任這個工作了。一般就是PS，AI，AE，ARP會這個四款軟體就基本夠了，像大公司會這4款軟體也足夠，其中PS和AI使用的最多。
我們在學習UI設計的過程當中，需要學習到很多知識，比如軟體 PS、 AI 、AE、ARP這些都是一名UI設計必需要掌握好的軟體。
工欲善其事必先利其器，那麼這幾款軟體在UI設計工作是負責什麼的呢？PS—UI界面世界設計-70%； AI-更多是UI圖標設計—15%； AE-交互動效設計-5%； AXUER-交互原型圖設計-10%
PS可以在UI設計中，繪制界面設計，圖標設計等。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及.Adobe家族的頂梁設計軟體、想從事設計工作，PS軟體一定要精通，PS的強大，只有你想不到沒有它做不出的圖。
在UI設計中AI軟體主要用來繪制圖標，界面等設計。AI是出版、多媒體和在線圖像的工業標准矢量插畫軟體。 AI可以用來從事，平面設計，網頁設計，UI設計等多種設計工作。
在UI設計中AE主要用製作交互動效圖。AE可以用來從事影視後期， 平面設計，UI設計等多種設計工作。
在UI設計中ARP主要用製作交互原型圖。Axure RP的使用者主要包括商業分析師、信息架構師、可用性專家、產品經理、IT咨詢師、用戶體驗設計師、交互設計師、界面設計師等。
當然，除了這款軟體外，其他的軟體，如3dmax、CorelDRAW、Sketch、Html5、CSS3等也是多少需要接觸一些的。
當然，軟體只是一個工具，千萬不要覺得會了軟體就會了設計，會了工具後還要學習理論知識加上真實的項目操作才能成為一個合格的設計師。學習UI前期一定要多問多聽多練多總結，這樣可以讓自己少走很多彎路，可以節省很多成本，如果自己沒有辦法系統的學習，可以到雲和數據問問UI培訓老師也可以。
3. 比較好的游戲功能、UI原型設計工具有哪些
沒有最好的產品，只有最適合的工具，個人使用習慣和喜好不同對產品原型工具評價也會有所偏差。現在主流的原型界面設計軟體基本就那幾款吧，比如Framer、Shireframe、v-proto，前幾款對技術和入門還是有要求的，後者是國產，更符合國人使用習慣，而且零基礎的人也能很好的使用。
4. 通過axure做原型設計生成的html代碼可以讓開發直接用嗎
不可以，Axure 生成的只是原型，是在產品制定時供大家參考了解項目用的。
Axure輸出的HTML文件不能直接用於前端代碼開發，Axure為了模擬交互效果，使用了大量的JS，其中有很多是用不著的內容，前端代碼需要完全重寫。
Axure輸出內容不能取代實際開發中的任何部分，只是為了提高溝通效率。
(4)ui原型設計工具擴展閱讀：
Axure的特性
1.滑鼠及鍵盤交互功能:
支持更多的新特性包括 OnDoubleClick（雙擊）, OnContextMenu (右擊),OnMouseDown（滑鼠按鍵按下）, OnMouseUp（滑鼠按鍵松開）, OnMouseMove（滑鼠指針移動）, OnMouseHover（滑鼠指針經過）, OnLongClick (滑鼠長按), OnKeyDown（鍵盤按鍵按下）, OnKeyUp（鍵盤按鍵松開）。
2.演示文檔：
支持HTML5新特性，以及更好的支持手機演示特性。
3.新增部件樣式控制：
Axure7對於部件修飾功能有較大的改善，包括支持圓角、陰影、描邊等設置。
4.更細化的部件屬性：
更為豐富的部件屬性，可以設置各種形狀、樣式，較Axure RP 6.5單調的形狀而言，也是一種驚喜。
5.更多交互條件：
包括關閉指定窗口、設置錨點以及更為靈活的事件觸發條件，對於移動互聯網產品原型設計有很大幫助。
5. UI設計需要學慣用到哪些軟體
UI設計是指對軟體來的自人機交互、操作邏輯、界面美觀的整體設計。一般UI設計會用到這些軟體：①Photoshop；AI：全稱Adobe Illustrator是一款多媒體在線圖像和出版的工業標准矢量插畫的軟體。
②AE：是Adobe公司推出的一款圖形視頻處理軟體，屬於層類型後期軟體。
③Axure：是負責定義規格和需求，界面與設計功能的專家能夠快速創建應用軟體和web網站的流程圖、線框圖、規格說明文檔和原型的一個專業快速原型設計工具。
④Fireworks：是Adobe推出的一款網頁作圖軟體。
⑤CorelDRAW：是Corel公司出品的矢量圖形製作工具軟體，這個圖形工具給設計師提供了頁面設計、矢量動畫、點陣圖編輯、網頁動畫和網站製作等多種功能。
⑥Flash：是macromedia公司推出的互動式矢量圖和web動畫的標准。
當然，你要注意的是，畢竟設計這個行業有自己的特殊性，你的軟體操作能力絕對不等於你的設計能力，要想設計出好的產品，跟平時的積累是分不開的。要多多練習多多總結，平時看到好的素材要積累下來，希望你也可以成為一個優秀的設計師。
6. 有哪些好用的在線界面原型工具，且支持IE
十大界面原型與布局工具
作者夏夢竹
工具開發者原型設計
摘要：原型設計能起到有效溝通的作用，漂亮，直觀的原型圖更是讓人賞心悅目。本文羅列了2013年最新的10大界面原型與布局工具以幫助設計師和開發者創建出更加優秀的產品。
創建網頁或者程序不僅要關注主頁的排版以及與主題想匹配的圖片，還應注重視覺設計，這是因為它更能吸引用戶進而提升搜索量。因此，項目開發首先需要確立良好的設計，創意是必不可少的。所以，項目經理、Web設計師、開發者在線框和原型工具方面需要具備一定的功底。
本文羅列了2013年最新的10大界面原型與布局工具以幫助設計師和開發者創建出更加優秀的產品。
1. Solidify
Solidify允許用戶在模型、線框或者草圖中獲取原型圖。此外，你還可以快速地查看屏幕界面原型。如果在桌面、計算機或者手機上運行Solidify還能輕易地測試出項目原型。如果你沒有太多的時間花在這上面，你也可以共享給其他測試人員，隨時隨地獲取反饋意見。
2. PowerMockup
專為設計師准備的PowerMockup在創建PowerPoint時為線框提供模板。包含各式各樣的模板，包括菜單、表格、文本框、按鈕和標簽。當你在創建PPT時你可以輕易的將這些模板拖入使用。另外，用戶還能在庫中添加自己的條目，只需選擇PPT的外形，然後點擊「添加模板」標簽，一款自定義的模板即可輕松創建。
3. Antetype
當你創建大型的且連續性的項目時，Antetype是最佳選擇，這是因為它允許開發者創建一整套的構件庫。該構件庫可收集各小部件，在原型中方便易用。此外，每個小部件都有一定數量的定製和默認狀態可單獨或者同時進行編輯。
因此用戶在編輯時無需使用不同的副本，Antetype可適應不同項目的需求。
4. UXPin
UXPin是為那些不擅長UX設計的開發者而開發的。經驗豐富的UX設計師為UXPin提供了一整套的完整的工具包。
在UXPin上用戶可以為自己的項目找到所需要的模板。他們通過上傳UX和項目文件來獲取模板，比如Project Canvas、Project Kick Off、Business Model Canvas、Personas等等。
此外，用戶無需來回收發郵件，因為在這里任何項目都可在一起工作。UXPin旨在幫助項目經理開發適應任何一款解析度和設備的響應式線框和原型。
5. QuirkTools
QuirkTools讓網站創建更加簡單和便捷。
利用QuirkTools構建Web應用可幫助用戶創建屬於自己的一款應用。Wires就是典型的例子，該應用幫助用戶創建基於桌面、移動手機或平板電腦的線框模型。此外，QuirkTools還能讓開發者與同事、客戶共同協作打造最完美的設計。
6. Wireframe.cc
利用Wireframe.cc即可輕易的創建線框。Wireframe.cc支持有限的調色板和模板，以簡潔為主。有兩個模板供選擇：移動手機和瀏覽器窗口，前者包含景色和垂直風格；後者則是縱向和橫向風格。有了Wireframes.cc用戶可清晰的看到整個創建過程。
7. Easel
Easel是一款基於瀏覽器的Web設計工具，允許用戶記錄模型和創意。其功能包括按鈕、表和文本框。這款工具還集成了Twitter Bootstrap庫貫穿其他額外的圖標和顏色。此外，Easel 讓用戶在Web中設計保持最佳像素，用戶可以使用先進的工具比如CSS3、Web字體，無需在瀏覽器和文本編輯器之間來回查看，告別繁瑣的過程，輕松創建應用。
8. InVision
InVision讓你以高水準的級別快速創建令人印象深刻的原型。利用這款工具，用戶可在很短的時間內鏈接到UX草圖、設計以及線框，還能與其他團隊分享該項目。InVision使設計演示更加輕松方便，用戶可以在項目中進行實際演示，在瀏覽器中載入或者以SMS形式連接到移動設備上。
該工具還支持追蹤功能，讓你輕松查看項目進度。
9. Proto.io
Proto.io這款工具完美適合設計師在觸摸屏幕上的小工具。支持主流的移動觸摸風格和手勢，包括swipe、pinch、tap、zoom、tap-hold。此外，還能整合動畫屏幕轉換比如，幻燈片、旋轉、流、翻轉等等。
該工具不僅僅是為了生產先進的屏幕轉換，還能允許用戶學習和應用最基本的動畫技能比如在原型創建中的移動、縮放、旋轉等等。
10. POP
有了Prototyping on Paper (POP)創建iPhone原型不再是難事，其提供了一個傳統的高科技線框技術。沒有復雜的軟體，所有的用戶需要在紙上或者筆記本上繪畫或繪制出線框。
該線框僅通過攝像頭拍攝，利用POP確保草圖能自動調節對比度和亮度，然後通過「鏈接點」連接到草圖來設計模板。首先確保任何事情都在完美狀態，用戶只需點擊「play」並模擬介面即可。
最後：
在設計網頁或程序之前，需要把界面給「畫」出來成為原型設計，就像動畫片要畫分鏡頭、手稿一樣。原型設計能起到有效溝通的作用，漂亮，直觀的原型圖更是讓人賞心悅目。有了這些工具，原型和線框變得更加簡單和方便，即使是初學者也可設計自己的網站或者應用，趕緊嘗鮮吧。
當然，原型工具還有很多很多，歡迎與我們分享。
7. ui設計需要什麼軟體
ui設計需要用到的軟體很多，現列舉一些ui設計常用的軟體如下：
Photoshop、Adobe illustrator、Adobe After Effects、Axure RP、sketch。
（1）Photoshop主要處理以像素所構成的數字圖像。使用其眾多的編修與繪圖工具，可以有效地進行圖片編輯工作。ps有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。
（2）Adobe illustrator，常被稱為「AI」，是一種應用於出版、多媒體和在線圖像的工業標准矢量插畫的軟體。作為一款非常好的矢量圖形處理工具，該軟體主要應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等，也可以為線稿提供較高的精度和控制，適合生產任何小型設計到大型的復雜項目。
（3）Adobe After Effects軟體可以幫助您高效且精確地創建無數種引人注目的動態圖形和震撼人心的視覺效果。利用與其他Adobe軟體無與倫比的緊密集成和高度靈活的2D和3D合成，以及數百種預設的效果和動畫，為您的電影、視頻、DVD和Macromedia Flash作品增添令人耳目一新的效果。
（4）Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型設計工具，它能快速、高效的創建原型，同時支持多人協作設計和版本控制管理。
（5）Sketch，即Sketch-A-Etch，是一款素描繪畫類的軟體，玩家需要旋轉左右兩個旋鈕來控制面板上的畫筆描繪出你想要的圖像，並且可以給它們上色。
8. ui和畫原型圖的區別
一、主體不同
1、UI：是指對軟體的人機交互、操作邏輯、界面美觀的整體設計版。
2、原型圖：是交權互設計師與PD、PM、網站開發工程師溝通的最好工具。
二、定位不同
1、UI：好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。
2、原型圖：設計在原則上必須是交互設計師的產物，交互設計以用戶為中心的理念會貫穿整個產品。利用交互設計師專業的眼光與經驗直接導致該產品的可用性。
三、作用不同
1、UI：在UI設計過程中，需求設計角色會確定軟體的目標用戶，獲取最終用戶和直接用戶的需求。 用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。
2、原型圖：系統分析員，用來了解用戶界面如何影響系統分析；設計員，用來了解用戶界面如何施加影響及它對系統「內部」的要求。
9. 提供幾款界面原型設計軟體
做界面設計如果沒有好的工具進行輔助，那隻會導致事倍而功半。下面推薦幾款不錯的界面原型設計軟體：
界面原型圖繪制工具 Pencil
Pencil 是一款開源的原型圖繪制工具，手繪風格的，就像自己在紙上畫的那樣。Pencil 還可以用來繪制各種架構圖和流程圖，同時還提供 Firefox 的插件。
最後需要說的是，無論是推崇手繪，還是喜歡原型軟體，做界面設計最重要的還是想法，工具只是用來幫助實現想法的。不必過於追求技術，也不必過於追求視覺表現，有時只需要專注於產品邏輯、頁面交互、布局結構這些，其餘的就交給美工。
10. 好用的UI設計工具有哪些求高手推薦
按UI的工作流程推薦一波：
一、項目前期准備：流程圖工具-Visio
在正式進行UI界面設計之前，UI設計師需要對產品整體的流程進行思考。此階段可以使用流程圖軟體Visio或XMind對需求的流程進行梳理，這會給後期的溝通減少很多不必要的麻煩。
二、原型設計工具-Mockplus
相比老牌原型工具Axure，Mockplus是一款簡單、便捷的國產原型工具，可以快速將你的想法以線框圖形式展現出來。軟體內封裝好了常用的一些組件及素材圖標，拖出即可用，非常方便。同時Mockplus也支持多人協作設計 。
三、矢量繪圖工具-AI
AI是目前最強大的矢量圖繪制工具之一，主要應用於印刷出版、海報排版、專業插畫、多媒體圖像處理和互聯網頁面的製作等。支持任意形狀漸變、全局編輯、自定義工具欄、裁切視圖、內容識別裁剪等特色功能，非常實用。
四、劃參考線工具-GuideGuide
GuideGuide是一款可以應用於PS、AI、Sketch及XD裡面的劃參考線插件，安裝非常方便。此外，它支持一鍵生成參考線，也可針對畫布或者自定義選區新建參考線等。
五、UI界面設計工具-Sketch
Sketch可以說是一款專為UI設計師而生的矢量繪圖工具。相對於PS，SKetch定位更加精準，操作更簡單及輕量化。「設計，修改、演示」的一站式功能，可以幫助UI設計師快速完成界面設計，元素批量修改及快速演示等。但是目前只支持在Mac上使用。當然，沒有Mac的，也可以用PS或XD進行界面設計。
六、配色工具- Material Design Color
對於UI設計師來說，配色是極其重要的一個環節，有人稱之謂「成也配色，敗也配色」也不為過。一個好的UI配色可以起到諸多作用，如：顯示界面整體架構、明確層級關系及提升轉化率等等。其重要性可見一斑。而配色一直是讓UI設計師非常頭疼的，對於新手小白更是如此。當然，有了配色工具-Material Design Color，這些問題都不用愁。其操作非常簡單，便捷，靈活。
七、標注、切圖、高保真原型工具-摹客iDoc
UI設計師做好界面設計後，就到了最讓人惱火的環節了-如何將自己的設計稿快速交付（標注、切圖、高保真原型等）給前端開發？用摹客iDoc的插件，就能輕松標注和切圖，幫助設計師快速完成交付。支持sketch、PS、XD的設計稿和Axure、Mockplus的原型圖。
八、圓角工具-Corner Editor
這是一款在PS上運行的插件-圓角工具。與PS裡面的自帶圓角編輯功能相比，Corner Editor操作起來更加簡單便捷。除了可以單獨設置圓角大小外，就算元素變形了，一樣可以進行圓角處理。
以上是我的推薦，望採納~