본문 바로가기

키다리디자이너/쓸만한 웹소스들

쉽게 인포그래픽과 그래프를 만들어 보자

안녕하세요 키다리디자이너입니다.

 

오늘은 좀 더 이쁜 그래프를 만들어 보자의 두번째 편으로 퀄리티 좋은 그래프와 인포그래픽을 누구나 쉽게 만들 수 있도록 도와주는 해외사이트를 소개해 보려고 합니다.

 

해외사이트라고 겁먹지 마세요 아주 쉽습니다 :-)

 

 

http://infogr.am/

 

이 사이트의 주 서비스는 인포그래픽인 듯 하지만 제가 둘러본 바로는 그것보다 그래프를 만드는 기능이 더욱 강력하고 템플릿도 많은 것 같아요.

 

일단 로그인을 해봅니다.

로그인은 회원가입 후 로그인하는 방법과 소셜계정을 연동하는 방법이 있습니다.

 

 

로그인 후에는 이런 화면이 맨 처음 보여지게 됩니다.

 

 

첫번째 'Create'는 인포그래픽이나 그래프를 제작하는 화면으로 이동합니다.

'Library'는 내가 제작한 결과물들이 저장되어 있습니다.

'Upgrade to pro'는 유료서비스를 이용할 경우 혜택을 알려줍니다.

 

자 그럼 한 번 만들어 봅시다.

 

1. 템플릿 선택

 

 

'Create'를 누르게 되면 몇가지 템플릿 중에서 선택할 수 있는데 원하는 디자인을 선택합니다.

 

 

인포그래픽을 제작하기 전에 각 버튼들의 설명 화면입니다.

여기서 주목해야 할 부분은 중앙에 'Drag and drop object'와 우측 하단 버튼들인데요. 'Drag and drop object'는 말 그대로 그래픽 안에 컨텐츠들을 마우스로 드래그 해서 위치를 바꿀 수 있다는 뜻입니다.

그럼 우측 버튼들을 하나씩 살펴보겠습니다.

 

2. 그래프 추가

 

가장 위쪽 버튼은 새로운 그래프를 추가하는 버튼입니다.

 

 

좌측메뉴에서 원하는 그래프 디자인을 선택하고 'Add Chart'버튼을 누릅니다.

보시는 바와 같이 이 사이트는 예쁜 그래프만 원하시는 분에게도 아주 좋습니다.

 

 

이렇게 인포그래픽 안에 그래프가 추가 되었습니다.

그럼 이제 이 그래프의 데이타를 수정하기 위해 이 그래프를 더블클릭합니다.

 

 

좌측에 데이타를 입력할 수 있는 창이 나타납니다.

상단에 'Load Data'로 액셀 등의 파일을 직접 불러올 수도 있습니다.

 

3. 지도 추가

 

우측 두번째 'Add Map'버튼을 누르면 지도가 추가됩니다.

그래프 추가처럼 따로 디자인을 선택할 수는 없지만 데이타는 입력 가능합니다.

 

 

4. 텍스트 추가

 

우측 세번째 'Add Text'버튼을 누르면 텍스트를 입력할 수 있는 레이블이 추가됩니다.

폰트 종류나 컬러, 사이즈는 선택할 수 없는데 저는 이것이 이 사이트의 가장 큰 단점이라고 생각합니다.

영문폰트가 기본으로 지정되어 있어 한글을 쓰면 굴림체로 쓰여집니다.

 

 

 

이 사이트를 이용해 인포그래픽을 만드신다면 글만큼은 포토샵등으로 가져가 직접 입력하시길 권합니다.

 

4. 사진 추가

 

컴퓨터에 있는 사진을 불러와 추가합니다.

사진을 추가한 후 사진 모서리를 잡고 클릭, 드래그하면 사진 크기를 조절할 수 있습니다.

 

 

5. 동영상 추가

컴퓨터에 있는 동영상을 불러와 추가합니다.

 

6. 결과물 보기

이제 제작이 끝났다면 제작한 인포그래픽을 PDF나 이미지파일로 저장해야 하는데 이것은 아쉽게도 돈을 지불해야 합니다.

무료로 제작한 결과물을 저장하고 싶다면 상단에 'Share'버튼을 누르고 내 소셜사이트에 완성된 결과물에 대한 URL을 띄우면 완성된 인포그래픽을 볼 수 있는 페이지가 열리게 됩니다.

이것을 바로 저장할 수는 없고 스크린캡쳐등의 꼼수를 이용해야 하는데 유료로 사용할 수 없다면 이정도 불편함은 감수해야 될 것 같습니다.

 

이것으로 이번 포스트를 마치겠습니다.

날씨가 많이 추운데 항상 건강하시길 바랍니다 :)