活用 AI 進行 UI 設計的 4 個方向

AI 現階段已經能輔助 UI 設計了,視覺效果超吸睛啊!
目前 UI 設計師能用 AI 加快哪些設計流程呢?

Midjourney 是什麼

Midjourney 是目前我覺得最容易上手的 AI 繪圖服務,有 25 次免費試玩,對於完全不懂 AI 繪圖、想試試看的新手來說,是很不錯的入門選擇。

之前我寫過 Midjourney 註冊和基本使用方法,有興趣的可以先看這篇文喔!

人類的語言要講給 AI 機器聽得懂,需要一點小技巧,才能讓 AI 更精準畫出你腦海裡的模樣。

可以參考這篇文,學著怎麼讓指令更明確。

UI 設計的指令

網路上有很多 Prompt (指令),我自己使用下列這串:

ui design for [主題] application , mobile app, iphone, ios, Apple Design Award, screenshot, single screen, high resolution, dribbble

你可以試試看,把「主題」換成各種類型的產品名稱,當然要寫英文。

計程車服務

距離、車資、費用計算、優惠金額、地圖…等。

咖啡店

介紹飲料特色、咖啡豆的產地、價格等,甚至可以自己混合口味,完全客製化。

運動

你可以試著調整 UI 裡要顯示的文案,比如卡路里、步數、距離…等。

指定圖片主體物

想突顯產品特色的時候,會放入一些物品來加強閱者的聯想,比如生鮮超市想突顯蔬果真的很新鮮。可以加上更多物件關鍵字。

生鮮超市

生鮮超市主打「水果、蔬菜」很正常吧?圖片看起來越新鮮越好!
(雖然 AI 現在畫的水果都像是異世界產地直送。)

服飾電商

既然是服飾電商平台,模特兒穿著商品衣服的實拍照片、商品列表、尺寸等,基本款 UI 嘛。

配色方案

訂了 APP 是什麼主題類型之外,你應該會想要自訂色彩吧?可以試試在指令加上這段。

[XXX] color scheme

酒吧

這張圖我用了「beach style color」,配色歸配色,風格差異極大挺有趣的。

貨運快遞

我試了幾組不同的關鍵字,Forest 一下就會長很多樹出來哈哈哈,各位可以玩看看。

旅館訂房

glacier color scheme,效果很好,但我懷疑到底有多少機會替冰河附近的旅館做 UI 設計。

風格

如果配色也不能滿足你,還可以指定藝術風格、時尚流行,甚至藝術家、設計師、插畫家、漫畫家的名字。

天氣預報

Pop art,普普藝術,一個色彩鮮豔配色大膽圖案搶眼的天氣 APP 產生了。

通訊聊天

K-pop fashion,我承認試這個詞是為了看 AI 眼裡的韓系美人長什麼樣子…

Email

by Van Gogh,如果讓梵谷來設計 Email app 呢?感覺變成梵谷畫作配色的介面而已。

指定頁面

如果你想要指定 AI 設計哪個頁面,也只要多一句 Prompt 就可以了。
像是landing page、Profile Page 等等。

社群平台

社群平台的登陸頁設計,AI 畫得有模有樣的。

人力銀行

人力銀行的個人資料頁,就是自己履歷表的地方吧,放大頭照、自我介紹文等等。

沒告訴你的是…

上面我放的範例圖很美對吧?但我沒告訴你的是,每一張至少都算了 5 次,挑最美的那一組放出來。甚至因為效果不滿意,重新排列不同 Prompt ,算了十幾次的圖。

能產出美麗的圖一切靠人品運氣。

每張圖顏色對比強烈,視覺效果好,但我吃定你沒有認真分析每一個 UI 的元件和內容組成

你只要認真看,就會發現 AI 產出的元件和內容沒有太大意義。看不出前一頁、後一頁的關系,不知道這元件/內容打哪來的。

如果你是現職前端工程師,或是寫 IOS、Android 的工程師,對上面那些美美的 UI 圖應該會翻白眼。

「來啊!拿著 AI 產出的圖去找工程師討論切圖套程式串資料庫啊!」

我沒告訴你的是,Midjourney 目前出的是一張 jpg 圖,拿一張 Mockup 視覺稿 jpg 就要工程師寫程式你會被蓋布袋海扁。

AI 知道什麼是 UX 嗎?

目前 AI 不知道什麼是 UX,抽象的詞它不懂。

(叫你在 Prompt 輸入 usability 的是想嘗試什麼創意火花啊?)
(對醫生好用的 X 光機介面,讓我這種外行人來操作的話哪裡好用了?會死人的吧!)

使用者什麼情境使用這個產品?怎麼使用?目的是什麼?AI 不知道。
需求?功能?怎麼和工程師配合?AI 不知道。
怎麼從使用者訪談、提出需求、到開發產品?AI 不知道。

當然不知道啊!AI 只是項「工具」,使用這款工具的是「人」。

一週增加 100 萬人次下載量、還是一週課金總金額 100 萬元?AI 目前分不出目標差異,也就無法對應不同目標給出不同答案。

但「人」分得出這下載量和課金金額這兩個目標的不同,後續採取的作法絕對不一樣。

AI 產出的 UI 看著很厲害,但現階段只能看漂亮,幫助設計師在視覺設計階段的創意發想,距離開發實作還有一段距離。

但這個距離我猜年底或明年初大概就沒了,UI 的視覺設計慢慢會被 AI 取代是真的。

但「人性」部份嘛…AI 很難學會,所以未來 UI 設計的重心會移到互動設計、資訊架構等和 UX 有關的領域

已經預見的未來,現在就可以先做準備,設計師們快去學習 UX 吧,學習也是需要時間的。

Midjourney AI 繪圖教學系列

Akane Lee

Akane Lee

如果設計師能和工程師順利合作,那麼老公也就能準時下班了吧!因此努力分享 UI 和 UX 方面的知識、技術、各種踩過的坑與心得。

Comments

wave
comments powered by Disqus

Press ESC to close