AI 助攻 UI/UX 新境界
生成式 AI 的崛起
生成式 AI 技術自 2023 年初起，AI 不再 只是理論或紙上談兵，而是以各種應用方 式大量滲透到人們的生活與工作之中，引 發了一次革命性的產業巨變。這種改變對 於人類的生活帶來巨大的影響，也將逐漸 開啟一個全新的時代。然而許多人對於未 來工作，可能會由 AI 取代而感到恐慌， 但是，從更廣泛的角度來看，這樣的產業 革命，將會是人類提升生產力，並能更專 注於創新的一種契機。
AI 如何輔助視覺設計
在我所參與的團隊中，我們的設計工作主要分成兩大部份：一部份是視覺平面設計，這部份的工作內容主要需要與各種行銷活動進行協調配合；另一部份是公司產 品的介面設計。這兩種截然不同的設計工 作是否可以透過 AI 工具來進行輔助呢？ 答案毫無疑問是肯定的。
對於視覺設計部分，其設計內容的呈現方 式主要取決於設計目標和風格，並根據風 格來決定透過插畫、攝影或合成等不同的 呈現方式進行表現。這種設計需求也是全 球許多視覺設計師每天所需要面對的工作 內容。因此，世界上最大的設計軟體公司 Adobe 便開發出了 “Adobe Firefly” ，它 能夠幫助設計師根據給出的提示來生成各 種不同風格的圖像。
Adobe Firefly 可以透過文字描述自動生成高品質的影像，Adobe 在影像自動產生、擴充、抹除技術都相當頂尖
同時，新興的設計工具 Canva 也內建了 許多 AI 功能，它可以在平台創作的過程 中同樣提供指示，使得設計師可以畫出獨 具一格，不雷同於他人的設計作品。另一 個工具 Looka，則可以用於新創公司設計 Logo，並生成相對應的 Mockup，整個過 程可以直接快速完成。
而 Design.ai 則把以上的需求全部綜合在 一起，它能生成幾乎所有你能想到的設計 物，包括聲音、文字、照片、設計和圖像 等。在行銷視覺設計中，網頁設計也是一 個常見且可以被快速生成的類型，除此之 外，透過常用的介面設計工具 Figma，也 能自動生成真正可用的程式碼和動畫。
當你初期階段的需求僅為提出設計提案 時，最早受到大眾歡迎的 Midjourney 便 可以根據你的需求生成各種不同領域的設 計圖片，然而，這種設計多半只是 JPG 圖檔，更適合提案使用，而非實際工作時 使用的正稿。
AI 如何輔助產品介面設計
對於產品介面設計領域，AI 工具同樣扮 演了重要的輔助角色。其中，Uizard 是 一個涵蓋了介面設計流程的工具，包括從 Wireframe 到 Mockup，再到 Prototype 的設計檔案產出，它可以有效地提升設計 效率和準確性。使用者僅需提供風格和設 計要素，經過一些調整後，就能快速產生 設計檔案。
Uizard 可以透過手繪的草圖，直接產生 Wireframe 的介面，風格也 會根據你一開始定義的介面。( 右 )Uizard 根據描述與選擇自動產生 你需要的介面
在傳統的設計中，我們的確可能透過手繪 方式來快速生成 Wireframe。然而，有了 像 Uizard 這樣的工具，你可以直接將手 繪結果上傳，然後該工具就能幫你產生可 編輯修改的檔案。相同的，如果你拿到的 是一個不能編輯的介面設計圖稿，上傳後 也可以直接被轉換為可編輯的設計稿件。
除了 Uizard，市場上還有許多其他的工 具，例如 Galileo AI、Visily 等，可能都會 對你的工作有所幫助。甚至在設計師最常 用的工具平台之一 Figma 上，也有許多 開發者圍繞著該平台，研發出相應的 AI 生成介面工具，例如 uidesign.ai
在公司的產品開發過程中，由於辦公軟體 的多元性，以及使用者習慣的不同，設計 師經常需要根據持續反饋的使用者經驗， 思考解決策略並改進原有的使用介面。我 們都知道，UI 與 UX 雖然是兩個不同的專 業領域，但他們共同構成了產品使用者體 驗的重要部分，同時也是確保使用者順利 達成任務的關鍵要素。
目前的 AI 工具雖然在設計輔助工作上發 揮了重要的作用，但對於操作體驗的解决 方案建議或是真正的體驗處理，仍有待進 一步的發展與突破。我們需要認識到，生 成式 AI 目前的主要聚焦點，還是在提升 工作效率，以處理過去繁瑣且可能不那麼 受人們喜愛的一些工作。大家說科技始終 來自於人性，生成式 AI 的應用確實開啟 了人類一個新時代的里程碑。對人類來 說，他要解決的是取代你我現在的工作 嗎？以 AI 目前所處理的事情，AI 應該可 視為人類的工人，為何這麼說呢？
我們從生成式 AI 目前在設計上輔助的工 作來說好了，當設計師接收到一些設計需 求時，如果你作為一間企業，已經有一定
以往在設計專案時，業主都會希望乙方設計許多符合需求的稿供選擇。
我們從生成式 AI 目前在設計上輔助的工 作來說好了，當設計師接收到一些設計需 求時，如果你作為一間企業，已經有一定的識別系統需要遵守，其實在設計創意上 不適合衍生出不同的風格，而行銷計畫往 往要在一個時間點產生許多不同數位媒體 投放的規格，或是根據要舉辦的活動產出 各種印刷輸出品。這時候設計師在一開始 就已經被轉換成設計師以往最不待見的稱 呼” 美工” 這樣的角色，因為他只是在快 速大量生產不需要思考用什麼解決方法或 創意來創造更大觸及與眼睛一亮的效果。 而如果設計師的任務的服務對象為外部客 戶，往往會遇到客戶需要透過提案來掌握 客戶的目的與喜好，以往設計師會透過找 尋其他設計案例建立 Mood Board 進而 彙整出給客戶參考，然而客戶往往想要提 案能帶入客戶產業或相關情境，針對客戶 的需求進行多版本的設計。所以未被挑選 的設計就會成為浪費無用的設計，正面一 點的設計師可以將這些其他的設計稿，應 用於未來其他客戶的提案中。然而不免這 是一個需要短時間、又大量產出的討厭工 作，如果設計師可以針對一個特定題目， 花上合理的提案時間根據專業的互動，提 出對業主最適合的設計，那這個過程對設 計師來說絕對是喜歡而具有成就感的。然 而絕大部分的過程，老闆尋求利益最大 化，一定講求時間效率，這時候就是透過 AI 來產生提案設計的最適合時機。所以 AI 目前多半用於解決設計師以往不喜歡的 情境，能把時間投入到更有價值的根源規 範及創意產生。
而在產品介面設計中又應該是怎樣看待 呢？筆者個人認為，介面設計圈在 AI 尚 未出現前，就已經聚焦於快速生產介面， 過往最常見的 Mobile UI Design 多半會聚 焦於 Android 與 iOS 的 Guideline 進行， 如果是筆者工作的環境聚焦的工作用軟 體，減少工具有別於平台規定的視覺效果 甚至是操作模式是很重要的原則，網頁設 計圈根據網頁對象與目的，一樣會有常見 的規範塑造出整個人類習慣的模式，例如 Logo 的位置、登入的按鈕位置、選單的 位置和數量，因為效率與習慣有很關係， 減少使用者學習時間，順應使用者生為人 的習慣是重要的。只是在行動裝置上，多 半會連視覺風格都不需要太過著墨，透過 平台現成的 UI Kit 直接根據需求組合出常 見的呈現方式，會是最有效率也減少使用 者學習曲線的安全方案。
別於行動裝置的設計，筆者工作中專注 的辦公用軟體，多半以桌機電腦為平台操 作為主，較大的介面的載體多半為跨裝置 的網頁瀏覽器，所以並沒有如同行動裝置 平台需要根據不同裝置的平台規範來進行 設計的原則。話雖如此，依然需要根據常 見的使用者習慣來使初次使用軟體的使用 者可以快速上手。
那行動裝置上的介面設計一定就如此枯燥 乏味嗎？回歸到你設計的介面適用於怎樣 的目的，會有不同的答案，當你是設計遊 戲類型的 App，操作介面的個性化與風 格的跳脫，才能吸引使用者眼球，因為使 用者在接觸遊戲時，需要感受到遊戲創造 的與眾不同，當然樣板式的貼皮遊戲不在 此限。而網頁設計中，一些具有很高故事 性、行銷企劃上訴求讓人記憶深刻的視覺 設計策略，這種網頁多半會跟隨時代的設 計趨勢產生很多具創意的呈現，他希望使 用者停留在設計中，並產生印象深刻的感 受。
然而在筆者工作中團隊負責的辦公用工具 中，依然需要建立出統一的操作規範，在 規範中我們會定義出一些能提升使用者操 作成功的設計，解決過往介面設計中會遇 到的困擾，並透過使用者回饋持續思考新 的解決方案來提升使用體驗。
例如在叡揚雲端服務中的 Vital BizForm， 設計填寫表單的情境中，我們思考傳統表 單進入線上或電腦中填寫時，多半會重新
安排為垂直排列的表單設計，這樣的設計 在 UX 原則中是絕對必要的，但是在臺灣 企業數位化普及度還不高的時候，有些表 單依然需要依據稽核或使用者的習慣， 需要轉成列印出來的紙本，這時候如果 用線上垂直排列的表格進行列印，將會 產生大量的紙張，Vital BizForm 根據列 印的需要觀察傳統紙本表單的格式，發現 使用者多半會在 Word 上建立好一個多欄 位的表格，再一個一個合併儲存格。Vital BizForm 一樣透過一行一行的方式，提供 多種常見的編排格式可直接選擇插入，也 可以快速的複製或刪除欄位，提升使用者 在設計表單的速度。
而表單轉換到手機填寫時，系統依然會自 動轉換為手機填寫的直排列格式，回到電 腦或是要列印、觀看時，則是用紙張列印 的呈現方式來表現，企業數位化的過程是 漸進的，在表單填寫完後，我們也會呈現 出這次填表，約省下多少碳排放這樣的數 據，讓企業可以感受到自己在數位轉型的 過程中，也為環境盡了一份心力。這些設 計的細節，都是根據問題與商業角度，提 出新的解決方案，透過設計師的經驗與設 計策略階段性的讓客戶更容易接受從紙本 轉換到數位的陣痛期。
AI 的影響：解放人類的創造力
AI 能夠在介面設計、視覺設計工作中協 助設計師更快速、有效的減少不喜歡的流 程，但真正的創意或設計策略，未來或許 AI 能提供建議，但卻很難創造出人類還從 未有過的創意。例如 Apple iPhone 在動 態島上提出的創意，我們先不去討論這個
設計是否成功或好用，但這樣綜合硬體上 的缺陷透過介面設計轉換為優點的模式， 正是目前 AI 無法達成的，然而當人類創 造出這樣的創意後，正是讓 AI 可以持續 茁壯的資源。
前面聊到 AI 對人類來說，解決了人類工 作中不喜歡做的部分，長遠來說人類歷 史上古代的貴族透過奴隸的勞動力來執 行貴族不願意做的事情，而貴族可以享 受競爭、比賽、書畫等自我實現價值的 事情，而人權的重視後奴隸不再存在， 機械協助人類提升工作的效率讓資源或產能大幅提升，人類普遍透過工作體系 來交換金錢進入資本市場的規則中。這 個時代 AI 即是將原本白領階級工作中煩 冗不喜歡的部分解放的開始，當 AI 越來 越成熟可以達成更多任務時，或許人類 真的可以回到古代享受更精神面的遊戲 與自我實現的境地。