AI 是當(dāng)前的熱門話題，它正在不斷顛覆著各行各業(yè)的發(fā)展。設(shè)計(jì)行業(yè)也不例外，AI 給數(shù)字界面設(shè)計(jì)師們帶來(lái)了挑戰(zhàn)和機(jī)遇。ChatGPT 可以根據(jù)需求進(jìn)行自然語(yǔ)言和代碼等文本輸出，Midjourney 和 Stable Diffusion 能夠通過(guò)輸入文本生成出令人驚嘆的 AI 圖像。
在 AI 時(shí)代，數(shù)字界面設(shè)計(jì)師們要如何應(yīng)對(duì)變化，提升自己的價(jià)值和競(jìng)爭(zhēng)力?
最近由 MasterGo 主辦、優(yōu)設(shè)承辦的 MasterGo Club 在廣州成功舉辦，本次活動(dòng)以“AI + 協(xié)同：界面設(shè)計(jì)的無(wú)限可能”為主題，邀請(qǐng)多位行業(yè)內(nèi)的設(shè)計(jì)專家分享他們對(duì)于 AI 和協(xié)同技術(shù)在界面設(shè)計(jì)中的應(yīng)用和實(shí)踐經(jīng)驗(yàn)，共同探討 AI 帶來(lái)的無(wú)限可能，展望體驗(yàn)設(shè)計(jì)的未來(lái)。
▲圖：MasterGo Club 廣州站活動(dòng)現(xiàn)場(chǎng)
在《AI 賦能 UI 設(shè)計(jì)的思考》主題分享中，MasterGo 聯(lián)合創(chuàng)始人朱峰表示，設(shè)計(jì)已邁入 AI 時(shí)代，界面設(shè)計(jì)師要充分利用 AI 的勢(shì)能提高設(shè)計(jì)效率，也要不斷提升自己的產(chǎn)品設(shè)計(jì)、數(shù)據(jù)洞察、跨域認(rèn)知等能力，更好地適應(yīng) AI 帶來(lái)的環(huán)境變化，我們眼中 AI 時(shí)代的界面設(shè)計(jì)師 2.0 應(yīng)該具備這些能力：
積極擁抱 AI，理解 AI 能力的邊界
面對(duì) AI 帶來(lái)的挑戰(zhàn)，朱峰首先強(qiáng)調(diào)，界面設(shè)計(jì)師應(yīng)該從心態(tài)和行動(dòng)上更加積極地?fù)肀?AI 和它的發(fā)展，明白它的優(yōu)勢(shì)和局限。
“很重要的一點(diǎn)是，我們需要了解 AI 在提升工作效率方面能為我們提供哪些具體幫助。”例如，現(xiàn)在的 AI 比以前的 NLP 模型更能理解人類的自然語(yǔ)言，在文案和插圖的生成方面，可以給設(shè)計(jì)師提供更多的靈感，節(jié)約時(shí)間和精力，提升創(chuàng)作效率和質(zhì)量。“因此，設(shè)計(jì)師應(yīng)關(guān)注 AI 技術(shù)的發(fā)展和變化，并積極嘗試應(yīng)用，了解 AI 在哪些領(lǐng)域仍有待提高。”
▲圖：MasterGo 聯(lián)合創(chuàng)始人朱峰
對(duì)業(yè)務(wù)有更好的理解，有架構(gòu)思考的能力
“過(guò)去，我們?cè)O(shè)計(jì)師將很多的時(shí)間和精力花費(fèi)在從 0 開(kāi)始做組件，或者手動(dòng)拖拽組件上，直到拼出一個(gè) UI 界面。”朱峰認(rèn)為，“但在 AI 時(shí)代，我們要有更深層的思考，要加深對(duì)公司業(yè)務(wù)的理解，提升對(duì)產(chǎn)品架構(gòu)的思考能力。”比如說(shuō)，公司的商業(yè)模式是什么?客戶是誰(shuí)?客戶接觸、使用產(chǎn)品的流程是什么?產(chǎn)品在使用過(guò)程中有什么痛點(diǎn)?整個(gè)體驗(yàn)如何?還能優(yōu)化哪些地方?自己設(shè)計(jì)的部分對(duì)整個(gè)業(yè)務(wù)流程有什么影響?
“設(shè)計(jì)師可以比 AI 更加深入地了解公司業(yè)務(wù)，熟悉業(yè)務(wù)流程，清晰掌握不同復(fù)雜場(chǎng)景下的使用需求。”朱峰指出，“目前我們看到 AI 只能理解和生成表層的文本或圖像，給 AI 一個(gè)簡(jiǎn)單的 prompt，它并不能全面地理解你公司的業(yè)務(wù)，做出一個(gè)很復(fù)雜的 APP，或者設(shè)計(jì)一套復(fù)雜的業(yè)務(wù)流程，這需要我們給 AI 提供大量的信息，但這恰恰是我們的優(yōu)勢(shì)所在，比如我們對(duì)于設(shè)計(jì)系統(tǒng)的應(yīng)用，如何幫助團(tuán)隊(duì)提升對(duì)于這些東西的理解是非常關(guān)鍵的。”
▲圖：MasterGo Club 廣州站活動(dòng)現(xiàn)場(chǎng)
對(duì)于用戶體驗(yàn)和數(shù)據(jù)的關(guān)注
此外，朱峰還提到，“我們可以通過(guò)更多地關(guān)注數(shù)據(jù)反饋來(lái)提升用戶體驗(yàn)。我們過(guò)去可能比較關(guān)注需要設(shè)計(jì)的界面有什么交互流程。但是上線后的數(shù)據(jù)怎么樣?哪些頁(yè)面受到用戶的歡迎?他們對(duì)這些頁(yè)面有什么建議?有時(shí)，我們認(rèn)為一個(gè)簡(jiǎn)單改動(dòng)可能對(duì)用戶產(chǎn)生極大的幫助和效率提升。”
“我們經(jīng)常會(huì)遇到這樣的問(wèn)題，就是做了很多設(shè)計(jì)體驗(yàn)上的優(yōu)化，已經(jīng)迭代了好幾次，甚至修復(fù)了好幾版 bug，但數(shù)據(jù)并沒(méi)有明顯的變化。所以AI 時(shí)代下，設(shè)計(jì)師要用數(shù)據(jù)視角客觀地理解用戶體驗(yàn)，評(píng)估設(shè)計(jì)的價(jià)值和意義。通過(guò)數(shù)據(jù)來(lái)看看自己的設(shè)計(jì)、交互和功能是不是真的幫助了用戶?對(duì)公司業(yè)務(wù)的核心價(jià)值是不是真的有提升作用?”
▲圖：MasterGo 聯(lián)合創(chuàng)始人朱峰
更好的跨域認(rèn)知和協(xié)作能力
在設(shè)計(jì)師協(xié)作和跨域認(rèn)知能力方面，朱峰也表達(dá)了自己的觀點(diǎn)，“設(shè)計(jì)師們?cè)谝粋€(gè)團(tuán)隊(duì)中協(xié)作，需要有良好的團(tuán)隊(duì)協(xié)作氛圍和高效的協(xié)同效率，設(shè)計(jì)師具備推動(dòng)、協(xié)調(diào)和協(xié)作能力是非常重要的。當(dāng)我們?cè)陧?xiàng)目中遇到卡點(diǎn)和困難，我們是不是能站出來(lái)變成那個(gè)推動(dòng)解決問(wèn)題的人，這個(gè)其實(shí)也同樣重要。”
“如果設(shè)計(jì)師能夠具備一些跨域認(rèn)知，比如說(shuō)對(duì)商業(yè)本質(zhì)的理解，一些簡(jiǎn)單的技術(shù)，無(wú)疑是更加有利，更加出彩。”朱峰給在場(chǎng)的設(shè)計(jì)師們列舉了兩個(gè)場(chǎng)景，比如設(shè)計(jì)師在設(shè)計(jì)稿中設(shè)計(jì)的是一個(gè)行高，但等安卓工程師開(kāi)發(fā)出來(lái)后，在手機(jī)上運(yùn)行的時(shí)候，我們會(huì)發(fā)現(xiàn)跟設(shè)計(jì)圖上的行高不一樣。我們就需要深入了解為什么實(shí)際渲染的行高與設(shè)計(jì)稿存在不一致的現(xiàn)象，進(jìn)一步探討手機(jī)渲染機(jī)制等原因。“像這樣一些跨領(lǐng)域的知識(shí)，能夠幫助我們更好地完成設(shè)計(jì)，把最終產(chǎn)品的體驗(yàn)保證好，這個(gè)也不是其他很多技術(shù)能夠立刻實(shí)現(xiàn)的。”
第二個(gè)場(chǎng)景是 MasterGo 的自動(dòng)布局，它的底層是基于 CSS Flex 屬性來(lái)設(shè)計(jì)的。“所以設(shè)計(jì)工具大家越學(xué)越覺(jué)得好像那個(gè)書變厚了，越來(lái)越多要學(xué)的功能。比如過(guò)去學(xué) Sketch 要學(xué)怎么用 Symbol，后來(lái)有了 Team Library，再往后就是 MasterGo 的自動(dòng)布局，還有組件狀態(tài)、組件屬性等等，這些又是 Sketch 可能沒(méi)有的功能，但使用之后確實(shí)可以幫助我們提高設(shè)計(jì)效率。”
“我們需要了解這些底層的設(shè)計(jì)原理，并探索如何更好地利用它們。因?yàn)樗歉こ淌菍?duì)齊的，比如設(shè)計(jì)組件的自動(dòng)布局和組件狀態(tài)，使用的就是 CSS Flex 和組件化這樣的理念，比如和 React 組件是一樣的。”朱峰講到，“如果我們能夠了解一些 CSS Flex 的內(nèi)容，就能夠幫助我們更好地理解設(shè)計(jì)圖和工程代碼之間的底層映射關(guān)系，不管是跟工程師交流還是自己做設(shè)計(jì)，效率都會(huì)再次提升。所以，設(shè)計(jì)師對(duì)跨域知識(shí)的理解、學(xué)習(xí)和接受程度實(shí)際上非常重要。”
▲圖：MasterGo Club 廣州站活動(dòng)現(xiàn)場(chǎng)
關(guān)于 MasterGo 如何在 AI 時(shí)代賦能界面設(shè)計(jì)師，朱峰在現(xiàn)場(chǎng)分享到，MasterGo 成立了 AI 實(shí)驗(yàn)室，將聚焦界面設(shè)計(jì)師的創(chuàng)作、協(xié)作和生產(chǎn)三個(gè)核心工作場(chǎng)景，為界面設(shè)計(jì)師帶來(lái)一系列的 AI 解決方案：MasterGo AI 可以根據(jù)已有的界面設(shè)計(jì)，創(chuàng)建設(shè)計(jì)組件，自動(dòng)建立設(shè)計(jì)系統(tǒng)，并且根據(jù)項(xiàng)目背景和業(yè)務(wù)需求，快速生成與原設(shè)計(jì)風(fēng)格相符的全新界面，減輕設(shè)計(jì)師工作負(fù)擔(dān)，輔助設(shè)計(jì)師提效。此外，MasterGo AI 還將能夠自動(dòng)匯總團(tuán)隊(duì)成員的評(píng)論，并從設(shè)計(jì)、業(yè)務(wù)邏輯、文案等維度進(jìn)行分類和整理，設(shè)計(jì)師如果選擇接受評(píng)論的意見(jiàn)，MasterGo AI 將根據(jù)意見(jiàn)修改設(shè)計(jì)，從而幫助設(shè)計(jì)師快速完成設(shè)計(jì)協(xié)同，提高團(tuán)隊(duì)間的溝通和協(xié)作效率。
▲圖：MasterGo AI 概念產(chǎn)品
在 AI 時(shí)代，界面設(shè)計(jì)師需要不斷學(xué)習(xí)和提升自己的技能，來(lái)適應(yīng)不斷變化的市場(chǎng)需求。AI 可以是設(shè)計(jì)師的助手，能夠幫助設(shè)計(jì)師提高效率、拓展創(chuàng)意、解決問(wèn)題。設(shè)計(jì)師應(yīng)該更加充分地挖掘 AI 的優(yōu)勢(shì)，賦能自己，發(fā)揮自己的專業(yè)知識(shí)、創(chuàng)造力和審美能力，相信設(shè)計(jì)師們?cè)?AI 時(shí)代下一定能夠創(chuàng)造出更多的美好和價(jià)值，完成 AI 時(shí)代的界面設(shè)計(jì)師 2.0 的升級(jí)。
（免責(zé)聲明：本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說(shuō)明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開(kāi)相關(guān)鏈接。 ）
