如何利用AI做互動設計?北美互動設計師推薦10個顯著幫助UI/UX設計的AI工具!

iorics發表於2023-11-30

最近,人工智慧被推上了風口浪尖。大家普遍對於人工智慧的印象都是初步存在於京東倉庫貨物的分揀工作影片, 寬闊的儲物間,沒有一個工人,只有一個機器人在有條不紊地進行工作,他們的工作嫻熟,流程規範標準, 而且從來不出錯。大大節省了公司的人工成本,也提高了辦事效率。但現在,除了這些基礎崗位,知識型的工作也面臨著被AI 所替代的風險。比如說現在的醫生,是一個需要深厚醫學知識的專業職業這,然而,門診醫生的工作,也會被人工智慧完全替代,更驚訝的是,人類創造性的工作崗位也會被人工智慧影響。

於是我們用點選生成,QoQo 自動生成了非常完整的使用者調查,從使用者目標,使用者需求,使用者動機,使用者挫敗的地方,使用者任務,使用者機會。

如圖——同理,使用者的需求QoQo 在很短的時間內,完成了一個初步的調研,當然還有更多的使用者相關的內容,在這裡就不一一贅述,總體來看:作為使用者體驗專案的第一步,AI在使用者調研這一步能夠大大地幫我們節省時間,同時也更精準,更全面地瞭解這類使用者。

+02. Chatgpt

Chatgpt不僅僅是一個人工智慧聊天機器人, 他可以處理很複雜的語言工作,包括自動生成文字、自動問答、自動摘要等多種任務,利用這點特性,分析來自使用者研究的資料,以確定模式和趨勢,並做出資料驅動的設計決策。

第一步, 作為UX調研工具,ChatGpt 會從基本的使用者調研的方法開始告訴我們怎麼樣開始進行。

我們舉個例子簡單演示一下,比如:我們假設專案的業務是一個成立於北美的旅行社,提供全球範圍內的交通、酒店、景點、餐飲、購物等預訂服務。

第二步,於是我們可以讓他幫我們定義幫我確定這個旅行社使用者的目標受眾。

第三步同理,也包括讓Chatgpt 給出使用者影像。

當然這些只是簡單的一些演示,chatgpt 的優勢也體現在,當我們用它作為調研工具的時候,我們對於前期調研過程中任意存在疑問或者瞭解不透徹的地方都隨時提出疑問,獲取更詳細的答案。

UI 方面

+01. Unizard

是一種由人工智慧驅動的快速 UI 設計工具,本身的用途像是figma一樣用於原型創作的工具, 但是它有一個非常強大的功能是它可以透過掃描線框圖稿轉變成數字的線框圖。這樣可以節約我們在製作線框圖的時間。

可以透過Unizard掃描成數字版本的原型其次它可以將設計螢幕截圖轉換為可編輯的設計,所以我們可以來更細節的瞭解這個案例的視覺層次結構,字型,間距,顏色等等。

+02. Attention Insight

這是一個AI工具生成熱力圖來預測使用者最關注的部分我們可以使用這些資訊來最佳化您的設計並確保在網站或應用程式設計,對設計佈局進行分析,並根據使用者的地圖預測哪個元素最受使用者關注, 確認最重要的資訊是優先展示的。

+03. Claid

是一個圖片類工具,它可以幫助我們去編輯我們產品在網站上展示的圖片。

使用方法也就是我們上傳一張產品的圖片,它可以幫我們去掉背景,然後也讓Ai幫我們渲染一個適合產品的背景包括顏色,空間,材質等等。

+04. Pixelcut

Pixelcut可以使用 AI 生成的背景建立精美的產品照片,就像拍照一樣簡單。

+05. Let’s Enhance

作為UI設計師,我們經常會和圖片打交道,我們經常出現說想要圖片看起來很清晰銳利的,所以Let’s Enhance可以輕鬆得幫助你把低清晰度的圖片提高畫素,變成高畫質晰的圖片。

+06. Cleanup Pictures

這個工具幫我們在影像中刪除任何不想要的物件、人物或文字,只需將影像拖放,然後選擇你想要刪除的區域,就可以成功的刪除物件,並且保留圖片的背景。

+07. ColorMagic

這個Ai工具可以讓我們根據關鍵字或心情建立調色盤,只需輸入關鍵字並點選生成,調色盤就會準備就緒然後方便我們運用到UI 的色系搭配中。

程式碼/developing 階段

+01. Supercreative

在各種各樣的設計工具所產出的設計原型和真正的能夠使用的產品之間其實是差很多的, 而supercreative推出的figmake能夠幫助在設計師可以幫助設計師從沒有程式設計的網站,編寫程式碼,從而將產品落地。

同時他還有很多其他的資源,比如說對於自由職業者,為他們的專案和工作內容定價。同時也提供各種各樣的設計靈感。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70035492/viewspace-2998163/,如需轉載,請註明出處,否則將追究法律責任。

相關文章