AI 是當前的熱門話題，它正在不斷顛覆著各行各業(yè)的發(fā)展。設計行業(yè)也不例外，AI 給數字界面設計師們帶來了挑戰(zhàn)和機遇。ChatGPT 可以根據需求進行自然語言和代碼等文本輸出，Midjourney 和 Stable Diffusion 能夠通過輸入文本生成出令人驚嘆的 AI 圖像。

在 AI 時代，數字界面設計師們要如何應對變化，提升自己的價值和競爭力？

最近由 MasterGo 主辦、優(yōu)設承辦的 MasterGo Club 在廣州成功舉辦，本次活動以“AI + 協(xié)同：界面設計的無限可能”為主題，邀請多位行業(yè)內的設計專家分享他們對于 AI 和協(xié)同技術在界面設計中的應用和實踐經驗，共同探討 AI 帶來的無限可能，展望體驗設計的未來。

▲圖：MasterGo Club 廣州站活動現場

在《AI 賦能 UI 設計的思考》主題分享中，MasterGo 聯合創(chuàng)始人朱峰表示，設計已邁入 AI 時代，界面設計師要充分利用 AI 的勢能提高設計效率，也要不斷提升自己的產品設計、數據洞察、跨域認知等能力，更好地適應 AI 帶來的環(huán)境變化，我們眼中 AI 時代的界面設計師 2.0 應該具備這些能力：

積極擁抱 AI，理解 AI 能力的邊界

面對 AI 帶來的挑戰(zhàn)，朱峰首先強調，界面設計師應該從心態(tài)和行動上更加積極地擁抱 AI 和它的發(fā)展，明白它的優(yōu)勢和局限。

“很重要的一點是，我們需要了解 AI 在提升工作效率方面能為我們提供哪些具體幫助。”例如，現在的 AI 比以前的 NLP 模型更能理解人類的自然語言，在文案和插圖的生成方面，可以給設計師提供更多的靈感，節(jié)約時間和精力，提升創(chuàng)作效率和質量。“因此，設計師應關注 AI 技術的發(fā)展和變化，并積極嘗試應用，了解 AI 在哪些領域仍有待提高。”

▲圖：MasterGo 聯合創(chuàng)始人朱峰

對業(yè)務有更好的理解，有架構思考的能力

“過去，我們設計師將很多的時間和精力花費在從 0 開始做組件，或者手動拖拽組件上，直到拼出一個 UI 界面?！敝旆逭J為，“但在 AI 時代，我們要有更深層的思考，要加深對公司業(yè)務的理解，提升對產品架構的思考能力?！北热缯f，公司的商業(yè)模式是什么？客戶是誰？客戶接觸、使用產品的流程是什么？產品在使用過程中有什么痛點？整個體驗如何？還能優(yōu)化哪些地方？自己設計的部分對整個業(yè)務流程有什么影響？

“設計師可以比 AI 更加深入地了解公司業(yè)務，熟悉業(yè)務流程，清晰掌握不同復雜場景下的使用需求?！敝旆逯赋?，“目前我們看到 AI 只能理解和生成表層的文本或圖像，給 AI 一個簡單的 prompt，它并不能全面地理解你公司的業(yè)務，做出一個很復雜的 APP，或者設計一套復雜的業(yè)務流程，這需要我們給 AI 提供大量的信息，但這恰恰是我們的優(yōu)勢所在，比如我們對于設計系統(tǒng)的應用，如何幫助團隊提升對于這些東西的理解是非常關鍵的。”

▲圖：MasterGo Club 廣州站活動現場

對于用戶體驗和數據的關注

此外，朱峰還提到，“我們可以通過更多地關注數據反饋來提升用戶體驗。我們過去可能比較關注需要設計的界面有什么交互流程。但是上線后的數據怎么樣？哪些頁面受到用戶的歡迎？他們對這些頁面有什么建議？有時，我們認為一個簡單改動可能對用戶產生極大的幫助和效率提升?！?

