Next

Next

Let’s Talk

Let’s Talk

vivianhsiaouiux@gmail.com

About

About

About

Blog

Blog

Blog

©

2026

Vivian Hsiao All Right Reserved.

About

Blog

AI 導入設計工作流實務應用

AI 導入設計工作流實務應用

在一個短期行銷專案中，我們的設計團隊開始將 AI 技術融入工作流程，藉此評估其實際應用效果並探討未來工作方式轉變的可能性。
我在專案中擔任整合者的角色，負責將設計團隊製作的 AI 素材整合到最終的網頁設計稿中，同時協調各設計師間的工作內容，確保專案不僅符合既定需求，也能在期限內順利完成

在一個短期行銷專案中，我們的設計團隊開始將 AI 技術融入工作流程，藉此評估其實際應用效果並探討未來工作方式轉變的可能性。
我在專案中擔任整合者的角色，負責將設計團隊製作的 AI 素材整合到最終的網頁設計稿中，同時協調各設計師間的工作內容，確保專案不僅符合既定需求，也能在期限內順利完成

我的角色 ｜ 產品設計師（UIUX）

我的角色 ｜ 產品設計師（UIUX）

合作對象 ｜ 產品設計師（UIUX）*2、前端工程師 *1

合作對象 ｜ 產品設計師（UIUX）*2、前端工程師 *1

產品類型 ｜ B2C

產品類型 ｜ B2C

專案時長 ｜ 1.5 週（2025.03）

專案時長 ｜ 1.5 週（2025.03）

服務平台 ｜ 電腦、平板、手機版網頁

服務平台 ｜ 電腦、平板、手機版網頁

專案特性

專案特性

由於專案具有這些特性，讓團隊成員們可以更專注於討論如何用最小成本進行開發，也因此讓我們能夠在 1.5 週內就完成產品開發並上線

由於專案具有這些特性，讓團隊成員們可以更專注於討論如何用最小成本進行開發，也因此讓我們能夠在 1.5 週內就完成產品開發並上線

短期行銷專案

短期行銷專案

無維運考量

無維運考量

無維運考量

需求與流程單純

需求與流程單純

需求與流程單純

專案規模小

專案規模小

專案規模小

🎨

🎨

🎨

Max｜UIUX

Max｜UIUX

14:22

@UIUXs

@UIUXs

嗨大家！我在 Midjourney 做了這次主視覺要用的機器人，但是他的臉看起來很綠 😱😱😱，我試著修了下，順便把品牌色加進去了喔

嗨大家！我在 Midjourney 做了這次主視覺要用的機器人，但是他的臉看起來很綠 😱😱😱，我試著修了下，順便把品牌色加進去了喔

🤯

1

😂

2

🎉

1

我

我

14:22

感覺 Hero Section 可能需要更多素材，我這邊先試做了幾個不同姿勢的機器人！

感覺 Hero Section 可能需要更多素材，我這邊先試做了幾個不同姿勢的機器人！

Pepe｜UIUX

Pepe｜UIUX

14:56

太酷了吧！這也是用 Midjourney 做的？！

太酷了吧！這也是用 Midjourney 做的？！

我

我

15:02

不是耶，這次是用新工具 Google AI Studio 做的喔

不是耶，這次是用新工具 Google AI Studio 做的喔

Max｜UIUX

Max｜UIUX

15:12

現在感覺還有點時間，或許可以試試看做動態的素材（？

現在感覺還有點時間，或許可以試試看做動態的素材（？

Pepe｜UIUX

Pepe｜UIUX

15:16

動態的素材要用在哪？？？

動態的素材要用在哪？？？

我

我

15:23

可以用在 Loading！

🤯

1

😂

2

🎉

1

Pepe｜UIUX

17:01

喔喔那我好像可以用 Kling 試試！

這個前後要做到 loop 太難了，但最後有一幀看起來跟第一幀很像，應該可以剪到這邊就好？

🎉

5

我

17:30

覺得可以！看起來素材的豐富度足夠了，我接下來就把它們放到設計稿裡面囉！

@Front-End

設計稿完成了！登入頁的背景是動態的，我這邊有用 Cursor 做了一個 Prototype，但我發現速度和向量圖檔的變形量下 Prompt 改出來的效果不好，能不能幫我看看

home.html

style.css

main.js

👀

1

James | Front-End

22:30

上 dev 了，大家看看行不行

我

22:32

沒錯就是這樣！太讚啦！

我

22:32

沒錯就是這樣！太讚啦！

查看最新訊息

查看最新訊息

傳送訊息

# Team

4 members

Result

將七成的工作內容著重在專案前期和團隊成員談好工作範疇與分配，慶幸在這個階段大家就已經對齊開發方式，讓我們能夠在開發時程不變的情況下面對圖如其然的需求變更

將七成的工作內容著重在專案前期和團隊成員談好工作範疇與分配，慶幸在這個階段大家就已經對齊開發方式，讓我們能夠在開發時程不變的情況下面對圖如其然的需求變更

70

70

%

團隊共同討論規劃執行的方式

藉由 AI 工具的協助團隊加速了許多執行的速度，讓我們能夠更聚焦在前期就先討論好做法、釐清需求，大大降低了開發的不確定性，同時也能夠確保產出的品質

藉由 AI 工具的協助團隊加速了許多執行的速度，讓我們能夠更聚焦在前期就先討論好做法、釐清需求，大大降低了開發的不確定性，同時也能夠確保產出的品質

30

30

%

AI 工具實務產出

研發團隊的夥伴們運用各自職能與 AI 工具協作，在這次的專案中 3 位設計師各自將自己對 AI 工具的了解提供可以做哪些內容進行討論，最終由我負責統整大家所提供的內容到設計稿，並由人工進行局部微調，讓專案得以順利進行

研發團隊的夥伴們運用各自職能與 AI 工具協作，在這次的專案中 3 位設計師各自將自己對 AI 工具的了解提供可以做哪些內容進行討論，最終由我負責統整大家所提供的內容到設計稿，並由人工進行局部微調，讓專案得以順利進行