![[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 4주차 발자국](https://cdn.inflearn.com/public/files/blogs/69d06390-8dbf-499b-b7c2-c107b1ac2b4a/워밍업 썸네일.png)
4주차 - 학습 내용 정리 1. B2B 이커머스 어드민 페이지 디자인 2. B2C 이러닝 페이지 3. 모바일 OTT 서비스 페이지 4주차 - 회고 및 느낀 점 😆 좋았던 점 사실 작년에 시작한 강의를 초반에 보다가 미루고 있었는데, 완강을 할 수 있었던 점이 진짜 최고로 좋았다. (완벽히 다 따라간 강의는 이 강의가 처음이다. 워밍업클럽 덕분이다.) 작년...
![[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 3주차 발자국](https://cdn.inflearn.com/public/files/blogs/0f3199d6-b046-4121-8f18-5bc297c1f3a5/워밍업 썸네일.png)
📖 3주차 - 학습 내용 정리 1. 피드백 컴포넌트 Alert, T oast, Progress bar, Spinner loader, Skeleton loader, Slot, Modal Progress bar의 길이가 적용되기 위해 Constraints → Scale 을 적용 Spinner loader를 위해 Ark 조정 및 프로토타입을 통해 적용해보는 것...
![[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 2주차 발자국](https://cdn.inflearn.com/public/files/blogs/66be02f4-5393-492a-b9ff-fdfc4bbe15b9/워밍업 썸네일.png)
📖 2주차 - 학습 내용 정리 1. 아이콘 Union + Flatten Selection 앤트맨 전략으로 확대후 수정 그 이후 사이즈 조정해서 아이콘을 컴포넌트화 Icon placeholder를 미리 만들어 놓고, 사이즈나 다른 아이콘으로 변경한다. 2. 인풋 컴포넌트 버튼 (button, icon button, button stack) 체크박스(chec...
![[인프런 워밍업 클럽 스터디 3기] 프로덕트 디자인 1주차 발자국](https://cdn.inflearn.com/public/files/blogs/ee846a6e-2982-4bed-aa6a-98578c98b312/워밍업 썸네일.png)
📖 1주차 - 학습 내용 정리 1. 피그마 배리어블과 디자인 토큰 개념 정리 피그마 배리어블과 디자인 토큰의 개념 다시 한번 정리하기 Semantic이 중요하게 필요한 이유 Mode로 구분 가능하고, 로컬 베리어블 관리가 필요하기 때문 2. 배리어블과 파운데이션 세팅하기 색상, 타이포그래피, 간격, 선, 그림자, 그리드 등 베리어블 직접 등록해보기 다양한...
