인포 그래픽에 인터랙티브 기능을 추가하는 방법 - 인형

의심 할 여지없이 상호 작용은 인포 그래픽에서 가장 인기있는 추세입니다. 뉴스 및 엔터테인먼트 컨텐츠의 온라인 소스가 증가함에 따라 모든 큐레이터가 생겨났습니다. 방문하려는 웹 사이트, 클릭하려는 링크 및 공유하려는 정보를 선택합니다.

정보를 가지고 놀고 데이터의 바다로 뛰어 들어 자신의 목적에 맞게 작동시킬 수있는 기회가 주어지면 좋아합니다. 대화 형 기능을 추가하기 위해 프로그래머가 될 필요는 없습니다. Adobe Flash Player에 대한 실무 지식은 당신을 시작하기에 충분합니다.

그러나 당신은 거기에서 쉬지 않을 수 있습니다. 지금도 HTML 및 CSS와 같은 웹 디자인 언어는 인터랙티브 그래픽 디자인 분야에서 Flash를 추월 할 위험이 있습니다. 모바일 장치에서 그래픽을 잘 읽으려면 HTML5, CSS3 및 JavaScript를 프로그래밍 언어 도구 상자에 추가하는 작업을 시작하십시오.

대화식 그래픽은 일반적인 인쇄 그래픽이 절대로 전달할 수없는 깊이를 약속합니다. 가능성은 무한하며 종종 독자들에게 매혹적입니다. Infographics 디자이너가 작업을보다 상호 작용하게 만드는 두 가지 방법이 있습니다.

다른 페이지에 정보 배치

인쇄 매체가 인포 그래픽을위한 가장 보편적 인 플랫폼이었을 때 전체 그래픽을 하나의 단위로보아야했습니다. 그래픽이 신문의 단일 열 또는 잡지의 두 페이지 펼침을 차지했는지 여부에 관계없이 디자인 규칙은 전체 그래픽을 자체 포함하도록 요구했습니다.

더 이상. 온라인 플랫폼에서 첫 페이지에 간단한 정보 블록을 표시 할 수 있습니다. 다음 정보 블록으로 이동하려면 독자가 페이지를 아래로 스크롤하여 새로운 정보로 이동할 수있는 수직 디자인을 만들 수 있습니다.

또는 또는

두 번째 정보 블록을 완전히 새로운 페이지에 배치 할 수 있으며 링크를 클릭하면 더 많은 정보를 얻을 수 있습니다. 다른 그래픽 요소를 추가하고 클릭 유도 문안 링크와 함께 세 번째 페이지에 배치하십시오. 이 방법은 페이지 뷰를 사용하여 광고 요율과 전반적인 인기를 결정하는 고객에게 대단히 매력적일 수 있습니다. 클릭 스루 그래픽의 단점: 독자가 모든 것을 통해 나와 함께 할 수는 없습니다.

독자가

을 선택하도록하십시오. 대학 학위를 소지 한 각 주마다 인구의 비율을 보여주기 위해 infographic을 작성했다고합시다. 간단 하죠? 미국의지도를 만들었을 것입니다. 각 주마다 작은 유형의 백분율 숫자가 있습니다.

상호 작용을 통해 다른 많은 접근법을 취할 수 있습니다. 번호를 완전히 건너 뛸 수 있습니다. 예를 들어, 상태를 색으로 구분하여 시작하십시오. 아마도 대학 학위를 가진 인구의 50 % 미만이있는 주는 밝은 녹색입니다. 50 ~ 65 %는 초록색입니다. 65 % 이상은 녹색 숲입니다.

그러면 HTML5를 사용하여 데이터를 삽입하여 독자가 단일 상태에서 컴퓨터 마우스를 가리키고 정확한 비율을 볼 수 있습니다. 이런 식으로 많은 데이터를 추가 할 수 있습니다. 아마도 대학 학위를 소지 한 남녀의 비율을 깰 수도 있고 슬라이더 막대를 사용하여 10 년 단위로 데이터를 변경할 수도 있습니다.