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

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

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

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

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

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

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

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

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

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

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

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

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

chatGPT for UI UX design
英文版本
如何使用 ChatGPT 協助 UI/UX 設計:25 個範例帶你一起探索 (上) |
中文版本

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

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

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

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

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

如何使用 ChatGPT 協助 UI/UX 設計:25 個範例帶你一起探索 (上) |
英文版本
如何使用 ChatGPT 協助 UI/UX 設計:25 個範例帶你一起探索 (上) |
這樣的建議,大家給過嗎?

6. 尋找最佳的學習工具

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

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

7. 尋找最佳的設計資源

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

如何使用 ChatGPT 協助 UI/UX 設計:25 個範例帶你一起探索 (上) |
英文版本
如何使用 ChatGPT 協助 UI/UX 設計:25 個範例帶你一起探索 (上) |
中文版本有些許不一樣

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

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

如何使用 ChatGPT 協助 UI/UX 設計:25 個範例帶你一起探索 (上) |
英文版本
如何使用 ChatGPT 協助 UI/UX 設計:25 個範例帶你一起探索 (上) |
ChatGPT 中肯建議,絕無業配 😂

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

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

訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

Facebook
LinkedIn
Telegram
Twitter