인포 그래픽 디자인을위한 벡터 요소를 만들고 구성하는 방법

인포 그래픽 생성

왜 infographics 만들 수 있습니까?

Infographics는 개념을 설명하는 데 도움이되는 강력한 시각 도구입니다. 다음은 인포 그래픽을 만드는 데 도움이되는 몇 가지 아이디어입니다.

• 자신을 소개하십시오 : infographics는 자신을 소개하는 데 도움이 될 수있는 도구입니다. 그것들은 당신의 기술과 경험을 간단하고 창의적인 방법으로 표현할 수있는 간단하지만 창조적 인 방법입니다. 반면에 기업은 인포 그래픽을 사용하여 원하는 사람들을 고용 할 수 있습니다.
• 설문 결과 발표 : 연구 결과를 발표하는 가장 좋은 방법. 통계와 숫자는 지루할 수 있으며 독자는 종종 산만하게됩니다. infographic의 사용으로, 당신은 독자의 관심을 끌 수 있습니다. 모든 데이터가 간단하고 명확한 방식으로 표시되므로 독자는 결과를 빠르고 쉽게 볼 수 있습니다.
• 복잡한 데이터 제시 : infographics는 교육에 유용합니다. infographic의 주요 목표는 복잡한 데이터를 단순화하는 것입니다. 따라서 상세한 분석 개요를 제시 할 수있는 훌륭한 방법입니다.
• 작업 개념 설명 : 제품의 기능 데모는 인포 그래픽을 사용하여 설명 할 수 있습니다.
• 기타 : 비교, 지식 기반, 팁 및 트릭, 정보,지도, 연간 보고서, 브랜드 인지도 ...

주제 결합

이 튜토리얼 : 도시 홍보

이 자습서에서는 런던시를 홍보하기위한 인포 그래픽을 만듭니다. 영국의지도에서 런던이 어디에 있는지, 그리고 가장 인기있는 건물의 사실을 도시의 지역화에 사용하는 조합입니다. 도시 홍보 정보는 도시의 잠재 방문자에게 명소, 인민 대중 교통, 가장 흥미로운 장소, 박물관, 식당, 광장, 상점 등의 인상을주기 위해 많이 사용됩니다. 도시 진흥 인프라는 다목적입니다 : 웹 사이트, 소셜 미디어 및 인쇄물에 사용할 수 있습니다.

작풍은 간단하고, 청결하고 및 최소이다. 인포 그래픽에서 벡터를 사용하면 내보내는 것이 훨씬 쉽습니다. 인포 그래픽은 웹용, 인쇄용, 모바일 장치 용 등으로 내보낼 수 있습니다. 따라서이 자습서는 Adobe Illustrator에서 설명됩니다.

시간을 최대화하려면 디자인을 조립하는 단계를 구성하는 것이 좋습니다. 이 자습서의 경우 :

• 벡터 요소 (도시 도형, 건물, 차트, 자연 요소, 사람)가 포함 된 대지 사용
• 색상 및 스타일 정의
• 요소를 조정하여 색상 및 스타일 정의
• 요소 반복 및 크기 조정
• 인포 그래픽 레이아웃 만들기
• 미세 조정 및 조정 요소
• 경로 조정

대지 사용하기

벡터 요소 구성

아트 보드에 컴포지션의 모든 요소를 ​​수집하고 구성하여 시작하십시오. Adobe Illustrator에서는 대지에 대한 작업을 수행하고 각 대지에 해당 치수를 제공 할 수 있습니다. 각 개별 대지는 단일 파일로 내보낼 수 있습니다.

온라인으로 벡터 검색을 시작하기 전에 인포 그래픽 (London, Big Ben, ...)에 대한 주제를 잊지 않도록 키워드 목록을 만드는 것이 좋습니다. Freepik.com에서 벡터를 검색하고 최종 인포 그래픽에서 사용할 코드를 다운로드했습니다.

이 튜토리얼을 만들려면 내가 선택한 자유형 벡터 만 필요하며 첨부 파일 섹션에서 찾으십시오.

첨부 파일 섹션에서 벡터를 다운로드하면 아트 보드에 배치하여 참조 용으로 사용할 수 있습니다.

대지를 벡터 객체의 크기로 변환합니다.

• 개체를 클릭하여 선택했는지 확인하십시오.
  
