프로덕트디자이너 Hailey 일기장📝

TIL_1104_마켓앱 제작 스타트 본문

TIL

TIL_1104_마켓앱 제작 스타트

Hailey_l 2024. 11. 4. 20:44

<4일 동안 마켓앱을 제작하는 개인 프로젝트 과제 오늘 스타트>

컨셉 구상과 참고 자료 서치

1) 첫 번째 단계: 앱의 전반적인 느낌을 잡기 위해 다양한 레퍼런스를 찾아보고, 간결하면서도 친근한 사용자 경험을 제공하는 것을 목표로 하고 있습니다. 

 

2) 나만의 아이디어 구현: 레퍼런스를 참고하긴 했지만, 현재는 제 머릿속에 있는 아이디어에 따라 작업하는 게 더 효율적으로 느껴져 와이어프레임 그리다말고 바로 홈페이지 제작들어갔습니다. 개인 플젝이니까요

 

홈 화면 시안 제작

1) 첫 시안 작업: 오늘은 홈 화면에 대한 기본적인 구상을 시작했습니다. 홈 화면이 사용자에게 주는 첫인상이 중요한 만큼, 원하는 컨셉의 마켓 앱의 느낌을 담으면서도 간편한 레이아웃을 고민하고 있습니다.

2)디자인 키트: 키트를 활용해 앞으로의 화면 구성 요소들을 기간내에 업데이트하고 발전시킬 계획입니다.

3)아이콘도 넣어야해서 내일 아이콘 넣구 서브페이지 제작 들어갈 예정입니다. 오늘 앱 제작하면서 전보다 발전한 느낌이 듭니다ㅎㅎㅎ

 

피그마 오토레이아웃과 디자인 시스템 적응하기

1)초기 적응 과정: 피그마의 오토레이아웃 기능에 계속 익숙해지는 중입니다. 익숙해질수록 작업 속도도 빨라지고, 보다 효율적으로 화면을 구성할 수 있음을 느끼고 있습니다.

 

2)디자인 시스템 기초 활용:

현재 디자인 시스템도 함께 만들어가고 있습니다. 피그마의 오토레이아웃에 점점 익숙해지면서 더 효율적인 작업 방식을 배우고 있죠. 구성 요소와 스타일들을 차근차근 정리 중입니다. 개인 작업인 만큼 다 완성되지 않았기에~캡처본은 모자이크로 가렸어용, 피그마 기초 강의듣다가 실제 제작해보니 넘 좋은것 같습니다. 즐겁게 제작했어요

 

오늘의TIL 끝

'TIL' 카테고리의 다른 글

TIL_11.06_마켓앱  (4) 2024.11.06
TIL_1105_마켓앱_서브화면 제작  (0) 2024.11.05
TIL_OS에 따른 UI/ 와이어프레임  (0) 2024.10.31
TIL_컴포넌트  (0) 2024.10.30
TIL_디자인 시스템  (2) 2024.10.29