배치·여백·글자 크기

02 화면 디자인 배치·여백·글자 크기 남해고등학교 AI 실무 연수 · 2일차(3,4차시) 12 / 25 그리드 Grid 카드를 행과 열로 정돈하는 배치 패딩 Padding 카드 테두리와 내용 사이의 안쪽 여백 갭 Gap 카드나 버튼 등 항목 사이의 간격 타이포그래피 제목·본문·보조 글자의 크기와 굵기 체계 AI에게 이렇게 부탁합니다 “PC 두 열·휴대폰 한 열로 카드 그리드를 만들어 줘.” “카드 안쪽 패딩과 카드 사이 갭을 넓혀 줘.” “제목·본문 크기와 행간을 전체에 맞춰 줘.” 확인: 긴 제목과 글자 확대에서도 겹침이나 잘림이 없는가? 교육용 예시 · 눌러서 직접 확인 ↗ 실제 사례 · 학교 활동 홈페이지의 모바일 한 열 배치 ↗