큐레이션 · 오픈 · 무료

Gymshark

제품 사진을 높이기 위해 UI 설계에서 절제를 보여주는 뛰어난 제품 중심 전자상거래 사이트 사례입니다.

ecommerce fitness
Gymshark 스크린샷

원본 사이트: https://www.gymshark.com

OpenDesign 에서 열기

디자인 DNA

시각 언어

흑백 및 중립 회색으로 구성된 엄격한 단색 UI 레이어로, 선명한 사진 콘텐츠에 최대한의 집중을 보장합니다.

레이아웃 구조

풀블리드 히어로 이미지를 활용한 넓은 편집 스타일 레이아웃 뒤에 깔끔하고 체계적인 다중 열 제품 그리드가 이어집니다.

인터랙션 형태

빠른 색상 전환과 hover 시 약간의 스케일링 트랜스포메이션을 포함한 빠르고 미세한 마이크로 상호작용.

모션 규칙

장식적 효과보다 빠른 UI 응답성을 위해 설계된 최소 기능적 모션.

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