[패스트캠퍼스 수강 후기] 편집디자인 인강 100% 환급 챌린지 19회차 미션

 

 

 

 

 

Ch 07. 편집디자인 페이지 디자인

- 09. [실습 예제] 한 페이지 디자인 - 텍스트 배열&배치

 

만든 그리드를 바탕으로 텍스트를 배치해보면 아래처럼 되고

 

그리드를 제거하면 아래처럼 된다.

글자의 크기나 두께는 조절하지 말고 분석된 요소를 바탕으로 글자의 제목, 저자, 본문 등을 그리드 안에 배치부터 한다.

 

글자는 키우지 않았지만 배치를 통해 의도 가 충분히 느껴진다.

제목은 B공간에서 가장 많은 스페이싱(공간)을 가지고 있다.
'2개의 축을 이용할 예정이고 두번쩨 축을 메인 축으로 하여 길게 그룹핑할 것이다' 라는 걸 알 수 있다.

A는 작은 방을 차지하고 B는 큰 방을 가진다.
C의 주석 등의 요소는 본문에 포함되지 않고 열에 빠져있기 때문에 

가로로 긴 발코니처럼 기타 정보를 볼 수 있는 부분을 따로 설정했다.

 

공간 설정을 다 했으면

*글자를 바로 타이핑 하지말고 받은 글자를 메모장이나 문서를 통해서 오타를 확인하고 가져오는 것이 좋다!

 

아래는 보기 > 화면모드 > 미리보기를 한 모습이다.

아래 화면을 보면 텍스트 박스가 하나로 되어있는데, 글의 유형에 따라 박스를 구분하는 게 좋다.

 

다시 보기 > 화면 모드 > 표준에서 작업을 시작하자.

가져온 글자를 지우지말고 옆의 회색 공간으로 이 동시 킨 뒤 그룹 지은 글자끼리 나눠주자~

텍스트 박스를 만들 글자를 드래그하고 복사

붙여넣기 해주면 된다. 

그리드의 도움을 받아 텍스트 박스를 원하는 위치에 위치시킨다. 글자가 넘치지 않도록 크기도 키워준다.

받은 내용에는 본문 내용 사이에 인용문이 끼어 있지만 작업 시 본문 내용끼리 함께 두기 위해 드래그하고

기존에 만들어둔 본문내용 텍스트 박스 아래로 붙여 넣기 해준다.

한 단락 여유를 주면 더 좋다.

주석과 쪽번호도 넣어주자.

 

안내선 : 주변을 인식하여 가이드라인을 제공하기 때문에

           아래처럼 보기 > 격자 및 안내선 > 고급 안내선에 체크가 되어있도록 하는게 좋다.

 

아래처럼 각각의 공간에 크기를 설정한 것이다.

 

 

 

이렇게 주석과 쪽번호가 더 가까워진다면

쪽번호를 아래로 내려주고, 글자를 아래로 내리고 싶을 때

텍스트 박스를 조정하면서 아래로 이동시키면 글자가 넘칠 수 있기 때문에

텍스트 박스가 선택된 상태에서 마우스 오른쪽 버튼 > 텍스트 프레임 옵션

기본적으로 정렬이 위쪽으로 가도록 되어있다.

정렬을 아래쪽으로 바꾸고 미리보기를 통해 보면 글자가 텍스트 박스 아래로 맞춰진다. 확인을 클릭한다.

주석이 추가되어 글자가 늘어나도 텍스트박스 위쪽으로 늘어나 쪽번호와 부딪히지 않는다.

 

 

 

처음에 받은 그래도 글자를 두면 축이 하나에 간격조정이 다 똑같이 되어있어

그룹도 하나로만 느껴지고 그룹 안에서도 간격이 동일하여 내용이 불명확하게 인식되는데

 

아래처럼 축을 두개로 두면서 스페이싱을 다르게 설정하니까 내용이 구조적으로 인식되어 이해하기 쉽게 바뀌었다.

매크로 타이포그래피 : 화면에서 보이는 것처럼 한 페이지라고 불리는 공간 안에 글자를 큰 배치/배열하는 과정으로,

                             디테일한 완성도보다는 정보 구조가 명진 하게 느껴질 수 있도록

                             화면 안에 내용을 바탕으로 배치하도록 한다.

 

 

 

 

 

- 10. [실습 예제] 한 페이지 디자인 - 정보 위계 설정

 

 

제목은 27p

모듈을 내려서 제목을 쓰면 시선이 위로 치우치지 않는다.

 

 

 

이름은 7pt, 행간은 12pt를 준다.

이름을 강조하거나 안강조할 수 있는데 강조할 경우 제목의 강조가 조금 약해질 수 있다.

 

 

 

 

본문의 행간이 커서 인용과의 거터 공간과 너무 비슷해 좌우로도 읽힐 수 있다.

행간을 조정하자.

 

 

 

 

인용문은 왼쪽정렬 하여 본문과 거리를 더 준다.

하지만 아래처럼 인위적으로 하이픈(단어별로 글자 끊어지는게 아니라 대충 라인에 맞춰 끊어지는 형태)을 적용해서

떨어지게 되면 읽기 불편하고 왼쪽정렬이 드라마틱하게 안느껴진다.

문자 > 단락을 통해 단락 패널을 열고

우측 상단 세줄 아이콘 클릭한  뒤

하이픈 넣기 클릭하면

텍스트 박스의 우측이 리드미컬하게 빠지며 공간이 더 차이 난다!

 

 

 

 

주석은 7pt, 행간 11pt.

쪽번호를 세미볼드로 조금 두껍게 변경했다.

 

 

 

 

 

 

타이포그래피와 편집디자인 by 인디자인(Indesign) 올인원 패키지 Online. 👉 https://bit.ly/2XF80uP

타이포그래피와 편집디자인 by 인디자인(Indesign) 올인원 패키지 Online. | 패스트캠퍼스

 

 

 

 

 

기본적으로~기본적으로~진짜 노이로제 걸려서 죽을 지경이다^^ 듣다 보면 화가 나서 이만 듣는 걸로~~