[미니프로젝트] Chapter 2. UI 구조 분석 기반의 클론디자인(3)

24.01.23(화)~01.29(월)
"B03 우대(우리는 대머리조)"
(팀장)이호균 (팀원)송민진, 안지선, 장민준

---

- 2024.01.25(목)
미니프로젝트 쳅터2. UXUI 디자인 입문, Figma활용법 강의를 토대로 팀원들과 본격적 협업을 시작했다.
발제내용은, UI 구조 분석 기반의 클론 디자인이다. 클론 디자인의 뜻을 살펴보자면 아래와 같다.
(1) 실제 존재하는 앱/웹 서비스 화면을 동일하게 그려보는 작업하기
(2) 단순히 따라하기 보다는, Web, iOS, Android 각 디바이스 환경에 맞는 규격이나 표준을 공부하기
(3) 어떻게 구성했을 때 가장 사용성이 뛰어나고 UI/UX적으로 좋은 디자인인지 고민해보기

오늘은 계획대로 클론 디자인을 진행했다. 오전부터 하루종일 클론 디자인에 시간을 할애 했다.
그런데 생각보다 진도가 많이 나가지는 않았다. 아주 디테일하게 클론을 진행한건 처음이었다. 제시된 예시에 맞추어 스페이싱 작업도 같이 진행하면서, 아이콘도 펜툴로 직업 그리고, 캡처본과 똑같이 만들도록 작업했다. 진행하면서 새롭게 알게된 점은, 출시된 앱의 폰트 자간 수치였다. 그 수치가 일관되게 적용되는 것이 아니라, 영문과 한글의 수치가 다르고, 중요도 있는 글과 간략하게 흘리는 글의 자간도 또한 달랐다. 어느부분에서 어떻게 적용되는지는 아직 파악하지 못했으나, 이렇게 다양하게 자간을 활용하는 점을 알게되어서 좋았다. 실제로 앱을 만들면서 글자 하나하나 세심하게 신경쓴다는 사실을 알게 되었다. 좀 더 많은 클론 작업을 진행하면 시간 단축도 될 것이고, 몰랐던 부분을 새롭게 알게 되어 좋을 것 같다. 

👉🏻프로젝트 전체 일정
-23일(화) : 서비스 선정(APP), 서비스별 사용자의 핵심 행동 파악, 사용자의 서비스 이용 과정 제작
-24일(수) : 사용자의 서비스 이용과정 마무리, 해당 화면들의 UI 구조 분석, 클론디자인 시작
-25일(목) : 클론디자인 진행
-26일(금) : 클론디자인 진행, 발표자료 정리
-29일(월) : 과제 제출(10시), 발표&피드백(14시)
* 제출 : AI, 노션, 피그마 페이지

---

오늘의 할 일,
클론 디자인 작업 진행

클론디자인 (홈탭 맞춤 정보 페이지, 맞춤 정보 세부 페이지 + 프로필 페이지)

내가 맡은 부분인 홈 탭의 맞춤 정보 페이지와 맞춤 정보 세부 페이지를 클로닝했다. 하면서 재미있었고, 세심하게 작업 할수록 더욱 집중했다. 아이콘이 없는 부분은 펜툴로 작업했다. 글자 자간에 신경을 많이 썼다. 추가적으로 프로필 페이지도 작업 진행 중에 있다.
작업을 많이 하면 손이 더욱 빨라질 것이다.

내일은 클론 작업을 마무리하고, 팀원들과 함께 회의를 진행하기로 했다.