精选 · 开放 · 免费

Gymshark

一个优秀的、以产品为中心的电商网站范例,在UI设计中运用克制手法,以提升产品摄影的表现力。

ecommerce fitness
Gymshark 网站截图

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

在 OpenDesign 中打开

设计 DNA

视觉语言

严格的单色UI层,由黑色、白色和中性灰构成,确保最大程度聚焦于充满活力的摄影内容。

布局结构

宽幅的编辑式布局,采用全出血主图,后接清晰、结构化的多栏产品网格。

交互形态

快速、细微的微交互,包括快速的颜色过渡和悬停时的轻微缩放变换。

动效规则

最小化且功能性的动效,旨在实现快速的UI响应,而非装饰性效果。

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