小專案

做著玩的東西,有的有用,有的純粹好玩。

如果你想聊聊,不管是品味、AI、創業、或任何你正在想的事,歡迎約一杯咖啡。

Let me know how I can help you.

預約 Coffee Chat

Figma 設計特色

Figma 的設計語言以純粹的黑白介面搭配鮮豔的漸層色塊為標誌。以下用這個頁面的內容,展示三個標誌性的設計模式。

Monochrome + Gradient

Figma 的核心視覺張力 — 介面永遠是純黑白,色彩只出現在漸層 hero 區塊。兩者並置時,克制與活力的對比讓人一眼認出。

Interface Chrome
Black & White
#000000 和 #FFFFFF,沒有灰階捷徑。所有 UI 元素只用這兩色加上透明度。
Pill Button
Hero Section
Vibrant Color
Green, yellow, purple, pink — 色彩只在這裡爆發,讓漸層成為視覺焦點。
Glass Button

Variable Weight Scale

Figma 使用 Inter 的可變字重,從極輕的 300 到粗體 700,每一級都有精確的用途。以下展示五個關鍵字重。

Lightweight typography
300
Subtle distinction
340
Regular body text
400
Semi-bold emphasis
540
Bold headings
700

Dashed Focus

Figma 編輯器中的選取框是虛線(dashed),這個視覺語言延伸到 focus outline,形成獨特的品牌識別。以下比較 dashed 與 solid 兩種 focus 風格。

Figma Dashed
Button

2px dashed outline, 3px offset

Standard Solid
Button

2px solid outline, 3px offset