[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 7일차 "Clone Design”

UX/UI 마스터 2024. 12. 18. 17:01

오늘은 제네시스 홈페이지를 클론해보는 실습을 진행했습니다.

클론 디자인

클론디자인 구축 완료된 서비스 중인 웹사이트와 앱을 따라 만드는 과정을 말한다.

- 목적: 디자이너의 업무 흐름을 빠르게 익히는 것. 실질적인 실무의 모든 과정, UI 툴 활용 스킬과 프로토타이핑, Hand-off 중심으로 공부한다. OS 환경의 가이드와 규칙을 충실하게 반영하여 UI를 만드는 방법을 익힌다.

- 배울점: 디자인 컨셉 표현, 타이포그래피 위계, 그리드 시스템, 레이아웃, 컬러

“좋은 디자인을 빠르게 습득하는 가장 좋은 지름길이다!”

그리고 참고는
이미지 크기는 2배로 만들어서 코딩할 때 사이즈를 줄인다. → 고해상도의 모니터를 위해서

제네시스 홈페이지

선생님이 클론할 웹 페이지로 제네시스 홈페이지를 선정해주셨습니다.

수업시간에 같이 홈화면 하나하나 따라해보았는데요.

생각보다 지킬 것들도 많고 은근 어려웠습니다!

그래도 비슷하게 화면이 구성되어져가는걸 보니 재밌었어요 ㅋㅋㅋ

제가 열심히 따라해본 클론 디자인입니다.

기기마다 크기에 따라서 달라지는게 조금 어려웠는데요,

다음 번에는 조금 더 정확하고 스타일 가이드도 두어서

진행해야겠다고 느꼈습니다!

본 후기는 [스나이퍼팩토리] 기업연계 실무 특화 UX/UI 디자인 마스터 과정 (B-log) 리뷰로 작성 되었습니다.