📑

컴포넌트 정리

액션 플랜

1.
대원칙을 먼저 잡는다 (원칙은 앱을 전반적으로 보면서 정한다)
a.
모달, 버튼 등등에 따라서 형태/형식에 대한 정책 정리
b.
icon, modal, color, typography, button
i.
icon은 코드상에서 사용되고 있는 경우만 파일을 전달한다
ii.
는 color, typography를 먼저 정리한다.
iii.
정리할 때 네이밍 규칙을 정의한다.
같이 정리할 때 타임라인 및 일정 정리
2.
위클리 스프린트 진행 시, 정리된 요소들을 위클리에 먼저 적용시킨다
3.
개발 진행 시 컴포넌트화하고 적용한 다음에 테스트를 한다
추가적으로 논의가 필요할 경우 계속 진행한다
UI 변경 시 기능적으로 잘 동작하는지도 확인 필요

디자인 시스템 관련 미팅:

네이밍 규칙 정리
컬러는 색 + 숫자 정도를 지정한다
자세한 네이밍 규칙은 나중에!
컬러는 시스템 토큰 레벨에서만 네이밍을 정리한다
숫자가 낮을수록 밝다
컬러 정리 시 아이콘보다 먼저 정리……
전체 컬러
안 쓰이는 컬러는 따로 분류
텍스트는 소니아가 현재 사용하는 텍스트를 분류하고 그 이후에 얘기한다
타임라인은 어떻게?
소니아가 개인적으로 정리하는 컬러는 목요일까지 정리를한다
정리 방식이 좋은지 별로인지 확인한다
룰 정리를 관련해서 각자 작업이 필요하다
실제 액션 플랜은 어떻게 될지 모르겠지만, 정리하는 사전 작업들에 대해서 위클리랑 스프린트를 같이 갈수도 있다.
태스크 관리를 따로하기 위해 “아이디어”탭 처럼 새로 태스크를 넣을 수 있는 곳을 만든다
디자인 시스템 도입 시 주의할 점

버튼

1. 박스 버튼

2. 캡슐 버튼

3. 아이콘 버튼

4. 텍스트 버튼

5. 라디오 버튼

6. 토글

7. 체크 박스

모달

1. 바텀 시트

2. 팝업 모달

3. 시스템 모달

4. 스낵바

라벨

1. 칩

2. 마크

인풋

1. 텍스트/넘버 인풋