“我們經常會遇到這樣的問題，就是做了很多設計體驗上的優(yōu)化，已經迭代了好幾次，甚至修復了好幾版 bug，但數據并沒有明顯的變化。所以AI 時代下，設計師要用數據視角客觀地理解用戶體驗，評估設計的價值和意義。通過數據來看看自己的設計、交互和功能是不是真的幫助了用戶？對公司業(yè)務的核心價值是不是真的有提升作用？”

▲圖：MasterGo 聯合創(chuàng)始人朱峰

更好的跨域認知和協(xié)作能力

在設計師協(xié)作和跨域認知能力方面，朱峰也表達了自己的觀點，“設計師們在一個團隊中協(xié)作，需要有良好的團隊協(xié)作氛圍和高效的協(xié)同效率，設計師具備推動、協(xié)調和協(xié)作能力是非常重要的。當我們在項目中遇到卡點和困難，我們是不是能站出來變成那個推動解決問題的人，這個其實也同樣重要?！?

“如果設計師能夠具備一些跨域認知，比如說對商業(yè)本質的理解，一些簡單的技術，無疑是更加有利，更加出彩?！敝旆褰o在場的設計師們列舉了兩個場景，比如設計師在設計稿中設計的是一個行高，但等安卓工程師開發(fā)出來后，在手機上運行的時候，我們會發(fā)現跟設計圖上的行高不一樣。我們就需要深入了解為什么實際渲染的行高與設計稿存在不一致的現象，進一步探討手機渲染機制等原因?！跋襁@樣一些跨領域的知識，能夠幫助我們更好地完成設計，把最終產品的體驗保證好，這個也不是其他很多技術能夠立刻實現的。”

第二個場景是 MasterGo 的自動布局，它的底層是基于 CSS Flex 屬性來設計的?！八栽O計工具大家越學越覺得好像那個書變厚了，越來越多要學的功能。比如過去學 Sketch 要學怎么用 Symbol，后來有了 Team Library，再往后就是 MasterGo 的自動布局，還有組件狀態(tài)、組件屬性等等，這些又是 Sketch 可能沒有的功能，但使用之后確實可以幫助我們提高設計效率?！?

“我們需要了解這些底層的設計原理，并探索如何更好地利用它們。因為它是跟工程是對齊的，比如設計組件的自動布局和組件狀態(tài)，使用的就是 CSS Flex 和組件化這樣的理念，比如和 React 組件是一樣的?！敝旆逯v到，“如果我們能夠了解一些 CSS Flex 的內容，就能夠幫助我們更好地理解設計圖和工程代碼之間的底層映射關系，不管是跟工程師交流還是自己做設計，效率都會再次提升。所以，設計師對跨域知識的理解、學習和接受程度實際上非常重要?！?

▲圖：MasterGo Club 廣州站活動現場

關于 MasterGo 如何在 AI 時代賦能界面設計師，朱峰在現場分享到，MasterGo 成立了 AI 實驗室，將聚焦界面設計師的創(chuàng)作、協(xié)作和生產三個核心工作場景，為界面設計師帶來一系列的 AI 解決方案：MasterGo AI 可以根據已有的界面設計，創(chuàng)建設計組件，自動建立設計系統(tǒng)，并且根據項目背景和業(yè)務需求，快速生成與原設計風格相符的全新界面，減輕設計師工作負擔，輔助設計師提效。此外，MasterGo AI 還將能夠自動匯總團隊成員的評論，并從設計、業(yè)務邏輯、文案等維度進行分類和整理，設計師如果選擇接受評論的意見，MasterGo AI 將根據意見修改設計，從而幫助設計師快速完成設計協(xié)同，提高團隊間的溝通和協(xié)作效率。

▲圖：MasterGo AI 概念產品

在 AI 時代，界面設計師需要不斷學習和提升自己的技能，來適應不斷變化的市場需求。AI 可以是設計師的助手，能夠幫助設計師提高效率、拓展創(chuàng)意、解決問題。設計師應該更加充分地挖掘 AI 的優(yōu)勢，賦能自己，發(fā)揮自己的專業(yè)知識、創(chuàng)造力和審美能力，相信設計師們在 AI 時代下一定能夠創(chuàng)造出更多的美好和價值，完成 AI 時代的界面設計師 2.0 的升級。