精選 · 開放 · 免費

Glossier

值得納入作為「乾淨」現代 DTC 設計的典範,它將攝影與字體作為主要的設計驅動力,而非複雜的 UI 元件。

beauty ecommerce clean
Glossier 網站截圖

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

在 OpenDesign 中開啟

設計 DNA

視覺語言

以純白與純黑為主導的極簡色盤,搭配產品攝影帶來的柔和粉彩色調(尤其是粉色)以及用於低調文字的中性灰色。

版面結構

全寬度、以攝影為主導的版面配置,擁有大量留白,特點是巨大的字體標題覆蓋層與乾淨的、基於網格的內容區塊。

互動形態

標準的電子商務互動,為彈窗、輪播和區塊顯示提供流暢的透明度過渡效果,維持寧靜精緻的使用者體驗。

動效規則

細微且功能化,主要運用 ease-in-out 過渡效果處理字體大小、透明度與可見性的變化,以引導使用者瀏覽編輯流程。

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