클론 디자인 하는 방법

1️⃣ 서비스 선택

• 본인이 진행하고 싶은 서비스를 선택합니다.

  1. 서비스를 직접 다운 받아 캡처를 해서 진행

  2. 스크린이 아카이빙 되어있는 사이트에서 이미지를 다운 받아 진행

     레퍼런스 | 디자이너스

     Lifeplus

     디자인 나침반 보관소

     Browse iOS Apps | Mobbin - The world's largest mobile app design reference library

     유아이볼 | 매일 하루에 한개씩 업데이트 되는 패턴과 친해져요!

     Screenlane

     UPA - 세상의 모든 UX 패턴

     디바운드 스페이스

  <aside> 🙏🏻 개인적으로 서비스는 지속적으로 업데이트 되고, 직접 써보면서 UIUX가 잘 설계되었는지 보는 게 많은 도움이 됩니다! 그렇기에 가능하다면 서비스를 직접 다운 받아 진행하시는 것을 추천 드립니다!

  </aside>

2️⃣ 클론 디자인 진행!

1. 본인이 선정한 서비스의 스크린샷을 피그마 화면 옆에 두고 진행합니다.

   

2. 직접 하나하나 따라 그리면서 클론 디자인을 완성합니다.

   

3️⃣ 클론 디자인 완료 후 간단한 회고

• 제공해 드리는 템플릿을 활용해 회고록을 클론 디자인 결과물 옆에 놔주시면 됩니다!
• 회고록 내용

  1. 진행한 서비스의 이름과 간단한 소개

  2. 진행한 스크린 디자인의 특징

     1. ex) 토스의 송금 스크린을 한 경우 → 토스의 송금 스크린으로 간단한 3D 그래픽과 누르기 쉬운 버튼 만으로 구성되어져 있는 클린한 스크린이다.

  3. 좋았던 UIUX 디자인

     1. ex) 항목들 간 간격이 적절하게 배치 되어있었다, 아이콘이 일관성 있게 잘 표현되었다.

  4. 아쉬웠던 UIUX 디자인-개선 방향

     1. ex) 텍스트의 크기가 너무 작아 가독성이 좋지 않았다. → 텍스트를 14px을 최소 폰트로 설정해 설계한다.

  5. 더 해보고 싶은 부분

     1. ex) 이번 스터디는 로그인 페이지를 했는데, 디자인이 잘 설계되어서 다른 스크린도 진행해 보고 싶다.