Search
🏒

Color Assets

생성일
2021/01/07 01:53
태그
iOS
Boilerplate
속성
속성 1
속성 2
2021/02/11 09:14

Color Assets 의 필요성

iOS13에서 Darkmode 가 공개되었지만 이미 라이브 서비스 중인 개인 서비스, 회사에서 진행하고 있는 프로젝트에 바로 Darkmode 를 적용할 수 없었습니다. 적용 범위가 매우 넓고 색상 대비 등 짧은 시간 내에 대응이 불가하여 ROI 가 안나왔기 때문입니다.
준비중인 Boilerplate 에서 Darkmode 지원 및 서비스 개발을 위한 Color 를 미리 준비하면 좋겠다는 생각을 했습니다.
바로 실천하러
Google 에서 Color palete 로 검색해서 다양한 색상들을 수집했다.
http://colormind.io/ ← 랜덤으로 5가지의 컬러셋을 만들어주는데 생각보다 괜찮았다.
아직 한참 모자란 색상 수인데, 차츰 늘려나갈 예정이다.
앞으로 Colors 에서만 색상을 이용해 서비스를 구현하면, 컬러값에 대한 고민이 줄어들고 Darkmode 에 대한 지원도 가능해진다.

Tip

1.
백그라운드 흰색 (#FFFFFF) 을 다크모드에서 사용할 때는 블랙 (#000000) 이 아니라 (#141414) 값을 사용한다: backgroundWhite를 따로 만든 이유
2.
gray scale 색상 (흑-백) 의 경우 light-dark 모두 동일한 컬러를 표현해야 하는 경우가 생각보다 많다. 컬러값을 dynamicGray 와 staticGray 로 구분해서 사용하여 해결할 수 있다.