科技話題如果有“熱搜”，那必然是AIGC。
從2022年底開始，隨著chatGPT引發(fā)的全球AI生成工具的廣泛應(yīng)用，AIGC似乎像一把鑰匙，開啟了數(shù)字內(nèi)容創(chuàng)作的全新篇章，prompt成為了數(shù)字藝術(shù)家、作家、設(shè)計(jì)師和音樂(lè)家們手中的魔法棒，他們用它來(lái)召喚出一個(gè)個(gè)令人驚嘆的數(shù)字世界。
從文本到圖像生成，從音樂(lè)到視頻生成，世界各地?zé)o數(shù)的GPTs轟轟烈烈地涌現(xiàn)出來(lái)，似乎所有的數(shù)字內(nèi)容都有了生成的工具，更是誕生了諸如Midjourney，Pika，Runway，Sora等這類明星級(jí)別的項(xiàng)目，一時(shí)間，聚光燈始終指向了更復(fù)雜、更酷炫的數(shù)字內(nèi)容生成。
有沒(méi)有被掩蓋的富礦，雖不起眼，但是蘊(yùn)含著寶藏？
有沒(méi)有深邃的星辰，雖不爭(zhēng)輝，卻值得有心人去探索？
還真的有。
隱秘而偉大，UI設(shè)計(jì)期待自身的“GPT時(shí)刻”
UI是（用戶界面，User Interface）指的是人與計(jì)算機(jī)系統(tǒng)之間交互和通信的界面。UI設(shè)計(jì)是確保用戶能夠與軟件應(yīng)用程序、網(wǎng)站或其他數(shù)字產(chǎn)品進(jìn)行有效交互的過(guò)程。UI設(shè)計(jì)不僅包括視覺元素，如布局、顏色、字體和圖標(biāo)，還包括用戶與系統(tǒng)交互時(shí)的體驗(yàn)。
簡(jiǎn)單來(lái)講，UI是人機(jī)交互的“窗口”，是當(dāng)下信息時(shí)代最重要的數(shù)字內(nèi)容之一。
隨著人機(jī)界面交互的演進(jìn)，UI 設(shè)計(jì)工具的時(shí)代也在悄然更迭。每個(gè)時(shí)代都會(huì)誕生屬于那個(gè)時(shí)代的設(shè)計(jì)工具，成為UI設(shè)計(jì)領(lǐng)域的引領(lǐng)者。
像素時(shí)代：Photoshop 是網(wǎng)頁(yè)設(shè)計(jì)師人手必備的設(shè)計(jì)工具。
矢量時(shí)代：Sketch 結(jié)合矢量設(shè)計(jì)，通過(guò)簡(jiǎn)化和改進(jìn) Photoshop 的部分功能，打造了一個(gè)專為 UI 設(shè)計(jì)師使用的編輯器，取代 Photoshop 成為專用界面設(shè)計(jì)工具。
協(xié)同時(shí)代：Figma 橫空出世，通過(guò)“協(xié)同”讓行業(yè)發(fā)生改變，編輯器被直接放在云端，設(shè)計(jì)師只需通過(guò)瀏覽器就能實(shí)時(shí)協(xié)作，將設(shè)計(jì)工具帶入?yún)f(xié)同時(shí)代。并且Figma迅速成為UI設(shè)計(jì)領(lǐng)域的明星企業(yè)，除了占據(jù)超高的市場(chǎng)份額，對(duì)UI的顛覆性引發(fā)巨頭關(guān)注，2022年，Adobe曾計(jì)劃以約200億美元的超高估值收購(gòu)Figma。
AIGC如此蓬勃發(fā)展，AI時(shí)代必然得有屬于自己的UI工具。
2024年6月5日，定位“AI時(shí)代設(shè)計(jì)工具”的Motiff妙多發(fā)布了自己的新產(chǎn)品，希望在最全面精細(xì)的協(xié)同設(shè)計(jì)軟件基礎(chǔ)上，融入AI元素并以此帶來(lái)革新，通過(guò)AI建立了諸多原創(chuàng)功能，相信AI能帶來(lái)設(shè)計(jì)行業(yè)的革命性改變。
Motiff妙多團(tuán)隊(duì)致力于打造全世界最復(fù)雜的高性能編輯器，保證基礎(chǔ)編輯器性能的同時(shí)，滿足設(shè)計(jì)師日常精細(xì)化的設(shè)計(jì)需求、團(tuán)隊(duì)的協(xié)作需求，也要融入 AI 能力，為設(shè)計(jì)師和設(shè)計(jì)團(tuán)隊(duì)提效。
這一次，UI設(shè)計(jì)可能真的迎來(lái)了自己的“GPT時(shí)刻”。
不做“玩具”，做“工具”，Motiff妙多團(tuán)隊(duì)有獨(dú)到的AI落地產(chǎn)品思路
為什么AI 在 UI 界面設(shè)計(jì)上的工具到現(xiàn)在才有產(chǎn)品化的輸出？尤其是和早早得到認(rèn)可的Stable Diffusion、Midjourney等產(chǎn)品比較。
因?yàn)閯?chuàng)意設(shè)計(jì)是利用AI的優(yōu)點(diǎn)：通過(guò)概念實(shí)現(xiàn)靈感和構(gòu)思的發(fā)散。
而界面設(shè)計(jì)（UI）則是在克服AI的缺點(diǎn)：滿足具體目的復(fù)雜業(yè)務(wù)的實(shí)現(xiàn)需求。
相較于創(chuàng)意設(shè)計(jì)，UI 界面設(shè)計(jì)的目的性會(huì)復(fù)雜得多。除了單純的界面美觀，更要去關(guān)注用戶的使用體驗(yàn)，并且結(jié)合數(shù)據(jù)進(jìn)行優(yōu)化，這就讓設(shè)計(jì)變得不那么“純粹”。
例如，一個(gè)在線旅行預(yù)訂平臺(tái)的首頁(yè)，需要在提供視覺吸引力的同時(shí)，綜合考慮并實(shí)現(xiàn)多種功能，如目的地搜索、價(jià)格比較、個(gè)性化推薦、預(yù)訂流程、客戶服務(wù)、多語(yǔ)言支持、安全支付、狀態(tài)更新、社區(qū)互動(dòng)以及移動(dòng)適配等。
每一個(gè)界面都可能需要滿足用戶不同場(chǎng)景下的多個(gè)訴求。更不用說(shuō)每個(gè)場(chǎng)景/行業(yè)還有自己特定的設(shè)計(jì)語(yǔ)言和調(diào)性。這就要求設(shè)計(jì)師在繁瑣設(shè)計(jì)的工作中，依然要保持對(duì)組件、模塊、頁(yè)面、流程、功能及應(yīng)用的精細(xì)判斷和創(chuàng)意。
同時(shí)，公司級(jí)的UI設(shè)計(jì)工具不僅僅要面對(duì)一個(gè)UI設(shè)計(jì)師，而是要面對(duì)一個(gè)完整的UI設(shè)計(jì)團(tuán)隊(duì)。從產(chǎn)品邏輯到交互模式，AI時(shí)代的UI工具需要基于深入的用戶洞察和對(duì)業(yè)務(wù)邏輯的細(xì)致理解。公司級(jí)別的UI設(shè)計(jì)團(tuán)隊(duì)不僅僅需要看起來(lái)酷炫的AI技術(shù)能力，而是一套能切實(shí)解決問(wèn)題的AI解決方案。
因此Motiff妙多整個(gè)團(tuán)隊(duì)，包括產(chǎn)品人員、研發(fā)人員、AI科學(xué)家都去深入地了解企業(yè)UI設(shè)計(jì)團(tuán)隊(duì)的使用場(chǎng)景，看用戶真正需要的是什么，再看AI技術(shù)怎么樣匹配產(chǎn)品，回歸用戶場(chǎng)景去做更好的產(chǎn)品。
此次發(fā)布的Motiff妙多產(chǎn)品AI功能則包括3個(gè)方面：
1.AI設(shè)計(jì)系統(tǒng)：將設(shè)計(jì)團(tuán)隊(duì)從繁瑣的整理工作中解救出來(lái)
設(shè)計(jì)系統(tǒng)是企業(yè)設(shè)計(jì)團(tuán)隊(duì)為了保持風(fēng)格統(tǒng)一和設(shè)計(jì)一致性而采用的一套復(fù)雜的實(shí)踐，它通常包含大量的組件和設(shè)計(jì)規(guī)范。盡管設(shè)計(jì)系統(tǒng)對(duì)于提升設(shè)計(jì)效率和保持品牌一致性至關(guān)重要，但隨著時(shí)間的推移，它們可能會(huì)變得臃腫、過(guò)時(shí)，難以維護(hù)。這導(dǎo)致維護(hù)設(shè)計(jì)系統(tǒng)需要投入大量的人力和時(shí)間，有時(shí)甚至需要設(shè)計(jì)團(tuán)隊(duì)暫時(shí)放下手頭的工作去進(jìn)行繁瑣的整理工作。
Motiff妙多的AI設(shè)計(jì)系統(tǒng)為解決這些痛點(diǎn)提供了全新的解決方案。它通過(guò)三大功能創(chuàng)建、維護(hù)和一致性檢查來(lái)幫助設(shè)計(jì)團(tuán)隊(duì)更高效地搭建和維護(hù)設(shè)計(jì)系統(tǒng)。
創(chuàng)建：AI設(shè)計(jì)系統(tǒng)可以幫助中小型設(shè)計(jì)團(tuán)隊(duì)快速搭建和維護(hù)高效的設(shè)計(jì)系統(tǒng)，簡(jiǎn)化設(shè)計(jì)師的工作流程。
維護(hù)：AI設(shè)計(jì)系統(tǒng)可以大幅提高維護(hù)設(shè)計(jì)系統(tǒng)的效率。它能夠快速生成界面清單，幫助設(shè)計(jì)團(tuán)隊(duì)檢查每個(gè)組件或樣式的使用情況，從而及時(shí)更新設(shè)計(jì)系統(tǒng)。
一致性檢查：AI設(shè)計(jì)系統(tǒng)通過(guò)智能檢查幫助設(shè)計(jì)師輕松校準(zhǔn)規(guī)范，確保所有設(shè)計(jì)成稿都遵循設(shè)計(jì)系統(tǒng)。它引入了文本樣式、顏色樣式和組件等三種類型的檢查器，有效解決了人工檢查的準(zhǔn)確性和效率問(wèn)題。
2.AI工具箱：基礎(chǔ)設(shè)計(jì)工具可被AI重新定義
Motiff妙多的AI設(shè)計(jì)系統(tǒng)通過(guò)深入觀察設(shè)計(jì)師的日常操作，開發(fā)了兩大核心功能：AI復(fù)制和AI布局，旨在提高設(shè)計(jì)效率并簡(jiǎn)化設(shè)計(jì)流程。
AI復(fù)制：
設(shè)計(jì)師在產(chǎn)品界面設(shè)計(jì)中經(jīng)常需要進(jìn)行重復(fù)操作，尤其是通過(guò)“復(fù)制-粘貼”來(lái)實(shí)現(xiàn)設(shè)計(jì)元素的復(fù)用。
Motiff妙多的AI復(fù)制功能通過(guò)學(xué)習(xí)設(shè)計(jì)語(yǔ)言，能夠自動(dòng)填充文本和圖形，省去了設(shè)計(jì)師手動(dòng)調(diào)整的步驟，顯著提升了工作效率。
AI布局：
設(shè)計(jì)過(guò)程中，界面布局是一個(gè)高頻場(chǎng)景，設(shè)計(jì)師往往需要花費(fèi)大量時(shí)間進(jìn)行元素對(duì)齊和布局。
自動(dòng)布局功能雖然提高了結(jié)構(gòu)化布局的效率，但在需要自由設(shè)計(jì)或修改他人界面時(shí)，過(guò)于嚴(yán)格的結(jié)構(gòu)化布局反而成為了束縛。
Motiff妙多的AI布局功能提供了自由設(shè)計(jì)和結(jié)構(gòu)化設(shè)計(jì)之間的靈活切換，允許設(shè)計(jì)師根據(jù)需求快速在兩種模式間轉(zhuǎn)換。
3.Motiff妙多實(shí)驗(yàn)室：探索面向未來(lái)的設(shè)計(jì)新方式
Motiff妙多在其實(shí)驗(yàn)室功能中引入了AI生成UI和AI魔法框兩項(xiàng)創(chuàng)新技術(shù)，旨在通過(guò)AI技術(shù)提升設(shè)計(jì)師的工作效率和創(chuàng)造力。
AI生成UI：設(shè)計(jì)師描述意圖，AI快速呈現(xiàn)方案
它的目標(biāo)是為設(shè)計(jì)師提供設(shè)計(jì)靈感，并在指令遵循和設(shè)計(jì)美觀性兩方面達(dá)到良好的表現(xiàn)。
例如，輸入“一個(gè)用于搜索和查看音樂(lè)類型的音樂(lè)app的發(fā)現(xiàn)頁(yè)”，AI能夠生成包含搜索欄和音樂(lè)類型搜索等模塊的UI界面。
AI魔法框：設(shè)計(jì)師勾勒意圖，AI 完善意圖的呈現(xiàn)
這是一個(gè)更先進(jìn)的概念，它允許設(shè)計(jì)師通過(guò)繪制框來(lái)表達(dá)設(shè)計(jì)意圖，AI將根據(jù)框的大小和位置關(guān)系來(lái)解析設(shè)計(jì)師的意圖，并生成相應(yīng)的設(shè)計(jì)元素。
魔法框的具體能力包括：召喚組件、替換組件文本、召喚文本、布局一步到位，這些功能旨在簡(jiǎn)化設(shè)計(jì)流程，讓設(shè)計(jì)師能夠更直觀、高效地進(jìn)行創(chuàng)作。
Motiff妙多同時(shí)是國(guó)內(nèi)首家自研圖形渲染引擎的設(shè)計(jì)軟件，在滿足AI功能的同時(shí)保證UI設(shè)計(jì)工具的基礎(chǔ)功能流暢。
UI設(shè)計(jì)師工作模式革新：未來(lái)，設(shè)計(jì)師與 AI 不是“上游交付下游”，而是“圓桌共建”。
在AI時(shí)代，設(shè)計(jì)工具市場(chǎng)正在經(jīng)歷一場(chǎng)變革。AI技術(shù)的發(fā)展不僅提高了設(shè)計(jì)工作的效率，更帶來(lái)了生產(chǎn)力的變革。
AI工具與設(shè)計(jì)師的協(xié)同：隨著AI技術(shù)在UI設(shè)計(jì)和生產(chǎn)方面的能力提升，設(shè)計(jì)師與AI設(shè)計(jì)工具之間的關(guān)系將變得更加緊密。AI可以承擔(dān)重復(fù)性高、標(biāo)準(zhǔn)化程度高的設(shè)計(jì)任務(wù)，而設(shè)計(jì)師可以專注于更復(fù)雜、創(chuàng)造性的工作。
市場(chǎng)方向轉(zhuǎn)型：設(shè)計(jì)工具市場(chǎng)將從效率市場(chǎng)轉(zhuǎn)變?yōu)樯a(chǎn)市常這意味著設(shè)計(jì)軟件為企業(yè)帶來(lái)的價(jià)值不再局限于提高工作效率，而是能夠創(chuàng)造更多的設(shè)計(jì)需求，同時(shí)節(jié)省人力成本，推動(dòng)生產(chǎn)力的變革。
創(chuàng)造新需求：AI設(shè)計(jì)工具能夠快速生成設(shè)計(jì)解決方案，這將激發(fā)更多的設(shè)計(jì)需求，尤其是在快速迭代和多版本測(cè)試的場(chǎng)景中。
AI時(shí)代的UI設(shè)計(jì)工具，不僅僅只是一個(gè)軟件。
長(zhǎng)遠(yuǎn)來(lái)看，AI將大幅度提升設(shè)計(jì)工具的價(jià)值，從而改變當(dāng)下UI設(shè)計(jì)行業(yè)的生產(chǎn)力和生產(chǎn)關(guān)系，為行業(yè)帶來(lái)數(shù)十倍甚至數(shù)百倍的價(jià)值增長(zhǎng)。
更重要的是，讓設(shè)計(jì)者擺脫繁瑣的工作，回歸設(shè)計(jì)本身。