• 메뉴> 대상> 대지> 선택한 미술에 맞춤으로 이동하십시오.
  

색상 및 스타일 정의

색상 및 전체 스타일 설정

인포 그래픽의 스타일을 일관성있게 유지하려면 먼저 색상과 스타일을 정의하는 것이 좋습니다.

선택한 후에는 견본 패널에 색상을 저장하십시오.

스타일 설정하기

Appearance Panel을 열고 Menu> Window> Appearance로 이동하십시오. 
벡터 객체를 선택하고 채우기 및 획 색상이 투명으로 설정되어 있는지 확인하십시오. 
모양 옵션 패널에서 새 획을 선택합니다.

획을 2pt로 설정하고 파란색으로 지정하십시오.

스타일 저장 :

그래픽 스타일 패널을 열고 메뉴> 윈도우> 그래픽 스타일로 이동하십시오.

개체가 선택된 상태에서 그래픽 스타일 패널의 아래쪽에있는 "새 그래픽 스타일"버튼을 클릭하십시오.

색상과 스타일을 정의하기 위해 요소를 조정하십시오.

가져온 벡터 조정

다운로드되거나 생성 된 벡터를 배치하면 다양한 스타일이 하나의 일관된 스타일로 변환되어야합니다. 그래픽 스타일 패널에서 정의 된 스타일을 클릭하여 모든 요소를 ​​조정할 수 있습니다. 그래픽 스타일을 적용하기 전에 모든 벡터 요소에 투명한 채우기 및 획이 있는지 확인하십시오. 그래픽 스타일을 적용하기 전에 일부 벡터의 경로를 조정해야합니다.

일부 벡터의 경우 더 두꺼운 스트로크가 더 얇은 내부 스트로크와 더 잘 작동합니다.

요소 반복 및 크기 조정

변형 효과

반복되는 요소는 변형 효과 패널을 사용하여 수행 할 수 있습니다. 반복 할 오브젝트를 선택하고 메뉴> 효과> 왜곡 및 변형> 변형으로 이동하십시오.

요소를 수평 또는 수직으로 이동합니다. 여기에서 요소는 오른쪽으로 25 픽셀 이동하고 음수를 사용하여 왼쪽으로 이동합니다.

옵션 : 획 및 효과의 크기를 조절하고 반복 할 값을 삽입합니다.

인포 그래픽 레이아웃 만들기

레이아웃 만들기

대부분의 경우, 인포 그래픽은 주요 제목을 갖습니다. 제목을 크게 만들고 읽기 쉬운 글꼴을 사용하십시오. 대부분의 경우 레이아웃은 디지털 버전으로 시작하기 전에 종이에 스케치됩니다. 인포 그래픽에서 영역을 정의하려면 스케치에 고정하십시오.

미세 조정 요소

최종 디자인을위한 요소 조정

요소를 바꾸거나 크기를 조정하거나 더하거나 뺄 때 요소를 완성하는 데 많은 시간을 할애 할 수 있습니다. 목록은 계속됩니다 ...이 자습서에서는 요소에 페이지 밖으로 튀어 나올 밝은 배경색이 지정됩니다.

반복 할 요소를 선택하고 메뉴> 개체> 경로> 경로 오프셋으로 이동합니다. 대화 상자에서 오프셋을 3px로 설정하고 조인을 라운드로 설정하고 미리보기 상자가 선택되어 있는지 확인하십시오. 확인을 클릭하십시오. 채우기 및 획 위의 작은 화살표를 클릭하여 획을 채우기로 변경하고 채우기에 밝은 파란색을 씁니다.

경로 조정

스타일 일관성 유지

잠시 후 일부 세부 사항에 약간의 불일치가 표시됩니다. 예를 들어지도에 둥근 테두리가 있고 전반적인 스타일에 테두리가 직선으로 표시되는 것이 좋습니다. 이를 조정할 수 있습니다 :

지도 요소를 선택하고 메뉴> 개체> 경로> 단순화로 이동하십시오.

대화 상자의 옵션에서 직선을 확인하고 미리보기 상자가 선택되어 있는지 확인한 다음 확인을 클릭합니다.

이제 우리지도는 나머지 인포 그래픽과 더 잘 어울립니다. 지도를 밝은 배경으로 지정하면지도가 배경에서 더 많이 튀어 나오게됩니다.

최종 결과