Notice
Recent Posts
Recent Comments
Link
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Archives
Today
Total
관리 메뉴

ssoy_story

[2주차] 웹/앱 클론 디자인 본문

UXUI 디자이너 교육[사전캠프]/2주차

[2주차] 웹/앱 클론 디자인

somi.log 2023. 11. 28. 22:47
더보기

 📖 내가 선정한 웹/앱 서비스의 디자인을 클론(clone)해봅니다. 이를 통해 피그마 기초 실력 향상과, 좋은 UI/UX에 대한 이해를 갖출 수 있습니다.

선정했던 웹/앱 서비스에서 파트를 하나 선택한다. ex) 홈 화면, 결제, 장바구니 등등…

해당 화면들을 모두 캡쳐하고, 피그마에 이미지를 삽입합니다.

클론 디자인을 진행합니다.

클론이 완료된 후에는, 내가 생각하는 개선 아이디어를 반영해 Before / After 디자인을 진행해보자!

강의에서 배운 내용을 사용해봅시다.


  1. 자주 사용되는 부분은 컴포넌트로 만들어봅시다.
  2. 유저 플로우를 그려봅시다.
  • 🗂 참고 아티클

[사용자 친화 웹] Figma로 KREAM 어플 클론하기

 

▣ 클론 디자인 이란?

클론 디자인은 이미 존재하는 앱/웹 페이지를 동일하게 따라 만들어 보는 작업을 의미합니다.
기존의 잘 만들어진 앱을 가이드 삼아 모방해서 만들어 보는 UX/UI 디자인 학습법으로 좋은 레이아웃과 구성을 자연스럽게 익히고 나아가 나의 디자인 실력 향상에도 도움을 준다..!

 

1. 웹 서비스 선정

2. 작업물 소개

3. 유저 플로우

4. 디자인 개선

 

 

[사용자 친화 웹] Figma로 KREAM 어플 클론하기 (velog.io)