Index
전체 글
「판형」이 지금까지 낸 글입니다.
전체 15편
042GRID2026.08.30https://premium-04.eco-s2dio.com/grid-is-rhythm/
그리드는 규칙이 아니라 리듬이다
6단을 쪼개 쓰는 것과 6단에 맞춰 쓰는 것은 다르다. 칸을 지키기 시작하는 순간부터 화면은 비로소 읽히기 시작한다.
041LAYOUT2026.08.30https://premium-04.eco-s2dio.com/four-units-of-space/
여백을 설계하는 네 가지 단위
margin, padding, gap, gutter — 넷을 구분하지 않으면 어느 하나도 제대로 쓸 수 없다.
036GRID2026.08.29https://premium-04.eco-s2dio.com/six-column-consensus/
6단이라는 오래된 합의
스위스 타이포그래피가 남긴 격자를 화면이 그대로 물려받은 경위.
040TYPE2026.08.27https://premium-04.eco-s2dio.com/why-17px/
본문 17px이 기본값이 된 이유
10년 사이 웹 본문은 13px에서 17px로 올라왔다. 화면이 아니라 거리가 바뀐 탓이다.
035TYPE2026.08.25https://premium-04.eco-s2dio.com/hierarchy-by-weight/
무게로만 위계를 만들 때
서체를 하나만 쓰고 300과 900만으로 층을 나눈 실험 기록.
039TYPE2026.08.23https://premium-04.eco-s2dio.com/negative-letter-spacing/
한글 자간을 음수로 주는 관행에 대하여
−0.02em은 어디서 왔는가. 그리고 언제 그것이 해가 되는가.
034COLOUR2026.08.21https://premium-04.eco-s2dio.com/dark-screen-luminance/
어두운 화면의 명도 설계
순수한 검정을 피하는 이유와 대비를 확보하는 다섯 단계.
038COLOUR2026.08.20https://premium-04.eco-s2dio.com/one-accent-colour/
형광색 하나로 버티는 화면
액센트를 한 가지로 제한하면 생기는 일곱 가지 제약과 그만큼의 자유.
037LAYOUT2026.08.16https://premium-04.eco-s2dio.com/remove-the-cards/
카드를 걷어내면 남는 것
그림자와 라운드를 지우고 나서야 무엇이 정보였는지 보였다.
030GRID2026.08.12https://premium-04.eco-s2dio.com/practice-04-breaking/
판면 연습 04 · 격자를 깨야 할 때
규칙을 어기려면 먼저 규칙이 있어야 한다.
031GRID2026.08.09https://premium-04.eco-s2dio.com/practice-03-asymmetry/
판면 연습 03 · 비대칭을 견디는 법
한쪽이 넓을 때 나머지를 어떻게 붙잡는가.
032GRID2026.08.06https://premium-04.eco-s2dio.com/practice-02-two-columns/
판면 연습 02 · 둘로 나눌 때 생기는 문제
2단은 쉬워 보이지만 가장 자주 어긋난다.