01 — Hierarchy
위계
한 화면에 한 목소리. 크기, 굵기, 색의 세 축만으로 사용자의 눈이 머무는 순서를 설계합니다.
3 챕터 · 18 레슨
우리가 가르치는 방식
네 가지 전술이 인터페이스를 산출물로 바꿉니다
그리기보다 읽히게 하는 데 집중합니다. 이론은 짧게, 예시는 길게, 평가는 같은 화면으로.
02 — Spacing
여백
테두리 없이 그림자만으로 그룹을 나눕니다. 8px 그리드와 일관된 스케일로 호흡을 만듭니다.
2 챕터 · 12 레슨03 — Contrast
대비
액센트는 화면당 두 번까지만. 본문과 배경 사이의 명도 차이로 정보를 위에서 아래로 정렬합니다.
2 챕터 · 10 레슨
커리큘럼 미리보기
8주, 40개 레슨. 매주 한 가지 전술을 깊게
각 챕터는 같은 화면을 다른 전술로 다시 짜는 연습으로 끝납니다. 배우는 즉시 같은 산출물에 적용합니다.
CH.01
디자인을 다시 쓰는 방법디자인은 그리는 게 아니라 고치는 작업입니다 — 출발점을 보는 법
CH.02
위계 — 한 화면의 목소리크기·굵기·색 세 축으로 시선의 흐름을 설계합니다
CH.03
여백 — 보이지 않는 격자8px 그리드와 일관된 스케일로 화면의 호흡을 통일합니다
CH.04
대비 — 명도가 정보를 정렬한다액센트는 두 번까지만 — 명도 차이만으로 위계를 만듭니다
CH.05
타이포 — 조용한 본문, 또렷한 제목본문과 디스플레이의 위계를 분리하는 법
CH.06
색 — 한 톤으로 가는 법팔레트를 늘리는 대신 줄이는 결단
CH.07
상호작용 — 정적인 산출물에 호흡을호버, 포커스, 전환 — 과하지 않게
CH.08
배포 — 산출물을 끝까지검토·수정·공개 — 디자이너가 마지막 10%를 책임지는 법
요금제
혼자 시작하거나, 팀과 함께
결제는 월 단위, 해지 자유. 7일 무료 체험에는 모든 챕터가 열립니다.
Starter
$0/ 영원히 무료
디자인 학습을 처음 시작하는 분을 위한 무료 플랜
- 챕터 1~3 (위계, 여백, 대비)
- 주 1회 새 레슨 공개
- 커뮤니티 댓글 접근
Pro
$19/ 월
전체 커리큘럼과 실습 화면, 평생 다시 보기
- 8챕터 전체 · 40 레슨
- 24개 실습 화면 + 다운로드
- 내 화면 1:1 피드백 (월 2회)
- 오프라인 PDF 교재
Team
$12/ 좌석 / 월
5인 이상 팀을 위한 라이선스와 진행 보드
- Pro의 모든 혜택 포함
- 팀 진행 보드 + 관리자 대시보드
- 팀 단위 일괄 피드백
- SSO + 결제 영수증
함께 학습한 분들
코드를 짜던 손으로 디자인을 정리한 사람들
디자인을 어렵다고 느꼈던 건 재능이 없어서가 아니라, 풀어야 할 문제가 정리돼 있지 않아서였어요. 여기서 배운 것은 그림을 그리는 법이 아니라 문제를 나누는 법이었습니다.
PR 리뷰에 매달리던 사이드 프로젝트를 8주 만에 다시 열었어요. 위계와 명도만 정리했는데도 사용자들이 “깔끔해졌다”는 말을 처음 했습니다.
지금 시작
내일 아침, 한 화면만 다시 써보세요
7일 동안 모든 챕터가 열리고, 두 번째 주에 결제를 결정합니다. 카드 등록 없이 시작할 수 있어요.