<여백(간격)>
★ 4배수, 8배수 원칙 기억하기8: 조금 좁은 간격
12/16: 보통 많이 쓰는 간격
20: 섹션 사이의 간격<폰트>
★ 본문용 폰트는 고딕체를 사용하자!
UI 디자인에는 프리텐다드만 써도 반은 간다.
- Noto Sans는 행간이 넓어서 인쇄물에 더 적합하다.
- Suit는 영문 사용에 주의해야 한다.
- 나눔스퀘어는 특정 무드를 줄 때만 사용하는 것이 좋다.★ 자간은 건드리지 않는다!★ 본문 행간은 '16pt/행간 24pt'를 기억하자.
본문 행간 150%를 기준으로 하되 .5 소수점이 나오면 조심하는 것이 좋다.
제목 행간은 조금 더 좁게 135%~150%를 주면 좋다.
관찰을 많이 하자. 폰트-행간을 짝수로 외워두는 것도 좋다.행간이 너무 넓으면 다른 문장처럼 보인다.
행간이 너무 좁으면 가독성이 떨어진다.폰트마다 적합한 행간을 설정할 수 있어야 한다.<색상>
★ 색상은 흑백을 제외하고 1~2개만 사용하자!
강조는 최대한 하나만, 나머지는 중립적인 색상(무채색)을 쓰자.채도가 아주 높은 색을 사용할 때는 디지털 화면에서 너무 튀어보일 수 있으니 주의하자.
주황색-노란색-연두색과 하늘색-파란색 사이 (형광)구간은 명도가 높아 잘 쓰지 않는다.
반대로 진한 보라색은 명도가 너무 낮아 잘 쓰지 않는다.
노란색-검정색은 대비가 커 명시성이 아주 높다.
다크모드의 글자는 흰색보다 연한 회색을 사용하는 것이 좋다.
'TIL' 카테고리의 다른 글
| UX 기획 및 리서치 _ 2주차 TIL (0) | 2025.05.30 |
|---|---|
| UX 기획 및 리서치 _ 1주차 TIL (1) | 2025.05.29 |
| UI 클론 디자인 (0) | 2025.04.28 |
| 레이아웃과 그리드 시스템 (0) | 2025.04.24 |
| 피그마 이해하기 (5) (0) | 2025.04.21 |