iT邦幫忙

2025 iThome 鐵人賽

DAY 18
0
生成式 AI

「打造專屬小幫手:生成式 AI 的從零到一實戰」系列 第 18

UI/UX 初探:用 Flask / Streamlit 做簡單介面

  • 分享至 

  • xImage
  •  

當我們的小幫手後端功能都差不多跑起來後,下一步就會想:「那要怎麼讓別人用得更直覺?」這就是 UI/UX 的重要性啦。畢竟 CLI(指令列介面)很酷,但大部分使用者看到黑底白字就頭暈,還是需要一個好上手的介面。

這裡我有試過兩種方式:

  1. Flask:它是一個輕量級的 Python 網頁框架,適合自己設計前後端流程。如果你想要比較客製化的頁面,像是輸入框、查詢按鈕、結果區塊,都可以透過 HTML/CSS 搭配 Flask route 去實作。缺點是要寫比較多前端東西,對新手來說會稍微硬一點。

  2. Streamlit:這個超適合快速 demo!只要幾行 Python,就能跑出一個漂亮的互動介面。例如 st.text_input 就能做輸入框,st.write 就能輸出結果,完全不用操心前端的 HTML。算是研究型專案或快速驗證的神器。

UI/UX 的重點不是做得多炫,而是「簡單、好用、清楚」。像我們的小幫手,只要有個輸入框問問題,下面回覆 AI 的答案,再加一點美化,就已經很實用。

所以這一步算是讓 AI 小幫手從「工程師玩具」進化成「一般人也能上手」的關鍵。


上一篇
錯誤處理與日誌設計
系列文
「打造專屬小幫手:生成式 AI 的從零到一實戰」18
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言