Industry

SaaS 與軟體產品的介面設計

產品團隊要的不是一份漂亮的 Figma 檔,是一套工程師能直接用的設計系統。我們交付代幣、元件庫與交接文件,不是圖片。

這個產業的網站,難在哪

設計稿和上線畫面永遠不一樣

根因通常是設計檔沒有代幣,工程師只能目測。改法是把間距、色彩、字級變成 Variables,並同步成程式碼。

每個工程師寫一套按鈕

三個月後有七種按鈕。這不是紀律問題,是缺少單一來源。

空狀態、錯誤狀態沒人設計

設計稿只有理想路徑。實際使用時,使用者花最多時間的是出錯之後。

我們知道、而一般設計公司不知道的事

設計系統從代幣開始,不從元件開始

先做元件會得到一堆無法組合的零件。先定代幣,元件自然會收斂。

交付要含 Storybook

沒有可互動的文件,設計系統會在兩個月內腐化。我們把元件文件視為交付物的一部分。

FAQ

常見問題

寫。我們交付 React 或 Preact 的元件實作,含型別與 Storybook。後端開發不在範圍內。

先聊 30 分鐘,判斷這件事該不該做

不用先準備簡報,也不用先想好預算。講清楚你現在卡在哪裡就可以。