웹 또는 앱서비스의 디자인을 클론(clone)해봅니다. 이를 통해 피그마 기초 실력 향상과, UI/UX에 대한 이해를 갖추고 좋은 서비스를 보는 눈을 길러봅시다.
•
강의를 완주하셨다면, 여러분들은 모두 클론을 할 수 있습니다!
◦
혹시 완주하지 못하셨더라도 아래 가이드를 따라 차근차근 진행해봅시다.
•
강의에서 배운 컴포넌트(필수)와 유저 플로우(선택)를 적용해봅시다.
•
진행 순서와 함께 예시가 첨부되어 있는데, 이는 편의상 작성되어 있는 부분이며 절대적인 ‘정답’ 은 아닙니다. 여러분이 공부하며 생각하시는 바를 나타내주세요!
진행 순서
1.
디자인 클론을 진행할 웹/앱을 선정합니다.
2.
내가 선정한 웹/앱을 뜯어보고 간단하게 설명을 작성해봅시다.
a.
분야
b.
핵심 서비스
•
ex) SRT : 기차 예약
•
ex) 카카오톡 : 메신저
c.
주요 기능
ex) 카카오톡
d.
•
강의에서 배운 내용을 활용해보세요.
•
강의의 내용이 충분치 않을 수 있어요. 그럴 때는 구글링을 적극 활용해주세요.
유저 플로우를 그리기가 막막하다면, 아래 내용을 참고해볼까요?
3.
선정한 서비스에서 어떤 부분을 클론할 지 정합니다.
a.
메인화면 필수
b.
핵심 서비스 필수
c.
나머지 모든 서비스 선택
4.
클론 디자인을 진행합니다.
클론 디자인 Tip!
혹시, 내가 클론한 페이지를 개선해보고 싶으신가요? 선택
•
클론이 완료된 후에 진행해주세요!
•
내가 생각하는 개선 아이디어 방향을 러프하게 스케치나 메모로 표현해봅시다.
•
피그마에 직접 디자인을 진행해보세요.
•
Before / After 로 피그마에 배치하여 정리해주세요.
•
왜 그렇게 디자인 했는지에 대해 작성해보세요.
참고 아티클