文章翻譯：邵凱陽
發(fā)表時間：2015 年 7 月 25 日
原文作者：Prat
文章分類：產(chǎn)品與設(shè)計
伴隨著移動打印和網(wǎng)絡(luò)設(shè)計的快速發(fā)展，以及客戶對用戶界面和用戶體驗(yàn)的越來越苛刻要求，對設(shè)計師的要求也越來越嚴(yán)格，一個好的設(shè)計工具必將成為一個優(yōu)秀設(shè)計師的一把利器。本文就主要介紹了現(xiàn)在在 UI 和 UX 設(shè)計領(lǐng)域比較有用的15款設(shè)計軟件，其中包含了對各個軟件的整體功能的總結(jié)，以及各個軟件的官網(wǎng)鏈接。
今天，平面設(shè)計師在各個設(shè)計領(lǐng)域有多重的機(jī)會。以后，通過各種移動打印和網(wǎng)絡(luò)設(shè)計過程，設(shè)計師將進(jìn)入 UI 和 UX 設(shè)計的世界。與其他創(chuàng)造性的事務(wù)不同，像標(biāo)志設(shè)計、2D/3D 動漫、圖形信息、動態(tài)圖像和其他，UI 和 UX 的設(shè)計是非常不同的。用戶界面 (UI) 設(shè)計是開發(fā)一個用于人機(jī)交互的前端界面的過程。然而用戶體驗(yàn) (UX) 設(shè)計涉及學(xué)習(xí)各方面的人機(jī)交互知識，例如交互的可用性、交互的功能性、交互設(shè)計、信息架構(gòu)設(shè)計等。
在用戶界面 (UI) 設(shè)計方面，平面設(shè)計師能夠?qū)⒆约旱膭?chuàng)造性想法注入到一個項(xiàng)目中去。它涉及到使用各種視覺元素，例如顏色、符號、過渡效果、圖像等。通常情況下，UI 和 UX 的設(shè)計師是以團(tuán)隊的方式來定義和開發(fā)界面特性以及它的功能性和提供用戶與應(yīng)用程序或網(wǎng)站之間的通信模型。當(dāng)然，還有系統(tǒng)工程師、信息技術(shù)專業(yè)工作者和其他設(shè)計者都對設(shè)計流程作出了貢獻(xiàn)。
那么，對用戶界面和用戶體驗(yàn)發(fā)展至關(guān)重要的諸多方面是什么?我已經(jīng)列出了其中一些:
設(shè)計師使用各種工具 和資源來使任務(wù)很好的完成。有一系列的測試、原型設(shè)計、仿真和其他促進(jìn) UI 和 UX 設(shè)計過程的工具。我已將這些能夠?qū)υO(shè)計者的發(fā)展提供幫助的在線工具和資源編輯成了一個列表。好了，那就來看看下面列表中為設(shè)計師設(shè)計的15款 UI 和 UX 設(shè)計軟件。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-02.png" alt="02" />
Proto.io 是一個用于應(yīng)用程序開發(fā)的原型設(shè)計工具。它收集了大量的 UI 庫，以及交互式 UI 組件來實(shí)現(xiàn)材料設(shè)計功能。該工具還提供一些其他的特性，例如顏色調(diào)整、篩選器、多文件上傳等功能。當(dāng)設(shè)計團(tuán)隊工作時，Proto.io 與 DropBox 還可一起同步為設(shè)計人員提供實(shí)時在線協(xié)作功能。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-03.png" alt="03" />
Pidoco 是一個用于 web、移動和企業(yè)應(yīng)用程序開發(fā)的現(xiàn)代原型應(yīng)用程序。它提供了基于云計算的開發(fā)線框圖，移動模擬、實(shí)物模型和 UX 原型平臺。應(yīng)用程序提供內(nèi)置模板便于快速進(jìn)行原型設(shè)計，以及提供實(shí)時協(xié)作功能。使用 Pidoco，你可以開發(fā)交互式原型以及實(shí)時移動模擬運(yùn)行 iOS 和 Android 設(shè)備。
也可以參看: 對想要掙錢的設(shè)計師的5條建議
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-04.png" alt="04" />
InVision 是一個將靜態(tài)設(shè)計轉(zhuǎn)換為具有交互式原型設(shè)計功能的有力工具，例如可以動畫、手勢和轉(zhuǎn)換場景的實(shí)現(xiàn)。該工具提供一個基于云計算的平臺，允許在開發(fā)移動和企業(yè)應(yīng)用程序時進(jìn)行實(shí)時協(xié)作。InVision 也支持為蘋果手表和 Android 穿戴開發(fā)原型。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-05.png" alt="05" />
UserTesting 是一個現(xiàn)代的測試工具，用于在臺式機(jī)、平板電腦和移動設(shè)備上測試網(wǎng)站、 應(yīng)用程序、原型等。該工具是一個用戶研究平臺，可以讓你的目標(biāo)受眾測試您的網(wǎng)站或應(yīng)用程序。UserTesting 通過視頻、指標(biāo)、統(tǒng)計數(shù)據(jù)等形式從目標(biāo)受眾群體中收集有用的反饋。
也可以參看: 檢測你網(wǎng)站用戶體驗(yàn)設(shè)計的十大工具
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-06.png" alt="06" />
PowerMockup 是一個專門為在 PowerPoint 中使用的強(qiáng)大的模型和線框工具。該應(yīng)用程序在 PowerPoint 形狀設(shè)計收集了廣泛的 UI 組件。這些元素可以在 PowerPoint 中創(chuàng)建各種移動、網(wǎng)絡(luò)和桌面應(yīng)用程序的界面原型。PowerMockup 還提供了一些強(qiáng)大的協(xié)作和共享功能。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-07.png" alt="07" />
PickFu 是一個輪詢平臺，可以幫助你找到方案設(shè)計和營銷理念過程出現(xiàn)問題的解決方法。它是一個強(qiáng)大的工具，可以收到來自美國總部對于商標(biāo)、書籍封面、UI 模型等的各種設(shè)計思想的建議、意見和反饋。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-08.png" alt="08" />
Myna 是一個強(qiáng)大的被圖形設(shè)計師和 web 開發(fā)人員使用的 A / B 測試或拆分測試工具。該工具對個別游客進(jìn)行檢查，并從不同的角度對您的工作提供有見地的反饋。您可以使用Myna 進(jìn)行網(wǎng)頁設(shè)計、電子郵件設(shè)計、廣告設(shè)計、 UI 設(shè)計等。
也可以點(diǎn)擊: 面向網(wǎng)頁設(shè)計師的24小時免費(fèi)模型和線框圖工具
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-09.png" alt="09" />
Ace UI 是一個移動的 UI 工具包，是專門為 iOS 8 移動應(yīng)用程序開發(fā)設(shè)計的。它提供了大量的字體類型、圖標(biāo)、 PSD 模板和其他 UI 元素集合。此外，它還提供線框和原型工具包，可以進(jìn)行更高效的應(yīng)用程序開發(fā)。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-10.png" alt="10" />
Form 是一個很強(qiáng)的原型工具，允許您直接在設(shè)備上構(gòu)建和自定義本機(jī)原型。該工具提供了最新的材料設(shè)計組件，以及允許您構(gòu)建自定義組件。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-11.png" alt="11" />
MouseStats 是一個很受歡迎的 UX 分析工具，它提供了各種現(xiàn)代監(jiān)測用戶與網(wǎng)站的交互功能。該工具提供各種服務(wù)，如瀏覽會話視頻錄制、滾動熱圖、統(tǒng)計數(shù)據(jù)、測量等。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-12.png" alt="12" />
POP 或紙上原型是個很酷的應(yīng)用程序用于將手工制作草圖和版面編排轉(zhuǎn)換為交互式原型。應(yīng)用程序在各種平臺和設(shè)備上都可以工作，以及與 DropBox 一起實(shí)現(xiàn)實(shí)時集成協(xié)作。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-13.png" alt="13" />
Gliffy 是一款具有專業(yè)設(shè)計與在線協(xié)作功能的應(yīng)用程序。該工具允許您設(shè)計專業(yè)圖、 技術(shù)圖、線框圖、流程圖、網(wǎng)絡(luò)圖、站點(diǎn)地圖等。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-14.png" alt="14" />
Antetype是一款開發(fā)交互式用戶界面原型的應(yīng)用程序。該應(yīng)用程序提供超過 400 個主要平臺的預(yù)設(shè)計部件。它提供了一些特性功能，如動態(tài)布局、 響應(yīng)設(shè)計的功能、屬性綁定、斷點(diǎn)、演示文稿模式、嵌套、注釋等。
Also Read: 10 Web Design Trends for 2015
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-15.png" alt="15" />
Wirify 是一個強(qiáng)大的 UX 工具，通過一次點(diǎn)擊就可以實(shí)現(xiàn)從 web 網(wǎng)頁到線框圖的轉(zhuǎn)換。該工具允許您檢查各種網(wǎng)站的頁面結(jié)構(gòu)和布局。此外，你可以編輯你的線框圖，并將它們導(dǎo)出到其他的設(shè)計應(yīng)用程序，例如 Balsamiq 或 Omnigraffle。
http://wiki.jikexueyuan.com/project/wiki-journal-201507-1/images/tools-resources-16.png" alt="16" />
Naview 是一個強(qiáng)大的工具，用于設(shè)計導(dǎo)航原型和測試導(dǎo)航的可用性。使用 Naview，您可以預(yù)覽信息體系結(jié)構(gòu)和網(wǎng)站地圖。此外，該工具允許您開發(fā)下拉式菜單以及直接在瀏覽器中編輯導(dǎo)航結(jié)構(gòu)。
在 web 世界中有三種圖形用戶界面被使用。他們是工具用戶界面、 桌面用戶界面和進(jìn)程用戶界面。用戶界面和用戶體驗(yàn)設(shè)計領(lǐng)域正日益受到更多關(guān)注，因?yàn)橛嬎銠C(jī)技術(shù)在各行業(yè)中越來越多的得到應(yīng)用。我們期待在不久的將來可以發(fā)布更多的開發(fā)網(wǎng)站的用戶界面和用戶體驗(yàn)的工具和資源。
現(xiàn)代的 UI 和 UX 工具擁有內(nèi)置的功能和特點(diǎn)，在很大程度為設(shè)計師完成他們的項(xiàng)目提供了幫助。這些工具也帶來了一些創(chuàng)新成果，可以對用戶界面和用戶體驗(yàn)進(jìn)行可視化和功能方面的開發(fā)。
該列表包含了當(dāng)前對用戶界面和用戶體驗(yàn)設(shè)計有價值的工具和資源。如果你最喜歡的工具沒有被記錄在名單上，然后你可以明確的下面的評論區(qū)中提出。祝你好運(yùn)！
更多IT技術(shù)干貨: wiki.jikexueyuan.com
加入極客星球翻譯團(tuán)隊: http://wiki.jikexueyuan.com/project/wiki-editors-guidelines/translators.html版權(quán)聲明：
本譯文僅用于學(xué)習(xí)和交流目的。非商業(yè)轉(zhuǎn)載請注明譯者、出處，并保留文章在極客學(xué)院的完整鏈接
商業(yè)合作請聯(lián)系 wiki@jikexueyuan.com
原文地址：https://www.packtpub.com/books/content/persisting-data-local-storage-ionic
掃碼關(guān)注鍍金池微信號
手機(jī)訂課，優(yōu)惠多多
