[5/29 TIL] 수업내용 정리 - colors

kind J·2022년 5월 29일
0
post-thumbnail

color

  • 프로젝트 할때 주로 쓰이는 colors 는 무조건 변수화 해서 쓰자.
    디자이너가 바꿔달라고 했을때 한번에 바꿀수 있음😊
  • 빨강이라고 해서 다 같은 빨강색이 아니다. 예쁜 빨강색 쓰자.
    아래 애플 비주얼 디자인 가이드에 나와있는 색상 참고

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/

아래는 애플에서 쓰는 주된 색상들이다.


// Chromatic
$RED: #ff3b30;
$ORANGE: #ff9500;
$YELLOW: #ffcc00;
$GREEN: #34c759;
$TEAL: #5ac8fa;
$BLUE: #007aff;
$INDIGO: #5856d6;
$PURPLE: #af52de;
$PINK: #ff2d55;

  • font 컬러 #000(black) 쓰지 말자. 촌스러워 보이므로 아래의 black 색상 참고
  • 회색은 아에 밝은 회색을 쓰거나 아에 어두운 회색을 쓰고 애매한 회색은 사용하는 것을 지양하자.🤣

예쁜 color 따는법



Reference

https://developer.apple.com
https://color.adobe.com

profile
프론트앤드 개발자로 일하고 있는 kind J 입니다.

0개의 댓글