What's this called?叫得出 UI 元件名稱,AI 設計才能精準溝通

用 AI 做介面設計,最重要的能力其實是「好好說話」。namethatui 是專為介面開發者整理的 UI 視覺化辭典,幫你把模糊的描述翻譯成正確術語,並提供可直接交給 AI 的提示詞。

本文目錄
  1. 一份 UI 視覺化辭典
  2. 直接給 AI 用的提示詞
  3. 使用情境

用 AI 做設計,最重要的技能其實是「好好說話」。UI 開發特別需要精準溝通,但我們常常叫不出元件的正確名稱,只能用一長串描述去形容,AI 也就容易誤解。

一份 UI 視覺化辭典

namethatui(What's this called?)是專為介面開發者整理的 UI 視覺化辭典,收錄 macOS 與 Web 的各種介面元件。它能幫你把這類模糊的描述,翻譯成正確的術語:

  • 「選單列圖示後面那塊淡淡的背景」
  • 「輸入框裡那段一打字就消失的灰色文字」(也就是 placeholder)

直接給 AI 用的提示詞

除了元件名稱,網站還提供可以直接丟給 AI 助手的提示詞。知道正確的術語之後,再搭配這些提示詞,就能讓 AI 準確理解你想調整的是哪一個元件。

使用情境

  • 請 AI 調整介面細節,但不確定該怎麼描述某個元件時
  • 撰寫設計規格或與設計師溝通時,統一用詞
  • 學習介面設計的專業詞彙

類似的資源還有很多,我們之後也會持續整理分享。

延伸閱讀