디지털 화면용 디자인에 대한 기본 팁을 통해 향후 디자인 프로젝트를 빠르게 시작해 보세요.
태블릿과 스마트폰의 화면에 맞게 표시된 아트 쇼의 디지털 광고

디지털 디자인 소개

디지털 디자인이란 태블릿, 스마트폰, 노트북 등 다양한 디바이스의 화면에서 볼 수 있는 디자인을 말하며, 인쇄용 디자인과 마찬가지로 디지털 디자인 분야에도 특정 용어와 모범 사례가 있습니다. .

Adobe InDesign에서 다음과 같은 다양한 유형의 디지털 디자인을 만들 수 있습니다.

  • e북(EPUB 형식)
  • e매거진(전자 잡지)
  • 프레젠테이션
  • 포트폴리오
  • 디지털 광고
  • 소셜 콘텐츠(Facebook 배너, Twitter 레이아웃, Instagram 콘텐츠 등)

디지털 디자인의 몇 가지 기본 사항을 살펴보세요.

프로젝트 생성의 기초 지식

새 InDesign 문서를 만드는 경우 다음을 고려하십시오.

  • 처음부터 새로 시작할 것인가, 아니면 전문적으로 디자인된 Adobe Stock 템플릿을 활용할 것인가?
  • 새로 문서를 만드는 경우, 의도하는 디바이스에 맞는 올바른 페이지 크기를 선택합니다(이 크기는 나중에 언제든지 변경할 수 있음).
  • 디지털 디자인이므로 측정 단위는 픽셀을 선택합니다.
새로 만들기 문서 대화 상자에서 새 문서 설정

성공적인 작업을 위한 문서 설정

문서를 만든 다음에는 추가 매개 변수를 사용하여 프로젝트를 세부적으로 정의할 수 있습니다.

  • 페이지 패널에서 문서에 페이지를 추가하거나 삭제하고 순서를 변경하세요.
  • 콘텐츠를 정렬하기 위해 여백(페이지 가장자리와 콘텐츠 사이의 간격), 열, 사용자 정의 안내선 등을 조정하세요.
  • 페이지 패널에서 페이지 번호와 같은 일관된 요소를 표시하는 템플릿의 개념으로 마스터 페이지를 사용하세요.
  • 유동적 레이아웃과 대체 레이아웃 기능을 사용하여 디자인이 다양한 페이지 크기, 방향 또는 종횡비를 지원하도록 하세요.

이미지 추가

화면 보기에 적합한 이미지를 선택하는 것은 선명도와 빠른 로딩 시간을 위해 중요합니다.

  • 래스터 이미지는 픽셀로 구성되며, 일반적인 포맷으로는 JPEG과 PNG가 있습니다. 화면 보기에 적합하도록 선명하고 로딩이 빠른 해상도여야 합니다. 디지털 디자인의 경우 보통 인치당 72픽셀(ppi)을 권장합니다. 아래 이미지에서 왼쪽은 래스터 이미지 견본이고 오른쪽은 벡터 그래픽 견본입니다.
  • 벡터 그래픽은 선으로 정의되며, 품질 훼손 없이 크기를 조정할 수 있습니다. InDesign은 AI, SVG 등 다양한 벡터 파일 유형을 지원합니다.
래스터 이미지와 벡터 그래픽 비교

색상과 글꼴로 창의력 발휘

  • 디지털 디자인은 RGB 색상(빨강, 녹색, 파랑)을 사용합니다. InDesign에서는 색상 견본 패널에서 비주얼 아이덴티티를 만드는 동안 색상을 저장할 수 있으며 Adobe Color 테마 패널을 통해 색상에 관한 아이디어를 얻을 수도 있습니다.
  • 원하는 디바이스에 어울리는 글꼴을 선택하세요.
Adobe Color 테마 패널에서 색상 선택

대화형 요소

디자인에 대화형 요소를 추가하는 기능은 디지털 디자인을 인쇄 디자인과 차별화합니다. 웹 링크, 애니메이션, 비디오, 입력 가능한 양식 등 시선을 사로잡는 멀티미디어 경험을 자유롭게 만들 수 있습니다.

각 포맷과 디바이스마다 다른 유형의 인터랙션을 지원하므로 특정 요소가 특정 상황에서 작동하지 않을 수 있습니다. 따라서 꼼꼼하게 대화형 요소의 인터랙션을 테스트하는 것이 좋습니다.

디지털 디자인 공유

작업한 디지털 디자인을 PDF 및 EPUB 등의 포맷으로 내보내 보세요. Publish Online 기능을 사용하면 InDesign 문서를 온라인에 게시하고 공유 가능한 URL을 얻을 수 있습니다.

InDesign에서 디지털 디자인 제작 프로세스의 특정 설정 및 요구 사항 등을 이해하면 처음부터 성공적으로 디자인을 완성할 수 있을 것입니다.

08/12/2020
이 페이지가 도움이 되었습니까?