오늘
디자인 데모

이번 사이클 디자인 리뷰 여기서 할게요.

디자인 데모

왼쪽 기둥 폭이 240px 인데, 채널 이름이 긴 것들이 잘려요.

리뷰 상대

잘리는 건 봤어요. 참여자 수를 뺀 게 그거 때문이었죠?

디자인 데모

맞아요. 뺀 만큼 이름이 길게 살아남습니다.

리뷰 상대

토큰 사다리는 이렇게 되어 있어요:

--text-xs: 11px;
--text-md: 14px;
--text-2xl: 24px;
리뷰 상대

글자 크기가 9가지로 흩어져 있던 걸 여섯으로 접은 겁니다.

디자인 데모

간격도 같이 보죠.

이름쓰이는 곳
--space-12px배지 안쪽
--space-412px줄 사이
--space-732px기둥 사이
디자인 데모

그리고 이건 좀 긴 이야기인데 — 묶음이 여섯 줄에서 끊기는 이유는 한 화면 높이가 아니라 한눈에 잡히는 크기예요. 처음엔 스물이었고 한 화면에 들어가긴 했지만, 화면을 보고 덩어리가 커서 눈이 위아래로 훑어야 한다는 판단이 두 번 내려져서 20 → 8 → 6 으로 왔습니다. 재는 것이 화면 높이였다면 그 조정은 안 일어났을 거예요.

리뷰 상대

이해했어요. 그럼 폭 문제부터 볼까요?


메시지를 입력하세요 (Shift+Enter 로 줄바꿈)