진행 기간: 1주차(20250303 ~ 20250309)

📖1주차 학습내용

• 디자인 토큰, 배리어블, 디자인 시스템에 대한 구조, 이름, 특징

• Color, Typography, Spacing/Size, Effect에 대한 구성, 네이밍, Scope 설정 방법

• Primitive/Semantic 배리어블, 스타일 직접 등록해보기

• Typography와 Shadow를 스타일에 연결하는 이유는 프로퍼티가 다양한 복합 배리어블이어서

• Spacing/Size 배리어블의 디자인 토큰은 티셔츠 or 숫자

• Fixed Grid(Center), Fluid Grid(Stretch)에 대한 차이점은 화면 크기에 따라 그리드 크기를 고정할지 비례하게 만들지

☺좋았던 점

• 플러그인 활용하여 오래걸리는 단순 작업들을 효율적으로 처리하는 방법을 배울 수 있었다.

• 배리어블을 등록하고 디자인시스템을 만드는 과정을 여러 step으로 나누어 가르쳐주셔서 실습하는데 큰 어려움을 느끼지 않았다.

   

   

😁잘한 점

• 원래 계획했던 시간에 강의를 들으려고 노력한 것.

  • 강의듣는 것으로 하루르 시작하면서 그 동안 엉망이었던 아침 루틴을 조금이나마 개선할 수 있었다.

• 미션에서 배리어블 항목들을 최대한 보기 편하게 문서화하는데 노력한 것.

  • Color 배리어블 미션에선 Print 플러그인 사용 후, 오토레이아웃 요소를 하나하나 뜯어 고쳐야만 했다.

  • Typography 배리어블 미션에서 강의에서 알려준 플러그인으로 문서화하기엔 적합하지 않아 새로운 플러그인을 찾으려 했고, 이미 등록된 스타일은 pc모드로 되어 있어 mobile모드에 맞춘 스타일을 새로 생성해야 했다.

😅아쉬운 점

• 계획대로 강의 수강과 미션을 다 끝내고 싶었는데 스타일가이드 문서화를 정리하다가 어려움을 겪으면서 오래걸린 것

• 강의를 보며 따라 만드는건 괜찮지만, 다른 방법이나 디자인에 맞춰서 작업하는데에는 어려움을 느끼는 것