Categories: UI/UX翻譯文章

如何使用 ChatGPT 協助 UI/UX 設計:25 個範例帶你一起探索 (上)

不要再無休止地辯論「AI 是否會取代設計師」?我們還是聚焦在實際的事情上吧~事實是,像ChatGPT 這樣的現有 AI 解決方案,就可能會成為我們日常工作任務上非常有用的支援工具。該工具所能提高的效率範圍會讓你感到驚訝。在本文中,你將會看到許多實際的範例(我非常確信,很快,你將無法想像沒有 ChatGPT 的設計過程!)讓我們開始吧!

1. 產生網站或區塊的文案

使用「lorem ipsum」雖然很簡單,但設計仍然感覺虛假。更好的方式是包含樣本文案,以便視覺化設計並向客戶展示初始版本。AI 工具可以生成相當不錯的文本內容範例:

英文版本
中文版本

注 (by wiki):lorem ipsum – 簡稱為 Lipsum,是指一篇常用於排版設計領域的拉丁文文章,主要的目的為測試文章或文字在不同字型、版型下看起來的效果。 中文的類似用法則稱為亂數假文、隨機假文。

2. 優化已經創建的文字內容

如果你感覺文字內容有點不對勁、不夠順暢,你可以請 ChatGPT 進行優化。

英文版本
中文版本

這邊就需要注意一下,優化的範圍有其限制,而且文字內容可能會開始變得非常普遍、通俗。

英文版本
中文版本

3. 獲取頁面佈局 (layout) 或 線框稿 (wireframe) 的靈感

時間緊迫?靈感頓時卡住了?使用 AI 人工智慧獲取特定 layout 的線框稿敘述(沒錯,用文字的方式描述 wireframe),釋放創意,產生新的設計想法。其中有些結果似乎出奇的好。

英文版本
中文版本

4. 針對特定應用程式或網站找出適當的可用性測試 (usability testing) 方法

選擇正確的可用性測試方法可大大優化產品。隨時都可以詢問 ChatGPT 推薦一些研究方法。

英文版本
中文版本

5. 給予一些優化你的設計流程的想法

如果你和我一樣,喜歡學習新事物並提升自己的技能,那麼 AI 工具可建議你探索新工作流程的方式,例如交接(handoff)。

英文版本
這樣的建議,大家給過嗎?

6. 尋找最佳的學習工具

設計產業變化十分迅速,新技術的可能性為各種工具提供了時機和機會。比如,詢問哪些工具適用於特定的設計目的(例如 AR 或 VR)且 ChatGPT 將建議一些解決方案。

英文版本
中文版本

7. 尋找最佳的設計資源

尋找高品質的資源,如設計系統套件 (design system kits) 或 UI 套件 (UI kits),對 ChatGPT 來說非常簡單。有趣的是,當我要求 AI 給我 Figma 的設計系統 (smart design system) 時,AI 列出了些許不錯的資源,包括了我為設計師創建的資源 – Prime Design System

英文版本
中文版本有些許不一樣

8. 尋出精進設計的新天地

對產品設計師而言,學習設計幾乎是家常便飯。AI 在尋找特定領域的新平台(資源)方面非常有幫助:

英文版本
ChatGPT 中肯建議,絕無業配 😂

本文章已獲得作者授權,翻譯自:How to use chatGPT for UI/UX design: 25 examples by Thalion,原文出處 blog.prototypr.io

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

Jeremy

喜愛藝術的浪漫卻又執著於理性的思考,常常把自己逼到令人無法理解的老胡同。最近專注於數據觀察與設計思維的交互驗證,期待兩者之間的激情火花。

Recent Posts

AI 協助繪製 LINE 貼圖,5分鐘內搞定?

現今社交通訊軟體已經成為人們生...

12 個月 ago

手機拿法也會影響介面設計 – 淺談拇指法則

拇指法則如果應用在近年的裝置上...

4 年 ago

Supr.Link 最安全的縮網址服務

不知道各位設計師、PM ......

4 年 ago