컴퓨터그래픽기능사 시안 디자인 개발 기초 개념 정리
중요도 ★★★★☆ · 15% (추정)
개요
이 단원은 고른 아이디어를 실제 시안으로 만들어 가는 기초를 다룹니다. 시안은 최종 결정 전에 의뢰인에게 보여 주는 디자인 안으로, 레이아웃·타이포그래피·컬러를 정리하는 아트워크와 여러 안을 만드는 베리에이션으로 완성됩니다.
레이아웃은 그리드를 바탕으로 합니다. 지면 가장자리의 여백은 마진, 단과 단 사이 간격은 거터라고 하며, 가로세로로 칸을 나눈 모듈 그리드는 복잡한 지면에 알맞습니다. 여백(화이트 스페이스)은 요소를 돋보이게 하고, 지면에서 시선은 왼쪽 위에서 오른쪽 아래로 Z자 모양으로 움직이기 쉽습니다.
타이포그래피에서는 서체 분류(세리프·산세리프, 명조·고딕), 글자 크기 단위인 포인트(1/72 인치), 글줄 사이 간격인 행간, 글자 사이 간격을 다루는 커닝과 트래킹, 정렬 방식, 베이스라인·x 하이트 같은 글자 구조를 익힙니다. 컬러 아트워크에서는 주조색·보조색·강조색의 역할과 4원색 밖의 잉크인 별색을 알아 둡니다. 패키지는 전개도, 책자는 더미로 입체 시안을 확인합니다.
핵심 개념
그리드
지면을 일정한 단과 칸으로 나눈 배치의 틀입니다. 단 사이 간격은 거터, 가장자리 여백은 마진이며, 가로세로로 칸을 나누면 모듈 그리드가 됩니다.
외우는 요령거터는 '사이', 마진은 '가장자리'.
세리프체와 산세리프체
세리프체는 획 끝에 작은 돌기가 있고, 산세리프체는 돌기가 없습니다. 한글에서는 명조체(바탕체)가 세리프, 고딕체(돋움체)가 산세리프와 성격이 비슷합니다.
외우는 요령산(sans)은 '없다'는 뜻입니다.
포인트와 행간
1포인트는 1/72 인치(약 0.35mm)로 글자 크기 단위입니다. 행간(레딩)은 글줄과 글줄 사이 간격입니다.
외우는 요령12포인트 = 1파이카, 6파이카 = 1인치.
커닝과 트래킹
커닝은 'AV'처럼 특정 두 글자 사이 간격만 따로 조정하는 것이고, 트래킹은 단어나 문단 전체의 글자 간격을 한꺼번에 똑같이 조정하는 것입니다.
외우는 요령두 글자는 커닝, 전체는 트래킹.
글자 구조
베이스라인은 글자가 놓이는 기준선, x 하이트는 소문자 x 의 높이, 어센더는 x 높이 위로 올라가는 부분, 디센더는 베이스라인 아래로 내려가는 부분입니다.
외우는 요령g·p·y 의 꼬리는 디센더입니다.
주조색·보조색·강조색
주조색은 가장 넓은 면적으로 전체 인상을 정하고, 보조색은 주조색을 받치며, 강조색은 작은 면적으로 시선을 끕니다.
외우는 요령면적이 가장 작지만 눈에 띄는 것이 강조색입니다.
별색
CMYK 4원색을 섞지 않고 미리 조색해 따로 쓰는 인쇄 잉크입니다. 로고색이나 금색·은색·형광색처럼 4원색으로 내기 어려운 색에 씁니다.
외우는 요령스폿 컬러라고도 합니다.
자주 나오는 포인트
- 거터·마진·모듈 같은 그리드 용어를 설명으로 묻습니다.
- 커닝과 트래킹, 자간과 행간을 바꿔 놓은 선지를 조심하세요.
- 1포인트 = 1/72 인치를 기억합니다.
- 양끝 맞추기는 좌우가 반듯하지만 단어 사이 간격이 고르지 않을 수 있습니다.
- 주조색·보조색·강조색의 역할 구분이 자주 나옵니다.
헷갈리는 것 비교: 커닝과 트래킹
| 구분 | 커닝 | 트래킹 |
|---|---|---|
| 조정 범위 | 특정 두 글자 사이 | 단어·문단 전체 |
| 조정 방식 | 글자 쌍마다 따로 | 모두 같은 양만큼 |
| 쓰는 때 | AV·To 처럼 틈이 벌어져 보일 때 | 제목을 펼치거나 본문을 촘촘하게 할 때 |
대표 문제 3개
검수를 마친 예상문제 가운데 이 단원의 대표 문제입니다.
문제 1. 레이아웃 그리드에서 단(칼럼)과 단 사이의 빈 간격을 무엇이라 하는가?
- ① 모듈
- ② 베이스라인
- ③ 거터
- ④ 마진
▼ 정답과 해설 보기▲ 정답과 해설 접기
정답: ③ 거터
핵심: 단과 단 사이 간격은 거터
그리드는 지면을 단과 칸으로 나눈 배치의 틀입니다. 단과 단 사이의 좁은 간격을 거터, 지면 가장자리와 본문 영역 사이의 여백을 마진이라고 합니다.
틀린 선지
- 모듈: 그리드를 가로세로로 나눠 생긴 하나하나의 칸입니다.
- 베이스라인: 글자가 놓이는 기준선입니다.
- 마진: 지면 가장자리와 본문 영역 사이의 바깥 여백입니다.
문제 2. 글자 획의 끝에 작은 돌기(삐침)가 있는 영문 서체 계열은?
- ① 세리프체
- ② 스크립트체
- ③ 모노스페이스체
- ④ 산세리프체
▼ 정답과 해설 보기▲ 정답과 해설 접기
정답: ① 세리프체
핵심: 획 끝에 돌기가 있으면 세리프체
세리프는 획 끝의 작은 돌기를 말합니다. 세리프가 있는 서체를 세리프체, 없는 서체를 산세리프체('없다'는 뜻의 sans)라고 합니다. 세리프체는 긴 본문에, 산세리프체는 제목이나 화면용으로 많이 씁니다.
틀린 선지
- 산세리프체: 돌기가 없는 서체입니다.
- 스크립트체: 손글씨처럼 이어 쓴 필기체 계열입니다.
- 모노스페이스체: 모든 글자의 폭이 같은 서체입니다.
문제 3. 배색에서 가장 넓은 면적을 차지해 디자인 전체의 인상을 결정하는 색은?
- ① 보조색
- ② 주조색
- ③ 잔상색
- ④ 강조색
▼ 정답과 해설 보기▲ 정답과 해설 접기
정답: ② 주조색
핵심: 가장 넓은 면적의 색은 주조색
컬러 아트워크에서 색은 역할에 따라 나눕니다. 주조색은 가장 넓은 면적을 차지해 전체 분위기를 정하고, 보조색은 주조색을 도우며, 강조색은 작은 면적으로 시선을 끄는 포인트 역할을 합니다.
틀린 선지
- 잔상색: 색을 본 뒤 남는 잔상과 관련된 말로, 배색의 역할 구분이 아닙니다.
- 강조색: 작은 면적으로 시선을 끄는 색입니다.
- 보조색: 주조색을 받쳐 주는 두 번째 색입니다.
AI 작성 · 검수 완료 · AI가 새로 쓴 글 가운데, 작성과 분리된 AI 검증(다시 읽고 사실·수치 확인)을 통과한 단원만 싣습니다. 틀린 곳을 발견하면 알려 주세요.