ui原型設計工具有哪些？如何做好ui設計？

　　如果你想要從事UI設計方面的工作，那么首先要做的就是知道UI設計需要用到哪些軟件，然后學習這些軟件，學會了這些軟件在以后學習UI設計的時候就會方便很多，下面faceui的小編就給大家說說ui原型設計工具有哪些。

　　ui原型設計工具有哪些？

　　1. Axure PR

　　難度：★★★★

　　價格

　　l 標準版-$289一個注冊碼

　　l 專業版-$589一個注冊碼

　　Axure RP是美國Axure Software Solution公司旗艦產品，是一款專業的原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。這是一款非常專業的工具, 但是學習成本也非常高。如果你是一位專業的交互設計師，并且需要設計復雜是交互，你可以使用這款工具。

　　2. Mockplus

　　難度：★

　　價格：

　　l 基礎版-永久免費

　　l 專業版-10RMB/月

　　Mockplus（摩客）是一款簡潔高效的原型圖設計工具，有別于Axure的繁復，Mockplus致力于快速創建原型。無論你是產品小白，還是大牛，摩客都能滿足你的需求。摩客的設計理念就是關注設計，而非工具。如果你時間有限，那你不能錯過摩客，因為幾乎不需要學習，你就可以上手這款工具。摩客提供了豐富的組件庫和圖標庫，創建原型，你只需拖一拖。摩客發布2.1新版之后，交互也成為其一大亮點，她將交互設計可視化，只需要拖一拖鼠標，即可完成交互的設計，所見所得，沒有復雜的參數，更無需編程。封裝好的一些系列交互組件，比如彈出面板、抽屜、內容面板等，讓設計交互幾乎可以全程“無腦”操作。演示也很簡單，直接二位碼掃描即可，同時支持發布到云和導出演示包。

　　3. Balsamiq Mockups

　　難度：★

　　價格

　　l 單個注冊碼 - $89

　　l 多個注冊碼- $178 2個（量大從優）

　　Balsamiq Mockups是一款快速創建原型的工具。這款原型工具具有獨特的手繪風格。軟件的內置組件，拖拽功能的支持為設計帶來了便利。該工具有桌面版本，同時也可以作為Google Drive, Confluence 和 JIRA的插件使用。

　　4. Justinmind

　　難度：★★★★★

　　價格:

　　l 試用期-30 天

　　l 專業版本- $29/月（包年$19/月)

　　是由西班牙JustinMind公司出品的原型制作工具，主要致力于高保真原型。它提供的功能有繪圖工具，拖放位置,大小,格式和導出/導入的小部件。你還可以自定義小組件，創建自定義組件庫，并進行分類，提供豐富的動畫支持。如果你要創建復雜的高保真原型，可以嘗試這款工具。缺點就是需要一定的學習成本，程序啟動也比較慢。

　　5. InVision

　　難度：★★★

　　價格

　　l 免費版- 一個項目

　　l 初級版 – 3 個項目 = $15/月

　　l 專業版 – 無項目限制 = $25/月

　　l 團隊版 – 無項目限制, 5 個用戶 = $100/月

　　l 企業版 – 無項目限制, 高級功能

　　InVision是一款設計原型交互的工具。使用InVision可以很好的實現團隊之間的協作，也便于收集反饋意見。它可以讓你將靜態的網頁，移動app設計圖快速的變成可以點擊，具有交互效果的動態原型。讓你的設計“活”起來。

　　6. UX Pin

　　難度：★★★

　　價格:

　　l 基礎版- $ 19 /月

　　l 專業版 - $29/月

　　l 專業版+ - $49/月

　　UXPin是一款在線原型設計工具。你可以通過拖拽的方式快速創建原型，無需敲一行代碼。通過UXpin，你可以創建高保真原型，同時也支持從Sketch和Photoshop導入你的設計。

　　7. OmniGraffle

　　難度：★★★

　　價格:

　　Mac

　　l 標準版- $ 99.99/注冊碼

　　l 專業版 - $199.99/注冊碼

　　iOS

　　l 標準版- $ 49.99/注冊碼

　　l 專業版 - $99.98/注冊碼

　　OmniGraffle是由來自美國的The Omni Group制作的一款原型設計工具，這款工具只針對蘋果用戶，有OS X版和iOS 版。它曾獲得2002年的蘋果設計獎。可以使用它快速繪制線框圖、圖表、流程圖等。用Origami創建iPhone和iPad原型是比較好的選擇。

ui原型設計工具（圖片來自網絡）

　　8. Flinto

　　難度：★★★

　　價格:

　　l Flinto Lite（網頁版）- $ 20/月

　　l Flinto for Mac - $99/注冊碼

　　Flinto可以讓你快速的為web、移動app設計交互。通過拖拽，可以快速的為你的設計圖設置跳轉和動畫。Flinto提供了常用的轉場效果。如果你需要設計iOS app的交互演示效果，Flinto是不錯的選擇。

　　如何做好ui設計？

　　一、交互方式模擬現實

