[본캠프 3주차] 월요일 TIL

11/04 일일 목표📝

디자인 카타 - 웹페이지

개인과제

 

---

 

 

📖 오늘 배운 내용

 

디자인 카타 시간에 웹페이지에 대해서 조사한것을 튜터님께서 보고 말씀해주셨는데, 너무 메인페이지만 찾아온 것 같다고 서브페이지도 뜯어보고 알아보면 좋겠다고 하셔서 내가 찾아본 웹페이지에서 서브페이지들 하나씩 찾아서 더 조사했다. 첫번째 메인페이지말고도 나머지 소개, 제품페이지도 찾아보고 공부해보니 도움이 된 것 같다

 

 

드디어 오늘부터 개인 과제 식료품커머스앱 만들기가 시작되었다!

첫 개인프로젝트라서 그런지 아이콘 하나 고르는데도 고민이 참 많이 들었다.

여러 레퍼렌스를 찾아봤는데 역시 비슷한 커머스 홈플러스, 컬리, 이마트몰, 쿠팡 이정도 찾아보고 와이어 프레임을 먼저 만들어봤다.

 

와이어프레임

 

하나 배운점, 홈 인디케이터는 보통 34px로 하단바 영역은 34px은 제외하고 그 위로 만들어야 한다는 점.. 난 투명해서 그냥 위에 겹치게 버튼 올려도 되는줄 알았지만.. 갤럭시같은 홈인디케이터는 밑에 공간을 차지하니까 당연한거였구나 깨달음 

 

레퍼런스 찾고, 와이어프레임 만드는데 3시간 정도 걸린 것 같다. 와이어 프레임은 솔직히 대충대충 만들어도 되는 것 같은데 너무 간격 맞추느라 오래 만들었나 싶기도 하다..ㅋㅋㅋ 그래도 간격,폰트,색상,아이콘 다 찾아놨으니 내일은 컴포넌트만 만들고 홈이랑 제품리스트 까지는 가능하려나.... 아직 디자인 디테일한 부분 더 생각해야 할 것 같기는 하지만.. 

오늘 와이어프레임도 만들고 정한 것도 많아서 큰산 하나는 넘긴 기분이다... 😂

 

 

---

 

 

👩‍🏫 오늘 진행하며 어려웠던 부분

 

처음부터 레퍼런스 찾고 하나부터 열까지 정하는 과정이 생각보다 오래걸린 것 같다. 시작전에는 금방 정하고 디자인 빨리 하면 되겠다고 생각했는데.... 간격이랑 폰트 하나하나 정하고 다른 레퍼런스 찾아보고 비교해보고 하면서 수정하고 .... 가이드 잡는데도 너무 오래걸린 것 같다. 모르는부분도 혼자서 해결해보려고 하는 경향이 조금 있어서 오래걸린 것 같기두..앞으로는 튜터님들께 질문해서 빠르게 해결해야겠다....!

 

 

---

 

👀 어려웠던 부분을 어떻게 해결했을까?

 

혼자서 이것저것 찾아보고 홈 인디케이터에 대해서 아무것도 몰랐는데 찾아보면서 새로운 점을 깨닫게 된 것 같다. 그리고 팀원들에게 얼마나 했는지 같이 이야기하는 시간도 가졌는데 좋은 것 같다!