精選 · 開放 · 免費

Gymshark

這是一個優秀的範例,展示如何透過克制的 UI 設計來提升產品攝影,從而打造一個以產品為核心的電子商務網站。

ecommerce fitness
Gymshark 網站截圖

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

在 OpenDesign 中開啟

設計 DNA

視覺語言

嚴格單色調的 UI 層,由黑、白與中性灰構成,確保最大焦點落在充滿活力的攝影內容上。

版面結構

採用全幅主視覺圖片的寬幅編輯式版面,後接簡潔、結構化的多欄產品網格。

互動形態

快速、細微的微互動,包括快速色彩轉換與懸停時的輕微縮放變換。

動效規則

以功能為導向的最小化動態設計,優先考慮 UI 的快速回應性,而非裝飾效果。

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