디자인 데모
이번 사이클 디자인 리뷰 여기서 할게요.
이번 사이클 디자인 리뷰 여기서 할게요.
왼쪽 기둥 폭이 240px 인데, 채널 이름이 긴 것들이 잘려요.
잘리는 건 봤어요. 참여자 수를 뺀 게 그거 때문이었죠?
맞아요. 뺀 만큼 이름이 길게 살아남습니다.
토큰 사다리는 이렇게 되어 있어요:
--text-xs: 11px;
--text-md: 14px;
--text-2xl: 24px;
글자 크기가 9가지로 흩어져 있던 걸 여섯으로 접은 겁니다.
간격도 같이 보죠.
| 이름 | 값 | 쓰이는 곳 |
|---|---|---|
--space-1 | 2px | 배지 안쪽 |
--space-4 | 12px | 줄 사이 |
--space-7 | 32px | 기둥 사이 |
그리고 이건 좀 긴 이야기인데 — 묶음이 여섯 줄에서 끊기는 이유는 한 화면 높이가 아니라 한눈에 잡히는 크기예요. 처음엔 스물이었고 한 화면에 들어가긴 했지만, 화면을 보고 덩어리가 커서 눈이 위아래로 훑어야 한다는 판단이 두 번 내려져서 20 → 8 → 6 으로 왔습니다. 재는 것이 화면 높이였다면 그 조정은 안 일어났을 거예요.
이해했어요. 그럼 폭 문제부터 볼까요?