그리드 메뉴판칸 묶기“여러 칸 합쳐서 크게”
메뉴판 › 그리드 메뉴판 › 놓는 법 (칸 위에 앉히기) › 여백 남기기
실물 새 창으로 열기grid-menu · active-whitespace
코드 보기
불러오는 중…
헷갈리는 것과 구분
칸을 비워 두는 건 여백 남기기, 하나만 덩그러니면 초점 고립
같은 묶음 · 놓는 법 (칸 위에 앉히기)
그리드 메뉴판 · 놓는 법 (칸 위에 앉히기)
그리드 메뉴판가장자리 붙이기“모서리에 딱 붙여서”
가장자리 붙이기 Edge Hugging
“모서리에 딱 붙여서”그리드 메뉴판초점 고립“하나만 덩그러니”
초점 고립 Focal Point Isolation
“하나만 덩그러니”그리드 메뉴판긴장 배치“닿을 듯 말 듯”
긴장 배치 Visual Tension
“닿을 듯 말 듯”그리드 메뉴판그리드 깨기“하나만 칸 밖으로”
그리드 깨기 Breaking the Grid
“하나만 칸 밖으로”그리드 메뉴판크기 대비“엄청 크게랑 엄청 작게”
크기 대비 Scale Contrast
“엄청 크게랑 엄청 작게”그리드 메뉴판축 정렬“선 하나에 다 맞추기”