본문 바로가기
활동/내일배움캠프 UXUI 1기

[240111]UXUI디자인 개인과제 1차_가상의 커머스 앱 디자인하기

by 은애옹이 2024. 1. 11.

1/11

 

어제 개인과제를 제출하고 1차 완성본 기록한다.

게으름을 피웠는지 23시 55분쯤에 제출을 했다. 이렇게 빠듯하게 제출을 하다니... 다음엔 더 여유롭게 제출하도록 나만의 기한을 미리 정해야겠다.

 

https://www.figma.com/proto/vkQh9OOAeFrTyutzh94woz/%5BA13%EC%A1%B0_%EA%B0%9C%EC%9D%B8%EA%B3%BC%EC%A0%9C_%EA%B9%80%EC%9D%80%EC%95%A0%5D?page-id=0%3A1&type=design&node-id=1-4&viewport=50%2C273%2C0.42&t=pKG219GzSKpbs9bI-1&scaling=scale-down&mode=design

 

Figma

Created with Figma

www.figma.com

 

과제하면서 들었던 생각(?)

  • 컴포넌트랑 이미지를 묶어서 컴포넌트를 만들어야하는지 고민이 되었는데 이번에는 컴포넌트 따로, 이미지 따로 만들어서 그룹으로 묶고 각 개체마다 오토레이아웃으로 묶어서 간격을 조정하였다.

  • 상품 상세 화면에서 상품 갯수를 라디오버튼으로 만든 부분이 있는데 이 부분은 구매하기 버튼을 눌렀을 때 뜨는 창으로 만들고 싶었는데 시간이 없어서 내용안에 컨텐츠로 넣었다.-> 7주차 강의 듣고 디벨롭 해볼 것

  • 별점 후기 컴포넌트... 홈 화면에서의 사이즈와 유제품 목록 화면에서 사이즈를 다르게 주지 않았는데 괜찮을까? 유제품 목록화면에서는 별점이 너무 작아보이는 것 같아서 신경이 쓰인다. 

  • 홈화면의 카테고리, 컨텐츠(할인상품, 추천상품 등), 안내 배너간의 간격이 너무 좁은 건 아닌가?하는 생각도 든다.
    ->근데 이건 정보가 많은 커머스 서비스에서는 정렬, 그룹화만 잘 되어보이면 된다는 생각도 들고...

  • 보기좋게 디자인 시스템 정리하는 것... 시간이 없어서 묶기만 했는데 다른 분들은 어떻게 하셨는지 보고싶다.

  • 아이콘이 들어가는 컨텐츠마다 아이콘 사이즈를 막무가내로 조절한 부분도 있는데 이 부분이 후회가 된다. 마스터 아이콘에서 인스턴스로 가져와서 사이즈 조절한 것도 있던 거 같은데... 이 무슨 근본없는 행동이었나..!

  • 화면 상단 시계, 배터리 등을 나타내주는 Status Bar 와 고정되어야 하는 네비게이션 탭의 배경을 안잡아주니 스크롤했을 때 이미지들이 양 옆 여백 사이로 보였다. 그래서 배경에 흰 박스를 하나 넣었는데 다들 이렇게 진행하셨나..? 이렇게 해도 괜찮은지... 궁금했다. 

심화과제 중 비회원 구매 화면을 제작못했는데 오늘 내일 한 번 만들어 봐야겠다..ㅠㅠ!!!!!

지금 생각나는 건 이 정도이고 일단 7주차 강의를 듣고 다시 생각을 해봐야겠다..!
어제 과제 제출하고 운동 가려고 했는데~ 허허 오늘은 무조건 운동가야지..!

혹시 보시고 좀 어색하거나 이상한 부분이 보인다면 댓글... 달아주시면 감사하겠습니다😢