본문 바로가기
design/Tool & Techniques

인포그래픽 :: infographic

by heesangs 2020. 10. 23.

인포그래픽

정보의 양이 급속도로 증가함에 따라
비주얼 콘텐츠의 중요성이 강조되는 이 시점에서
사물에 대한 본질을 바라보는 통찰력이 중요시되고 있다.
그런데 텍스트로만 빼곡히 채워져 있는 정보가 있다면
누가 읽으려고나 할까?

그래서 정리해 봤다.

 

인포그래픽의 정의

1. 복잡한 데이터나 많은양의 정보를 단순화 시키는것. 
2. 라인, 도형, 그래프, 다이어그램등으로 정보를 간소화하고 직관적으로 전달하는것. 

 

인포그래픽의 종류

1. 통계형 인포그래픽
2. 지도형 인포글래픽
3. 대칭, 비교형 인포그래픽.
4. 프로세스형 인포그래픽.


적용사례

1. 웹사이트
2. 어플리케이션
3. SNS 및 기타 영상 매체

앞으로 갈수록 시각적인 의존도가 높아지게 될텐데 인포그래픽은 

다양한 매체에서 제각기 다양한 영향력을 행사할것이다. 

특히, 좋은 기획력을 바탕으로 적절한 인포그래픽을 사용한다면
많은양의 정보를 시각적으로 쉽게 사용자들에게 제공하므로써 서비스의 질을 높일 수 있다.
전반적인 컨셉과 방향성을 염두에두고 전략적으로 접근하는게 필요할 것 같다. 


아래에는 인포그래픽을 활용할 수 있는 사이트들인데 참고하기 바란다. 

 

Data Wrapper

 

Datawrapper

Create interactive, responsive & beautiful charts — no code required.

www.datawrapper.de

1. 큰 프로젝트에서 사용.
2. 다양한 인터랙티브한 그래픽 차트를 만들 수 있음. 
3. 기업의 내부 보고서 작성에도 장점.
4. CSV파일을 업로드하고 원하는 차트유형을 선택하면 자동으로 차트를 만듦.

 

 Tableau Public

 

Tableau Public

 

public.tableau.com

1. 비 개발자용 인포그래픽 툴.
2. 코딩이나 배경지식 없이도 bubble maps, heatmaps, scatter plots같은 다양한 시각화 작업이 가능함. 

 

ChartBlocks

 

Online Chart Builder - ChartBlocks

Share charts Embed your charts into any website, or share them using the built in social media sharing tools. ChartBlocks integrates directly with Facebook and Twitter.   You can also export your charts as editable vector graphics for use in Illustrator a

www.chartblocks.com

1. 코딩없이 쉽게 UX디자이너들이 사용할 수 있다. 
2. SVG나 PNG같은 단순한 이미지 형태로도 출력이 가능하다. 

 

AMcharts

 

JavaScript Charts & Maps - amCharts

JavaScript / HTML5 charts and maps data-viz libraries for web sites and applications. Fast and responsive. WordPress plugin available. Developed since 2006.

www.amcharts.com

1. 자바스크립트 차트 및 지도. 
2. 자바스크립트를 사용할 줄 안다면 아주 좋은 내용들이다. 

 

RawGraphic

 

Home

The missing link between spreadsheets and data visualization.

rawgraphs.io

1. 스프레드시트로 꽤 괜찮은 인포그래픽을 제작할 수 있다. 

2. 무료로 이용가능하다. 

 

visme Graphic Maker

 

Best Graph Maker - Create Free Graphs & Charts Online

Visme is the best online graph maker and chart maker with 20+ chart types, easy data import, and powerful customization capabilities.

www.visme.co

1. 템플릿형태의 인포그래픽 메이커
2. 40여개의 다양한 템플릿으로 제작가능. 

 

특히 자바스크립트로 인포그래픽을 작성하는것 (AMcharts)은 꽤나 매력적이다.
코드가 좀 더 익숙해지면 한번 도전해봐야겠다. 
왠지 재미있어보인다 !! 

 

'design > Tool & Techniques' 카테고리의 다른 글

프로토타입 툴 :: Prototype Tool  (0) 2020.12.05
로티 :: lottie  (0) 2020.11.27
2020 디자인트렌드 :: 2020 design trend  (0) 2020.09.05
해더 디자인 :: header design  (0) 2020.09.02
황금 비율 :: . golden ratio  (0) 2020.08.27

댓글