App 介面設計

用 AI 做介面最大的問題不是做不出來,是做出來的每一個都長得一樣。

沒有設計概念的時候,AI 會選最安全的平均值:紫藍漸層、一樣的圓角陰影卡片、毛玻璃、預設字體、emoji 當圖示、套話文案。這些東西單獨看都沒錯,加在一起就是一眼認得出來的 AI 味。

解法是先給它一個概念再動手。下面第一份 Skill 就是做這件事的:先用程式檢測畫面有多少 AI 味(10 種樣式、0 到 100 分),再從一個真實物件找靈感、發散三個方向,做出 iPhone 尺寸、按鈕都能按的成品畫面,最後排成作品板並錄成影片。

另外兩份是給你抄手感用的。SMALLCAPS 的所有力氣都花在互動細節上:追游標的縮圖、磁吸按鈕、逐字升起的標題、⌘K 指令選單;WORLDVIEW SAAS 示範的是捲動怎麼驅動一個 3D 物件。兩份都有線上示範,可以一邊看一邊拆。

適合的 Skill

3 份

App 設計

常見問題

由程式檢查 10 種常見樣式,每種 10 分,加起來就是 0 到 100 的 AI 味指數。設計分數另外算,一半是程式檢查(AI 味、手機可用性、shader 有沒有畫出來),一半是 AI 依五個問題自評。

不需要。做出來的是可以在瀏覽器打開的 HTML 畫面,按鈕真的能按,不是靜態圖。要交給工程師時,交的是能跑的畫面而不是標註圖。

不會。Skill 在你自己的 AI 工具裡執行,所有檔案都留在你的電腦上。