15款設計師必備的UI和UX工具

4 評論 77776 瀏覽 132 收藏 10 分鐘

如今的設計師有很多機會可以接觸到不同領域的設計。于是,在各種平面設計和網頁設計之間流轉的設計師們,逐漸進入了UI和UX設計領域。UI和UX與其他的創意工作,如logo設計,2D/3D動畫,信息圖形,動畫等等略有不同。UI設計是一個制作前端頁面以實現人機交互的過程。而UX設計則包括研究人機交互的各個方面,如可用性,功能性,交互設計,信息架構設計等等。

設計師們常常使用各種各樣的工具和資源以達到他們的設計目的。市面上也有許多測試,原型,仿真和其他的工具可供UI和UX設計師使用。以下為筆者總結的一些可以幫助設計師們開展工作的線上工具和資源。

1)Proto.io

Proto.io是一款應用開發的原型工具。里面包含了大量的UI庫和交互UI的組件。這個工具同時也提供調整顏色,濾鏡,多文件上傳等功能。Proto.io可與DropBox保持同步,使團隊間的協作變得更加實時和便捷。

2)Pidoco

265765-b515931c65d332ba

Pidoco是一款針對web,移動端和企業應用開發的原型軟件。該軟件提供基于云服務的平臺,用于制作線框圖,移動仿真,實物模型和U原型。Pidoco內部包含了許多模板,可以實現快速制作原型,同時也提供了實時協作功能。 有了Pidoco,你就可以設計交互原型的同時在IOS和安卓設備上實時運行了。

3)InVision

265765-3e8ac0a3e4b3d79c

InVision一款強大的轉換工具,它可以根據功能,比如動畫,手勢,特效等,將靜態的設計轉換成交互原型。該工具同樣提供了基于云服務的平臺,可以實時協作正在制作的移動端原型或企業應用原型。invison也支持設計Apple Watch和Android Wear的原型。

4)UserTesting

265765-9daa21b219bf96b4

UserTesting是一款用于測試網站、應用、原型和其他臺式機、平板電腦和移動設備的工具。 UserTesting就是一個用戶研究平臺,可以讓你的目標用戶來測試你的網站或APP。最后通過視頻,指標和統計數據等等來向你提供有價值的目標用戶的反饋。

唔,好工具,可惜要收費。

5)PowerMockup

265765-d49f1bec38420055

PowerMockup是一款PowerPoint用戶專用的模型和線框圖工具。應用提供了PowerPoint中缺少的UI設計組件。這些元素可用于在PowerPoint中創作多種移動設備、web和桌面應用的原型。PowerMockup也提供了強大的協作和分享功能。

6)PickFu

265765-837e8f5a3412d422

PickFu是一個調查平臺,可以幫助設計和市場人員找到解決方案。這也是一個接收建議、評論和反饋的工具,在這里,你可以收到來自美國用戶的關于logo設計、封面設計和UI設計等等的建議,評論和反饋。

7)Myna

265765-b5a2b511cf79fbf2

Myna是一款優秀的A/B測試或對比測試工具,被圖形設計師和Web開發人員們廣泛使用。這個工具對單個訪問者執行測試并給提供產品各個版本的細致反饋??捎糜诰W頁設計,Email設計,廣告和UI設計等等。

8)Ace UI

265765-7cf7a79b6d6eab41

Ace UI是一款IOS8專用的移動應用UI工具。它提供了大量的字體,PSD模板和其他的UI元素。此外,它也提供了線框圖和原型工具包,可以幫助提升APP開發效率。

9)Form

265765-8fc82a0daa8dd1bd

Form是一款強大的原型工具,支持在設備上構建和定制本地原型。它還提供了最新的MD部件,還可以創建自定義部件。

10)MouseStats

265765-6ad87c8f8235c6e9

MouseStats是一款流行的UX分析工具,提供了多種監測用戶在網站上交互的功能。這個工具提供了許多服務,像視頻記錄瀏覽器會話、滾動熱圖、統計數據和調查等等。

11)POP

265765-1c73f8789375481d

POP或者Prototyping On Paper是一款相當酷的應用,它可以把手繪的操作和模型轉換成交互原型。該應用可在多平臺多種設備下工作,同時也整合了DropBox可以實現實時協同。

12)Gliffy

265765-1301335ce4d622ff

Gliffy是一款支持在線協作的專業設計應用。這個工具支持設計專業流程圖, 技術圖紙,線框圖,流程圖,網絡圖和站點圖等等。

13)Antetype

265765-c92fd5f16e8ab265

Antetype是一款用于制作UI原型的軟件應用。這個應用400余個預設計的主流平臺的組件。它也提供了動態布局,響應設計功能,屬性綁定,斷點,演講模式,內嵌,注釋等等功能。

14)Wirify

265765-35fb6e4b629ae1e4

Wirify是一款非常出色的UX工具,它可以一鍵將多個網頁轉換成線框圖。這個工具可以讓你檢查頁面結構和網頁布局。而且,還支持編輯線框圖并把他們導出到其他群的設計應用中,比如Baslsamiq或者Omnigraffle。

15)Naview

265765-9d6e37d19eb103f0

Naview是一款強大的工具,可以用來設計導航原型和測試導航原型可用性。使用Naview,你可以預覽信息架構和網站地圖。此外,這個工具還可以用來設計下拉式菜單甚至可以直接在瀏覽器中編輯導航結構。

總結:

一般來說,在web界,有三種圖形用戶界面。分別是工具型用戶界面,桌面型用戶界面和過程型用戶界面。隨著計算機技術在各個方面的應用,UI和UX設計范圍變得越來越顯著。我們可以期待未來即將出現的可以輔助UI和UX設計的工具。

當下的UI和UX工具都有許多內置的功能,可以很大程度地輔助設計師的工作。就UI和UX設計而言,這些工具也在提高視覺和功能方面帶來了許多創新的成果。

以上所列僅為筆者在工作中接觸并使用的工具,如有遺漏,歡迎補充。

#專欄作家#

康小胖,人人都是產品經理專欄作家,產品經理。專注專注O2O電子商務,堅決擁護用講故事的思維做產品,關注旅游行業及移動互聯網,愛好圓珠筆涂鴉。

本文系作者獨家授權發布,未經本站許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 為什么說UI不提sketch呢?

    來自天津 回復
  2. 老總,咋沒說和Axure的區別呢?好多Axure也能做

    來自北京 回復
  3. 我居然一個都沒見過

    來自浙江 回復
  4. mark

    來自上海 回復