내일배움캠프 CH1 미니프로젝트 (3일차

✅ 241023

· 각오 페이지 수정

· 페이지 합치기

· 3주차 복습

 

---

📋3주차 복습

파운데이션 : 컴포넌트를 구성하는 기초재료

색상을 10단계로 만든느 이유 : 중간에 50단위 색상 추가하기 쉬움, 알아뵈 쉬움

1:3:6 = 포인트 컬러 : 세컨더리 컬러 : 백그라운드 컬러

---

 

컬러스타일 피그마에 등록하기

Coolors : 색상 추천 플러그인 / 색상 정하기

 

10단계 음영 만들기 /Rename

 

styler - Generation styles → 컬러스타일 등록 완료

 

---

 

폰트 사이즈

12 Body-xsmall / 14 Bdoy-small / 16 Body-medium / 18 Body-large / 20 Body-xlarge

20px 이상일 때 4px씩 차이나게 하는게 일반적

일반적인 행간 값 : 굵고 큰 폰트(제목) - 120% ~ 135%, 본문 - 135% ~ 170%

 

폰트 스타일 추가

폰트, 사이즈, 행간 설정하기

 

컬러스타일과 동일한 프러그인으로 텍스트 스타일 등록

 

---

 

 

마스터 컴포넌트 : 원본 / 마스터 컴포넌트를 복사하면 인스턴트가 생성됨

인스턴스 : 마스터 컴포넌트 속성을 그대로 이어받음

 

UI키트 = 단어 / 디자인 시스템 = 단어+문법, 문서의 형태

서로 합이 잘 맞고 팀 인원이 적다면, UI키트가 오히려 효율적일 수 있음

→ 상황에 따라 유연하게 선택

 

팀 프로젝트 - 팀 소개 페이지 만들기

각자 맡은 페이지 진행 후 작업물을 합치면서 팀원들과 피드백을 주고 받음.

 

---

❇️TIL

팀 프로젝트를 진행하며 각자 맡은 파트를 모아 하나로 합쳐보는 시간을 가졌다.

팀원들과 프로젝트에 대해 피드백을 주고받으며 협업의 중요성을 다시 느낄 수 있었고,  각자의 의견을 듣고 조율하는 과정에서 다양한 관점을 이해할 수 있었다. 프로젝트의 질을 높이기 위해서는 상호 소통이 정말 중요한 것 같다.