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

📖 1주차 - 학습 내용 정리

1. 피그마 배리어블과 디자인 토큰 개념 정리

• 피그마 배리어블과 디자인 토큰의 개념 다시 한번 정리하기

   

• Semantic이 중요하게 필요한 이유 Mode로 구분 가능하고, 로컬 베리어블 관리가 필요하기 때문

2. 배리어블과 파운데이션 세팅하기

• 색상, 타이포그래피, 간격, 선, 그림자, 그리드 등 베리어블 직접 등록해보기

• 다양한 효과(Effect) 알아보기, Drop Shadow외에도 다른 효과들도 사용해보기

• 높낮이(Elevation)는 UI 요소 간의 계층 구조를 시각적으로 명확하게 나타내고, 베리어블로 정리하면 유용

• 그리드 종류 Fixed Grid(centered), Fluid Grid(stretch), Hybrid Grid 살펴보기.

• 디바이스별 반응형 디자인 기준점(viewport) 정리해보고, Min width와 Max width를 지정해주기.

3. 유용한 피그마 플러그인들 적용해보기

💡 1주차 - 회고 및 느낀 점 

😆 좋았던 점

• 강의를 듣고 직접 실습하면서 배리어블 개념, 용어, 피그마 플러그인등을 정리할 수 있었던 점이 좋았다.

• UI3에 맞춰서 업데이트 된 강의를 들을 수 있는게 너무 좋았다. 이전에 강의 들을 당시 예전 UI와 다른점이 많아서 이해하기 어려운 부분들도 있었는데, 이번에 다시 정리하면서 들으니 너무 좋았고, 좀더 체계적으로 추가 업데이트 된 내용을 배울 수 있어서 좋았다.

😅 아쉬웠던 점

• 스터디 첫 주였는데 계획했던 것처럼 매일 강의를 듣지는 못했고, 정해진 시간에 아직 루틴화 되지 못한 점, 강의 따라가기에 바빠서 스타일가이드 문서화 정리까지는 제대로 못했던 점이 아쉽다.

😍 앞으로 바라는 점

• 다음 주부터는 정해진 시간에 조금씩이라도 매일 공부하고, 문서화 하는 부분도 염두해두면서 작업해보자 💪