CH4. UXUI 디자인 심화 - 7일차 TIL

✅241217

· 디자인카타(SaaS-피그마)

· 노코드 강의 3주차 / 과제

· 개인과제 진행 - 주제 선정 및 시안 그리기

· 개인과제 진행 - 디자인 시스템 세팅하기

---

📋 학습내용

 

• 디자인카타(SaaS-피그마)

 

보인다... 또 새벽에 몰래 내용 추가하는 내 미래가..................

민첩해지기 그거 어케 하는건데...........나도 좀 알려줘🥹

 

 

• 노코드 강의 3주차 / 과제

 

3주차 밀린것도 오늘 오전에 다 끝냈다!!

분명 어제 TIL에 일찍 일어나서 마저 하겠다고 했는데 오늘 눈 뜨니까 8시 반이지 뭐얌 ^-^

그냥 아침밥이나 먹음 냠냠..

 

 

 

• 개인과제 진행 - 주제 선정 및 시안 그리기

 

이번 과제 주제는 웨이브 랜딩페이지로 정함

당근이 확실히 쉬워보이긴 했는데 그냥 웨이브가 좀 더 끌렸기 때문에,,

나중에 당근 할걸 하고 후회하지 않기를 제에바알

 

 

 

 

디자인 시스템도 정리 해두고 이미지도 전부 다운 받아놨다!!

 

 

• 개인과제 진행 - 디자인 시스템 세팅하기

 

유틸리티 클래스 처음에 잘못 설정해서 복수 클래스를 적용하면

나중에 추가된 클래스(컬러)의 속성대로 폰트도, 크기도, 무게도 그냥 싹 다 바뀌는 문제가 있었는데

피티한테 물어보니까 정말 잘 설명해줌..!

 

어떻게 해결했는지는 아래 TIL에 적어두겠음

 

---

 

❇️TIL

• 오늘 새롭게 알게된 점
  • 웹플로우에서 유틸리티 클래스를 설정하는 방법을 알게 됐다!
• 오늘 어려웠던 점과 해결 방안
  
  • Headline 28 클래스와 Gray 60 클래스를 같이 적용하면 나중에 추가한 Gray 60의 속성으로 전부 바뀌는 문제
    (Headline 28은 폰트&무게&폰트사이즈만, Gray 60은 폰트 컬러 속성만 적용되길 원했음)
    • Gray 60의 경우 폰트,무게,사이즈를 모두 기본으로 리셋해두고, 컬러속성만 적용하면 된다!!
    • Headline도 적용되길 원하는 폰트, 무게, 사이즈만 변경하고 나머진 전부 기본으로 두면 된다고 하는데 어차피 컬러 클래스를 뒤에 추가할거라 그냥 냅둠,,^,^
• 오늘의 회고 및 느낀 점, 앞으로의 다짐
  • 오늘은 꼭 일찍 자야지이🥱😪