最新的 Adobe XD 更新包括免費的 UI 套件,以改善無處不在的 UX 設計
已發表: 2018-03-02Adobe 深知用戶體驗的重要性。 作為眾多頂級設計工具的製造商,他們每天都在探索如何使漂亮的設計變得簡單易行。 因此,今天 Adobe XD CC 發布了五款免費 UI 套件來激發世界各地的設計師的靈感並促進全面的創新設計並增加 Adobe 的 Creative Cloud 體驗也就不足為奇了。
Adobe UI 套件包括遊戲設計、智能手錶、Apple Dashboard 以及交通和旅行應用程序的選項。 它們是與各種知名設計師合作設計的,可以在此處免費下載。
什麼是用戶界面設計工具包?
用戶界面 (UI) 工具包是分發的文件(通常為 PSD),用於幫助設計人員處理項目和設計元素(例如滑塊和頭像)的工作流程。 它們最終提供了創建無縫體驗的指南,從解決常見問題到確定直觀導航。 將 UI 套件視為用戶界面設計的備忘單。
想要將更多設計行業新聞直接發送到您的電子郵件?
註冊您的 DesignRush 每日劑量!
那麼,UI 設計和 UX 設計之間有什麼區別?
用戶體驗設計和用戶界面設計是豆莢中的兩顆豌豆。 最終,用戶體驗設計會直接影響用戶在瀏覽您的網站、應用程序或其他交互設計時的感受。
UX 設計對 Web 和移動應用程序很重要。 您希望在 iPhone 和 Android 設備上導航應用程序的過程既簡單又愉快。
同時,用戶界面設計巧妙地處理了 UX 設計師正在創造的那些體驗,處理美學並確保體驗令人愉悅,而不僅僅是使用。 在某種程度上,用戶界面設計更像是平面設計師而不是網頁設計師,因為 UI 設計師必須確保他們的材料設計佈局在美學上令人愉悅。
UI 套件如何改善整體用戶體驗?
網站設計中對整體用戶體驗(又名 UX 和 UI)的依賴正在上升。 據 Adobe 稱,這是科技行業增長最快的領域,預計需求增長高達 73%——這就是為什麼他們如此迅速地將其添加到其 Creative Cloud 產品中。 這種急劇的增長需要更簡化的流程,這些流程仍然可以產生消費者喜歡的令人驚嘆的設計,從而使精心設計的 UI 套件成為世界各地設計師的天賜之物。
與任何事物一樣,UI 套件也有其優點和缺點。 與任何模板一樣,與從頭開始相比,您的個性化和定制能力受到更多限制。 此外,UI 套件越受歡迎,其他品牌就越有可能與您具有相似的審美。
然而,儘管存在上述缺點,UI 套件還是為設計社區帶來了大量價值,這就是它們越來越受歡迎的原因。 由於它們是由主要設計師和公司開發的——就像 Adobe 的一批 UI 工具包——它們通常具有有限的錯誤並且經常更新。
使用 UI 套件還可以讓您探索自己可能沒有嘗試過的設計元素,因為它將大部分工作流程簡化為模板,從而騰出大量時間和腦力來專注於設計中最重要的組件,例如交互和用戶流。
更重要的是? 用戶體驗設計師也可以使用 UI 套件,這使得它們對於小型團隊、預算有限或希望擴展技能的設計師特別有用。
設計師對 UX 設計、UI 設計和 UI 套件的流行有什麼看法?
為了更好地了解所有這些設計元素如何協同工作,以及這些 UI 套件如何幫助擴展設計過程,我們採訪了 Live Planet 的設計總監 Marcelo Silva,他創建了 Adobe 的 Apple Watch UI 套件。
用戶體驗設計師的需求正在上升。 您認為為什麼如此重視用戶體驗?
“關於技術的事情是,幾年前的奢侈品現在已經成為標準。例如汽車。幾年前,擁有觸摸屏是一種奢侈品,現在甚至一些基本型號都有某種很酷的觸摸屏系統。隨著視覺上令人驚嘆的產品越來越成為一種標準而不是奢侈品,公司需要找到新的方法來區分他們的競爭對手。用戶體驗就是差異化因素。僅僅創造一些看起來不錯的東西是不夠的,你必須創造一些東西無縫使用,這將使人們繼續使用它。”
技術如何影響用戶體驗設計,您認為未來幾年用戶體驗將走向何方?
“UX 過去關注人們如何與顯示器交互,但隨著技術的進步和產品變得越來越‘隱形’,我們作為設計師必須更加靈活地適應。但 UX 的原則需要保持不變——我們如何確保人類與技術之間的交互(無論技術採用什麼形狀或形式)盡可能無縫?很難預測技術將我們(用戶體驗設計師)帶到哪裡,但我認為正如我們已經看到的那樣“非常關注虛擬現實和人工智能。不同的媒介,但相同的概念——讓互動變得無縫、有趣和引人入勝。”
對於我們這些不太了解的人,什麼是 UI 套件?
“查看 UI 套件有多種不同的方式。我個人認為它們只是一系列組件,用作您的應用程序或網頁設計的起點。如果您的截止日期很緊或需要創意提升,UI 套件尤其有用開始你的項目。當我為 Adobe XD 創建智能手錶 UI 套件時,我嘗試創建盡可能多的組件/屏幕以確保我涵蓋了很多用例。你擁有從不同類型的圖表到一堆列出樣式和其他東西。”
它們是為年輕設計師、有經驗的設計師還是兩者兼而有之?
“不過,出於不同的原因,我會說兩者兼而有之。這對年輕設計師來說是件好事,因為一個套件相當於在 YouTube 上觀看數小時的關於如何設計的視頻。尤其是對於視覺學習者,當你開始研究一種設計時一個更有經驗的設計師創造出來,看看他們是怎麼做的,就像去設計學校一樣。你可以從這些設計中學到很多東西。如果你已經是一個有經驗的設計師,這個工具包可以幫助你節省時間。它可以讓你專注於更細微的細節,通過消除最初的繁重工作,使您的設計流行起來。我最近為客戶項目使用了 UI 套件,因為我們沒有時間從頭開始設計。特別是如果您為初創公司工作轉機非常重要。”
UI 套件對特定公司的簽約設計師有好處,還是對自由職業者更好?
“它們在這兩種情況下都會有所幫助,但我想說總的來說,全職設計師比自由職業者有更多的時間可以支配。因此,雖然這對兩者都有幫助,但自由職業者尤其可以從 UI 工具包中受益,因為您可以節省時間在一個項目中將允許您從事其他項目(這意味著發送更多那些甜蜜的發票)。”
告訴我們為 Adobe XD CC 集思廣益和設計個性化 UI 套件的過程?
“Adobe 的人們一直在尋找為設計社區提供價值的方法(Adobe XD CC 本身就是一個不斷追求授權的例子。他們向我提出了為社區創建 UI 套件的想法,我們一起工作在一個主題上。我從那裡開始設計本身。我們在 12 月中旬開始 UI 套件,用鉛筆和紙為每個屏幕繪製線框。我希望該套件具有非常實用的應用程序,而不僅僅是許多無用的組件(不幸的是,就像那裡的許多 UI 套件一樣)。”
設計師如何使用 UI 套件來改進他們的工作流程或設計?
“您可以通過節省時間和精神開銷來改善您的工作流程。如果您正在設計智能手錶應用程序,您很有可能會在此套件中找到適用於您的應用程序的組件。如果您有一個巨大的領先優勢您可以隨意使用智能手錶 UI 套件(它也是免費的,因此您實際上沒有什麼可失去的)。使用該套件的最佳方式是瘋狂使用它。將其作為您驚人的創意思維的起點,創造出神奇的東西。享受解剖組件並創建自己獨特的設計的樂趣。”
設計師可以創建自己的 UI 套件嗎?
“是的!這就是設計系統的創建方式(這是一個完全不同的主題)。如果您將產品設計視為小 UI 套件,您可以保存這些組件,以便團隊可以隨著公司的發展和產品的發展重複使用它們。我認為這是 UI 套件最酷的事情。為您的產品團隊提供可重複使用的組件,他們將永遠愛您。”
Adobe XD 更新中還包含哪些內容?
這些前所未有的 Adobe UI 套件並不是 Adobe XD Creative Cloud 本週為用戶提供的唯一項目。 他們最近的程序更新也於今天發布,包括一系列新功能,其中之一是與文件託管和共享程序 Dropbox 的集成。
與 Dropbox 的這項計劃合作支持在移動設備、網絡和桌面上進行原生 XD 文件預覽。 要訪問此功能,用戶只需將 XD 文件保存到 Dropbox。 自動地,每個有權訪問該特定 Dropbox 的人都可以看到預覽,從而確保客戶和設計師可以更快地協作並共同創造體驗。
“Adobe XD 是一款面向 UX 設計師的創新一體化工具,我們很高興將 Dropbox、Adobe XD 和 Creative Cloud 的強大功能帶給我們的聯合用戶,”Dropbox Previews 工程主管 Daniel Wagner 說。 “我們的目標是通過不斷擴大的合作夥伴生態系統釋放創意能量,並將 Adobe XD 等設計工具與核心 Dropbox 移動、網絡和桌面產品連接起來。”
Dropbox 並不是 Adobe XD 添加到程序功能的唯一工具。 用戶還可以將項目導出到第三方程序中,例如 Zeplin、Avocode 和 Sympli。 雖然不是 Adobe 生態系統的一部分,但設計人員經常使用這些其他程序。 將它們集成到 XD 中可以確保更簡化的工作流程 - 顯然,這是本週的主題 - 通過確保設計師可以順利通過各種生產狀態的設計項目。
更重要的是? Adobe XD 通過與 ProtoPie 和 Kite Composer 協調改進了高級動畫元素,並將這些改進添加到程序中:
- 設計規範 (Beta) 的可用性改進,使用戶可以更輕鬆地在瀏覽器中導航設計規範並輕鬆處理蒙版圖層。
- 能夠在顏色選擇器中在 HEX、RGB、HSB 之間切換。 用戶可以從下拉菜單中選擇上述任何選項,從而可以輕鬆地在屏幕設計中的顏色模型之間切換。
- 批量導出,一個新的導出選項,可以通過文件菜單訪問。 用戶只需在“圖層”面板中單擊鼠標右鍵即可標記應包含在批量導出中的任何對象。
結論
總而言之,Adobe XD 的許多更新加上五個免費的 UI 套件使這個版本成為迄今為止最好的版本。 新的 Adobe UX 更新提供:
- 五個免費的 UI 套件
- Dropbox 集成
- 其他第三方應用程序集成,包括 Zeplin、Avocode 和 Sympli
- 設計規範的可用性改進
- 能夠在顏色選擇器中在 HEX、RGB、HSB 之間切換
- 輕鬆高效的批量導出
通過與外部程序的完美集成和改進的工作流程,遠近的設計師肯定能夠最大限度地利用他們的時間並創造創新的設計,使他們在未來的大量需求中處於完美的位置。
想了解更多設計新聞? 註冊我們的通訊!