prototype2 Figma로 GNB 만들기(인터랙션, 호버 효과, 클릭 효과) 이번주 내내 나를 괴롭힌 피그마로 GNB 만들기. 클릭(or 터치)했을 때 선택된 아이콘의 컬러를 변경하면서 페이지 이동이 되게 만들고 싶었는데, 딱 원하는 방법을 알려준 곳이 없었다. 이것저것 시도해보다가 내가 찾은 방법을 공유해보고자 한다. Tab하면 컬러가 바뀌는 GNB 만들기 1. GNB에 사용될 아이콘을 모두 가져와 componet로 만든다. 이렇게하면 아이콘이 들어가는 다른 컴포넌트에서 쉽게 아이콘 교체를 할 수 있어서 편하다. 2. text와 icon을 사용하여 메뉴에 들어갈 메뉴 아이콘 컴포넌트를 만든다. text와 icon은 오토레이아웃(shift+A)을 사용해 프레임으로 만들어줬다. 3. 메뉴 아이콘 컴포넌트를 메뉴의 갯수만큼 복사한 후, 오토레이아웃으로 정렬을 맞춰 GNB를 만든다. .. 2023. 12. 17. [코드스테이츠 PMB_17기 W3] 무신사 스토어 MVP 기획 지난주 과제를 통해서 온라인 쇼핑 시장의 동향과 무신사 앱에 대해 분석해보았다. 이를 토대로 설문조사를 진행하여 무신사의 페르소나를 설정하고, Customer journey map을 그려 고객의 여러가지 페인포인트를 발견하였다. [코드스테이츠 PMB 17기_W2] 무신사 프로덕트 분석 쇼핑과 옷을 좋아하는 내가 대학생 때 부터 꾸준하게 잘 사용하는 어플이 있다. 바로 국내 온라인 패션 플랫폼에서 계속해서 좋은 성과를 내고 있는 무신사이다. 2021년 말에는 온라인 패션 플랫 life-of-jeein.tistory.com 이를 통해 내가 정의한 고객이 가진 가장 큰 문제점은 '무신사에서 원하는 상품을 찾는 것이 힘들다'였다. 이번주엔 해당 문제를 해결하기 위한 MVP를 기획해보려고 한다. ᅵ무신사 스토어 .. 2023. 2. 27. 이전 1 다음
