4주차 [피그마 배리어블을 활용한 디자인 시스템 구축하기] 발자국 😘

일주일 동안의 나의 게으름 타파 작전!!

bold님의 강의 [피그마 베리어블을 활용한 디자인 시스템 구축하기]

수강 4주차(베리어블을 활용한 컴포넌트 조합해서 페이지 만들기/반응형 만들기/모드 적용하기👍)

• 이번주 나의 강의 ☑

  • 모드를 활용한 반응형 디자인/ 다중언어 화면 만들기 / 다크모드
    ✅ 로컬 베리어블에 멀티 브랜드 모드를 등록하기
    ✅ 각 브랜드마다 브랜드 고유 색을 나타내기
    ✅ 각 브랜드마다 브랜드 다크모드 만들기
    -> 브랜드의 구조에 대한 설명과 앞으로 만들어 나갈 브랜드들에 대한 설명을 듣고 실습을 하게 돼서 이해가 빠르게 된 것 같다. 그리고 멀티 브랜드용 다크모드를 간단한 조작으로 만들 수 있어서 너무 감동이었다.
    모드를 활용한 반응형 적용이나 다중어 화면 만들기도 실제로 배울 수 있어서 좋았던 것 같다. 베리어블의 활용이 얼마나 중요한지 깨닫게 되는 한 주였다.😋😋😋
    
    

  • 힘들게 만든 컴포넌트 적극 활용
    ✅ 컴포넌트를 활용하여 어드민 페이지 만들기
    ✅ 다크모드 버전 만들기
    -> 그동안 만들어 놨었던 컴포넌트들을 활용해서 어드민 페이지를 만들었는데 확실히 컴포넌트를 미리 만들어 두고 조합하는 단계라 시간이 많이 절약되는 것 같았다. 이래서 컴포넌트를 만들어 두는구나 ㅋㅋ🤩
    다 만들어진 페이지에 클릭 한번으로 다크모드 전환 멋졌다❤ 베리어블 등록할 때는 헷갈리기도 했는데 이렇게 한꺼번에 자동으로 적용하려고 그랬나 보다.

   

  • 다크모드와 반응형 반복 실습
    ✅ 컴포넌트를 활용하여 이러닝 페이지 만들기
    ✅ 다크모드 버전 만들기
    ✅ 반응형 모드 버전 만들기
    -> 다크 모드와 반응형 만들기를 반복해서 실습할 수 있었다. 한 번만으로는 부족한 것이 사실이라 나는 반복해서 나오는 게 도움이 되었다. 그리고 실무에서 사용할 수 있는 꿀팁!!으로 플러그인을 알려주셔서 너무 좋았던 거 같다. 노가다의 시간이 확실히 줄었다. 😁😁😁
    
    

  • 대망의 마지막 강의 모바일 OTT
    ✅ 모바일 OTT 서비스 페이지 만들기
    ✅ 다크모드 버전 만들기
    -> 그동안 반응형을 이용한 웹페이지만 만들었는데 마지막을 앱 화면을 구성하는 강의였다. 여기도 만들어둔 컴포넌트를 적극 활용하여 만들었는데 완성도가 꽤 괜찮은 거 같았다. 😀😀😀
     여러 번 실습을 거쳐서인지 적응이 되어서 만드는데 힘든 것은 없었던 거 같다.

     

• 강의를 들은 나의 회고 🙄

  • 이번 주가 마지막이라서 기쁜 마음과 마지막이라고 늘어지려고 하는 나를 강제로 일으켜 강의를 들은 거 같다. 마지막이라고 하니까 뭔가 아쉬움이 많이 남는 거 같기도 하고... 이번 강의를 들어서 나는 한 단계 나아진 거 같은 느낌이 들었고 이 강의를 선택하기 잘했던 것 같다. 추천추천 👍👍👍
    앞으로 좋은 강의 기대할게요 볼드님!!!!