　　模擬現實的交互方式會給人熟悉親切的感覺，用戶不需要學習，便能夠理解。UI設計中不乏這樣的例子。例如，當某個按鈕按下去的時候，呈現比原來更深的顏色，這個就是模擬了現實中光影的效果，不同的高度，對于同一個物體，顏色肯定有所差別。有一個小的手電筒APP，就模擬了現實中的手電筒，所以用戶不必思考它怎么用，因為太熟悉了。用戶第一次接觸，不需要學習，毫無約束的使用的應用，就是好的應用。

　　二、界面設計簡潔，避免其他不必要的東西

　　界面設計跟平面設計有很大不同，平面設計可以隨自己的喜好或者是需要加入一些裝飾，特別是海報招貼的設計，需要有一些吸引眼球的內容或者是色彩。但是界面對于用戶來說是工具，所以好用是工具所要具備的第一品質，為了不干擾用戶，不要添加不必要的裝飾。為了使界面干凈，要適當隱藏一些不重要的功能，但是用戶可以通過有效的方法找到這些功能。

　　三、圖標的應用

　　①盡量使用通用的圖標。用戶已經習慣的圖標，我們就不要去試圖更改，使用通用圖標會讓用戶更容易使用，也更容易讓用戶對界面產生親切感。一個陌生的界面的接受程度遠不如一個被大眾熟悉的界面。

　　②圖標的設計能夠體現所代表事物的特點。當然，除了通用圖標，我們也要設計能夠體現軟件特點的新圖標。讓軟件有一定的個性和差異性。設計圖標一定能夠代表事物的特點，讓用戶看到圖標在不用文字解釋的情況下能夠理解它所代表的含義。這樣的設計使得軟件生動充滿了活力，提升用戶體驗。

　　③圖標的設計不能太過復雜。雖說圖標的設計能夠體現所代表事物的特點，但是設計不能太過復雜，要簡約。好的圖標設計既要有特點，有親和力，又能讓界面很干凈。

　　四、色彩搭配的方式

　　相同的顏色，搭配的比例不同，搭配的位置不同，就會產生不一樣的感情色彩。不要超過3種顏色是所有色彩原則的基礎。

　　①黑白灰優先。如果你沒有很好的配色，那就先選擇黑白灰吧，如果搭配得當，黑白灰的設計看上去層次也是很豐富的。

　　②在黑白灰基礎上添加一種色彩。如果你覺得黑白灰單調，可以在黑白灰的基礎上加入一種色彩，可以在大面積的黑白灰上面加入小面積的顏色。這樣的搭配高雅，又不失活力。

　　③使用同一色系進行色彩搭配。如果使用色彩來搭配，那么一個頁面最好使用同一色系的顏色來進行搭配，這樣就不會出現不協調的問題。

　　④可使用互補色進行搭配。只要比例得當，互補色的搭配一樣可以收獲很好的視覺效果。

　　⑤使用鄰近色進行色彩搭配。一種顏色的純度比較高的時候，另一種顏色純度低或名度低的，這樣搭配出的效果會比較好。以上只是一些基礎的色彩搭配，初學者，如果能做到以上幾點，相信界面設計也一定不會差。

　　五、使用的語言

　　①語言使用的一致性。同一事物的說明要使用同一個詞語，否則會給用戶造成不必要的困擾。例如，如果你使用了“查找”，就不要在同樣的情況下使用“搜索”。

　　②語言使用的準確性。使用語言一定要準確，不要產生歧義，不要讓用戶思考。

　　③語言使用的通俗性。不要使用專業術語，是的用戶根本不理解語言的意思，要時刻記住，我們的軟件是給廣大用戶使用的，而不是給我們的專業技術人員使用的。

　　④語言使用要體現出情感關懷。盡量不要使用“警告”“禁止”等不友好的語言，可以使用“溫馨提示”“請不要......”以及一些比較時尚的網絡用語。總之，語言上的使用，要給用戶親切、友好、輕松的感受。

ui原型設計工具（圖片來自網絡）

　　UI設計原則

　　1.簡易性

　　界面的簡潔是要讓用戶便于使用、便于了解產品，并能減少用戶發生錯誤選擇的可能性。

　　2.用戶語言

　　界面中要使用能反映用戶本身的語言，而不是游戲設計者的語言。

　　3.記憶負擔最小化

　　人腦不是電腦，在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩定，24小時內存在約25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。

　　4.一致性

　　它是每一個優秀界面都具備的特點。界面的結構必須清晰且一致，風格必須與產品內容相一致。

　　5.清楚

　　在視覺效果上便于理解和使用。

　　6.用戶的熟悉程度

　　用戶可通過已掌握的知識來使用界面，但不應超出一般常識。

　　7.從用戶習慣考慮

　　想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。

　　通過比較兩個不同世界(真實與虛擬)的事物，完成更好的設計。如：書籍對比竹簡。

　　8.排列

　　一個有序的界面能讓用戶輕松的使用。

　　9.安全性

　　用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統的提示。

　　10.靈活性

　　簡單來說就是要讓用戶方便的使用，但不同于上述。即互動多重性，不局限于單一的工具(包括鼠標、鍵盤或手柄、界面)。

　　ui原型設計工具有哪些？如何做好ui設計？讀完上面相信大家對ui原型設計工具有所了解了，如果你想知道這些工具的使用方法，可以向faceui咨詢，他們會讓你學會UI設計。