inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[인프런 워밍업 클럽 Figma 2기] 프로덕트 디자인 3주차 발자국

rhrud0412
0

인프런 워밍업 클럽 2기 3주차

 

3주차 학습 내용

  1. 내비게이션 컴포넌트 만들기 : Link, Bredcrumbs, Tab, Bottom Nav, Pagination,

    Side Nav, Header, Carousel

  2. 베리어블 모드 활용(다크모드, 브랜드 컬러 지정 모드, 다중언어 지원화면)

  3. 컴포넌트 활용하여 이커머스 어드민 페이지 만들기

     

잘한점

아쉬운점

반응형 과제를 해보면서 예상한 방식으로 크기 조정이 되지 않는 부분이 존재했고, 상위 컴포넌트 auto layout의 설정을 확인하는 과정을 반복하게 되었다. 이를 통해 auto layout의 fill, hug 부분에 대하여 정확히 숙지하지 못했다는 생각이 들었다...ㅜ

 

전체회고 및 다음주 목표

한동안 컴포넌트를 배우고 만들다가, 만든 컴포넌트를 활용해서 반응형 페이지를 만들게 되어서 재미있었다.

그리고 베리어블 모드를 통해 상황에 따라 바꿀수 있다는 점이 신기하고 편해서

잘 활용해 볼 수 있도록 해봐야겠다는 생각이 들었다.

또한, 다음주가 마지막인데 꾸준히 따라온 만큼 마무리를 확실하게 하고싶다. 

UX/UI figma 디자인시스템 boldUX 워밍업클럽 프로덕트디자인

답변 1

1

볼드 UX

반응형의 꽃인 Fill, Hug, Constraints을 어려워하시는 분들이 많더라구요. 처음이 어렵지, 원리를 알고 계속하다보면 실력이 늘게 되실 것입니다.