Sign In
Subscribe
👩🏻‍💻 클론디자인

[클론디자인] 29cm

전석희
이번에는 29cm 클론디자인을 진행했습니다.
진행한 페이지 : 메인 + 상품상세페이지
진행 방식
•
똑같이 따라그리기
•
좋은점, 아쉬운점 파악

클론 디자인

폰트는 웹에서 개발자모드로 봤을 때 campton은 유료폰트라 제외하고 apple SD Gothic neo로 진행했습니다.
아이콘의 경우 Help 아이콘 제외하고는 전부 똑같이 그렸습니다.
이번에는 가볍게 홈화면과 상품상세페이지를 따라 그리기만 했습니다.
홈화면 처음에서부터 살짝 고민이 많았는데요...
옆에 두고 따라 그리기
배너가 있는 저 제일 상단 부분을 보면 아래의 배경이 현재 배너 이미지가 블러처리 된 것 처럼 보이고 밑으로 갈수록 조금씩 옅어지는 것을 확인할 수 있었습니다.
🧐
29cm 디자이너분이 어떻게 저 부분 작업을 진행했을지는 모르겠지만..
일단 최대한 비슷하게 보이게 작업을 진행했습니다. 그렇지만 아마 개발자가 보기에는 파악하기 어렵게 제가 디자인을 진행해서 작업하면서 정말 궁금했던 부분이었습니다.
모바일 앱에서 홈화면은 크게 배너, 베스트 상품 리스트, 큐레이션 상품 리스트, 메뉴별 큐레이션 이렇게 나뉘어지는 것을 확인할 수 있었고, 대부분 이미지 + 텍스트 + 상품카드리스트 섹션이 주를 이루고 있었습니다.
다음으로 상품상세페이지 클론 디자인을 진행했습니다.
하단에 상품 카드 부분에서는 홈에는 없던 "뱃지"가 있었고 홈과 동일하게 스와이프형태의 상품카드인데 크기가 조금 더 큰 것을 확인할 수 있었습니다. 어떤 차이로 사이즈를 정한건지 궁금했던 부분이기도하면서 굳이 다르게할 필요가 있었을까? 하는 생각도 들었습니다.
좋았던 점
•
전체적인 디자인이 큐레이션을 해주는 듯한 느낌이었고, 감각적이면서 29cm만의 느낌이 나서 좋았다. 잡지같은 느낌!
•
블랙톤 안에서 주황색으로 포인트를 준 점이 좋았다. 자칫 주황색만 쓰면 잘 보이지않거나 할테지만 블랙과 어울러지면서 정말 포인트가 되어 눈에 잘 보이는 것이 좋았다.
•
하단 네비게이션이 아래의 콘텐츠를 블러처리해주는 것이 29cm만의 느낌을 더 살리는 것 같았다.
아쉬운 점
•
스와이프형태의 카드가 20px정도 차이가 나는데 굳이 그래야했을까? 하는 점이 아쉬웠다.
살펴보면 가격부분의 폰트 굵기도 다르던데... 똑같이하는게 더 관리하기 쉽지않을까 하는 아쉬움?과 함께 이유가 있을텐데 어떤 이유일까도 궁금하다.
Subscribe to 'hilda'
Subscribe to my site to be the first to receive notifications and emails about the latest updates, including new posts.
Join Slashpage and subscribe to 'hilda'!
Subscribe
👍