Index

전체 글

「판형」이 지금까지 낸 글입니다.
전체 15편
042

그리드는 규칙이 아니라 리듬이다

6단을 쪼개 쓰는 것과 6단에 맞춰 쓰는 것은 다르다. 칸을 지키기 시작하는 순간부터 화면은 비로소 읽히기 시작한다.
GRID2026.08.30https://premium-04.eco-s2dio.com/grid-is-rhythm/
041

여백을 설계하는 네 가지 단위

margin, padding, gap, gutter — 넷을 구분하지 않으면 어느 하나도 제대로 쓸 수 없다.
LAYOUT2026.08.30https://premium-04.eco-s2dio.com/four-units-of-space/
036

6단이라는 오래된 합의

스위스 타이포그래피가 남긴 격자를 화면이 그대로 물려받은 경위.
GRID2026.08.29https://premium-04.eco-s2dio.com/six-column-consensus/
040

본문 17px이 기본값이 된 이유

10년 사이 웹 본문은 13px에서 17px로 올라왔다. 화면이 아니라 거리가 바뀐 탓이다.
TYPE2026.08.27https://premium-04.eco-s2dio.com/why-17px/
035

무게로만 위계를 만들 때

서체를 하나만 쓰고 300과 900만으로 층을 나눈 실험 기록.
TYPE2026.08.25https://premium-04.eco-s2dio.com/hierarchy-by-weight/
039

한글 자간을 음수로 주는 관행에 대하여

−0.02em은 어디서 왔는가. 그리고 언제 그것이 해가 되는가.
TYPE2026.08.23https://premium-04.eco-s2dio.com/negative-letter-spacing/
034

어두운 화면의 명도 설계

순수한 검정을 피하는 이유와 대비를 확보하는 다섯 단계.
COLOUR2026.08.21https://premium-04.eco-s2dio.com/dark-screen-luminance/
038

형광색 하나로 버티는 화면

액센트를 한 가지로 제한하면 생기는 일곱 가지 제약과 그만큼의 자유.
COLOUR2026.08.20https://premium-04.eco-s2dio.com/one-accent-colour/
037

카드를 걷어내면 남는 것

그림자와 라운드를 지우고 나서야 무엇이 정보였는지 보였다.
LAYOUT2026.08.16https://premium-04.eco-s2dio.com/remove-the-cards/
030

판면 연습 04 · 격자를 깨야 할 때

규칙을 어기려면 먼저 규칙이 있어야 한다.
GRID2026.08.12https://premium-04.eco-s2dio.com/practice-04-breaking/
031

판면 연습 03 · 비대칭을 견디는 법

한쪽이 넓을 때 나머지를 어떻게 붙잡는가.
GRID2026.08.09https://premium-04.eco-s2dio.com/practice-03-asymmetry/
032

판면 연습 02 · 둘로 나눌 때 생기는 문제

2단은 쉬워 보이지만 가장 자주 어긋난다.
GRID2026.08.06https://premium-04.eco-s2dio.com/practice-02-two-columns/