精選 · 開放 · 免費

Everlane

此網站是優秀的參考案例,展示了一個高度克制的單色調 UI,如何透過字體排印與攝影,有效呈現高級產品線。

ecommerce minimal
Everlane 網站截圖

原站: https://www.everlane.com

在 OpenDesign 中開啟

設計 DNA

視覺語言

色盤嚴格保持中性,僅使用白色、米白色與近黑色,偶爾搭配柔和的灰色,讓攝影作品提供所有色彩。

版面結構

版面採用乾淨、置中的網格,搭配充裕的留白,優先以全寬攝影主視覺開頭,再接續結構化的產品網格。

互動形態

互動效果含蓄,主要依賴透明度變化,以及在 hover 與點擊狀態下的簡潔過渡。

動效規則

動態效果極簡且功能導向,由短促、流暢的過渡組成,用於 UI 狀態變換。

en · zh-CN · zh-TW · ja · ko