인쇄 디자인에서 그리드 활용
디자인 프로젝트의 기본 구성은 일반적으로 간단한 개념 인 그리드로 시작됩니다. 제약 조건 내에서 작업하기로 결정하든 의도적으로 멀리 이동하든 그리드 사용 방법을 결정하는 것은 디자인 프로세스의 첫 단계 중 하나입니다.
인쇄 디자이너는 수백 년 전에 첫 신문이 출판을 시작한 이래 그리드 작업을 해왔습니다. 대부분의 잡지는 그리드도 사용합니다. 책은 격자 형식을 사용하여 정리됩니다. 격자는 출판물의 정체성의 일부일 수 있으며 공간과 조직 감각을 만드는 데 도움이됩니다. 그리드 디자인의 기초부터 시작하여 자신의 그리드를 개발하고 워크 플로우 프로세스에서 사용하는 것에 이르기까지 그리드 디자인의 기본 사항을 이해하면 수직 및 수평 제약 조건 내에서 작업하는 것이 간단 해집니다.
Envato Elements 살펴보기
역사
그리드 기반 설계 구조는 인쇄기가 작동하는 동안 인쇄에 사용되었습니다. 구조와 구성을 만드는 격자는 인쇄 출판물 및 광고 개발에 사용됩니다. 격자는 페이지에 텍스트, 사진 및 광고를 배치하는 방법에 대한 안내서로 사용됩니다.
역사적으로 뉴스 디자인은 매일 바뀌지 않고 페이지마다 바뀌지 않는 고유 한 그리드를 기반으로했습니다. 텍스트는 각 열의 위에서 아래로 흐른 다음 다음 열로 흐릅니다. 각 페이지에는 완벽한 세로선이 포함되어 있으므로 열 안에도 사진이 있습니다. 디자인이 발전함에 따라 그리드도 발전했습니다. 디자이너들은 격자의 홈통 위의 항목을 가로 지르기 시작하여 사진이 4 열 유형의 공간을 차지하게되었습니다. 그리드는 유지되지만 다른 방식으로 사용됩니다.
분류와 같은 광고는 여전히 같은 오래된 뉴스 디자인 형식으로 실행됩니다. 각 열의 상단에서 하단까지 고유 한 열 집합을 사용하며 모든 사진은 열 내에 설정됩니다.
책 출판사는 또한 세로 격자를 사용하여 텍스트를 쉽게 읽을 수 있습니다. 여러 열 그리드는 하나 또는 두 개의 열 구조보다 일반적이지 않지만 이미지 나 텍스트가 포함 된 책 (요리 책 등)이 포함 된 책에 자주 사용됩니다. 페이퍼 백 서적은 종종 페이지 당 하나의 텍스트 열을 갖지만 커피 테이블 서적과 같이 더 넓은 형식은 페이지 당 두 개의 열 (또는 그 이상)의 열을 가질 수 있습니다.
그리드 용어
홈통
거 터는 열 사이의 공간입니다. 일반적인 그리드 설계에서 기둥과 홈통의 너비는 일정합니다. 일반적으로 인쇄 디자인에서 각 열 사이의 간격은 1-2 피카입니다. (pica는 0.1667 인치와 동일한 측정 단위입니다.)
란 인치
신문과 잡지에서 뉴스 나 광고 공간을 측정 할 때 편집자는 종종 열 인치를 참조합니다. 1 열 인치는 1 열 너비의 1 인치 세로 공간입니다. 열 인치에 맞는 단어 수는 서체가 사용하는 글꼴과 글꼴에 따라 다릅니다.
도약
항목이 한 열에서 다음 열로 흐를 때이를 점프라고합니다. 같은 페이지에서 텍스트가 한 열에서 다음 열로 이동하거나 여러 페이지로 이동할 수 있습니다.
레일
일부 그리드 구조에서 표준 그리드의 열 너비의 약 절반 인 스키니 컬럼은 페이지의 맨 왼쪽 또는 오른쪽에서 페이지의 맨 위부터 맨 아래까지의 공간을 차지합니다. 페이지 그리드에서 벗어난이 열을 종종 레일이라고합니다. 레일은 1990 년대와이 세기 초반에 일반적인 신문 디자인 도구 였지만 최근 몇 년 동안 유행에서 벗어났습니다.
모듈 식 그리드
모듈 식 그리드는 세로 열 형식을 덜 사용하므로 디자이너가 텍스트와 이미지를 사각형으로 패키징 할 수 있습니다. 열 너비는 페이지의 요소마다 다를 수 있지만 모든 요소는 쌓여서 직사각형 공간을 형성합니다. 모듈 식 그리드에 맞도록 광고 공간을 판매하는 출판물은 8, 1/4, 절반 및 전체 페이지 단위로 증가합니다.
수직 그리드
오늘날 인쇄 디자인에서 수직 그리드를 가장 잘 인식하는 용도 중 하나는 월스트리트 저널 (Wall Street Journal)입니다. 이 신문은 브랜드 아이덴티티의 일부가 된 일상적인 디자인에 뚜렷한 6 열 그리드를 사용합니다. 페이지를 살펴보면 각 열을 명확하게 볼 수 있습니다.
발행물이 사용하는 열 수는 인쇄되는 용지의 모양과 크기에 따라 결정됩니다. 예를 들어 뉴스 레터는 일반적으로 3 열 그리드를 사용하며 "신문 디자이너 핸드북"에서 Tim Harrower는 설명합니다. 3 열 구조는 사진 및 텍스트 너비에 대한 제한된 옵션을 제공합니다. 타블로이드 크기의 출판물은 일반적으로 4 열 또는 5 열 그리드를 사용하고 대부분의 와이드 시트 신문 페이지는 6 열 형식을 사용합니다.
세로 격자 선에서 각 열의 너비는 발행물의 모양과 색조를 설정하고 글꼴 및 크기 결정에 영향을 줄 수 있습니다. 사용하는 글꼴 크기는 격자에 비례해야합니다. 너무 큰 글꼴을 사용하면 이상한 하이픈과 끊김이 발생하여 읽기가 어려울 수 있고 너무 작은 서체를 사용하면 줄의 시작부터 끝까지 읽는 사람에게 부담을 줄 수 있습니다. 인쇄 디자인에서 일반적으로 열 너비 (picas)는 본문 글꼴의 포인트 크기의 두 배를 넘지 않아야합니다.
그리드 및 광고
그리드는 인쇄 광고에서 광고 공간을 판매하는 단위와 디자인 단위로 두 가지 방식으로 사용됩니다.
뉴스 디자인과 마찬가지로 광고 디자이너는 종종 텍스트와 그래픽을위한 격자 구조를 개발합니다. 작은 이미지가 많은 광고, 여우 예는 그리드를 사용하여 모든 것이 체계적으로 표시되고 따르기 쉽습니다. 이미지에 비례하여 텍스트를 유지하기 위해 격자를 사용할 수도 있습니다. 광고에 사용 된 격자는 신문이나 잡지에 비해 격자가 튼튼하지 않을 수 있으며 동일한 출판물 내에서도 광고에서 광고로 변경 될 수 있습니다.
신문이나 잡지가 페이지에서 텍스트와 사진을 보는 방식을 형성하는 데 사용되는 세로 격자도 광고 공간을 결정하는 데 사용됩니다. 고객은 특정 높이만큼 열 너비 단위로 광고를 구매합니다. 인쇄 출판물에 이러한 광고 배치 방법을 사용하면 공용 그리드 시스템으로 인해 광고 및 뉴스 부서 (대부분의 조직에서 별도의 엔티티)가 페이지에서 동시에 작업하기가 더 쉬워집니다.
그리드 템플릿 개발
기본 제공 소프트웨어 도구를 사용하여 몇 분 안에 출판물 그리드를 개발할 수 있습니다. Adobe InDesign과 같은 프로그램을 사용하면 프로젝트에 사용할 수있는 격자 템플릿을 만들 수 있습니다. 격자를 설정할 때 인쇄에 필요한 공간에 해당하는 여백을 설정해야합니다.
문서 기본값을 설정하려면 InDesign에서 열려있는 모든 파일을 닫고 파일 메뉴에서 "문서 설정"으로 이동하십시오. 문서에 포함 할 페이지 수, 페이지 크기 및 방향 및 블리드를 선택하십시오. "확인"을 클릭하여 변경 사항을 적용하십시오.
레이아웃 메뉴의 "여백 및 열"옵션에서 페이지 격자를 설정하십시오. 페이지 여백을 먼저 설정하십시오. 여백이 항상 같아 지도록 잠금 아이콘을 클릭하십시오. 문서에 포함 할 열 수와 거터 너비를 선택하십시오. "확인"을 클릭하여 변경 사항을 적용하십시오.
다른 옵션은 사용할 각 그리드에 대해 InDesign 템플릿을 만드는 것입니다. 새 문서를 열고 위의 단계를 수행하십시오. 사양에 맞게 설정된 화면에서 빈 문서를 볼 수 있어야합니다. InDesign 템플릿 옵션을 사용하여 "다른 이름으로 저장"을 클릭하십시오.
Adobe Illustrator 및 Photoshop에서 사전 설정 격자 도구를 사용하여 격자 선을 표시 할 수도 있습니다. 환경 설정 메뉴의 "격자 및 안내선"옵션에서 격자 환경 설정을 설정하십시오. 이러한 프로그램은 기둥 형 격자가 아닌 정사각형 수직 및 수평 격자를 사용합니다. 그리드 선의 간격과 문서에 표시되는 방법을 설정하십시오. "확인"을 클릭하여 변경 사항을 적용하십시오.
개체와 프레임을이 격자에 맞추려면보기 메뉴에서 "격자에 맞추기"옵션을 선택하십시오. 개체가 개체 근처로 이동하면 격자 선에 연결됩니다. 그리드 선이 숨겨져 있어도 작동합니다.
그리드 및 워크 플로우
프로젝트에서 그리드를 사용하면 시간을 절약하고 일관된 모양을 제공 할 수 있습니다. 신문과 잡지는 매일 같은 그리드를 사용하여 시각적 정체성을 확립합니다. 어떤 디자이너가 페이지를 구성하는지에 관계없이 출판물은 모양이 동일합니다. 페이지 상단의 명판을 보지 않고 신문에서 월스트리트 저널을 거의 골라 낼 수 있습니다.
프로젝트의 규모에 관계없이 동일한 방법론을 사용할 수 있습니다. 다양한 크기와 스케일에 다른 그리드를 사용하는 여러 그리드 템플릿을 설정하십시오. 프로젝트를 게시 할 때마다 모양이 동일해야하는 일관된 그리드 템플릿을 사용하십시오. 디자인에 체계적이고 일관된 느낌이 있어야하고 그리드에서 벗어나 디자인에 혼란을 줄 때 그리드를 고수하십시오.
추가 자료 : 웹상의 그리드
그리드 팬이라면 웹 디자인에서 그리드 사용을 탐색하는 다른 훌륭한 기사를 확인하십시오.
- 그리드 애호가를위한 최고의 50 가지 리소스 모음
- 그리드를 버림 : 대체 레이아웃 전략 및 팁
- 프레임 워크없이 플라이에 자신의 그리드 레이아웃 롤링
결론
그리드는 디자인에서 조직을 만드는 방법이며 수백 년 동안 인쇄 출판물에서 사용되었습니다. 일관성있는 격자는 실제 디자인을 구성하는 사람에 관계없이 출판물이 시각적 정체성을 개발하는 데 도움이 될 수 있습니다.
수직 격자는 프로젝트의 유형 크기와 규모를 결정하는 데 도움이됩니다. 새로운 프로젝트의 출발점으로 참조하기 위해 몇 가지 그리드 템플릿을 개발하고 시각적 아이덴티티가 필요한 진행중인 디자인 프로젝트에 일관된 그리드를 사용하십시오.
이미지 출처 : micora, Tu 사진 및 El Presidente 및 Nesster.