마스터해야하는 데이터 시각화의 기본 설계 원칙

I. 소개

지난 기사에서는 데이터 시각화의 정의에 대해 체계적으로 설명했습니다. 좋은 데이터 시각화 란 무엇입니까? 그리고 데이터 시각화 디자인의 첫 번째 원칙입니다.

오늘은 먼저 데이터 시각화의 두 번째 기본 원리를 설명합니다.

2. 데이터 시각화두 번째 기본 원칙-최대

데이터 시각화의 두 번째 기본 원칙, 즉 시각화 디자인은 정보를 명확하게 표현할 수 있습니다.

아래에서는 데이터 시각화 디자인이 "도달"을 달성 할 수있는 몇 가지 방법론을 제공합니다.

1. 방법 1 : 데이터 잉크 비율 최대화

우선 데이터 잉크, 비 데이터 잉크 및 중복 데이터 잉크의 개념을 파악해야합니다.

데이터 잉크, 즉 시각화 그래프의 지울 수없는 핵심 부분이고 데이터 잉크의 비율은 시각화 그래프에서 핵심 데이터를 표시하는 데 사용되는 "잉크"와 전체 시각화에 사용되는 모든 잉크 간의 비율입니다. 다음과 같이 계산 공식 :
여기에 사진 설명 삽입

이름에서 알 수 있듯이 비 데이터 잉크는 차트 배율, 단위 및 좌표 축 묘사와 같은 시각화 차트의 핵심이 아닌 부분입니다.

이름에서 알 수 있듯이 중복 데이터 잉크는 여분의 반복되는 잉크 부분입니다. 예를 들어 핵심 데이터 표시기는 두 번 반복되지만 핵심 데이터 표시기이므로 데이터가 아닌 잉크는 아니지만 여기에 중복 데이터가 있습니다.

아래 그림과 같이 하단 데이터 인덱스를 볼 수 있습니다. 왼쪽 심전도의 데이터 잉크 비율은 1> 오른쪽의 산포 그래프의 데이터 비율은 0.9이고 디지털 잉크 갭 0.1은 주로 분산 형 그래프를 사용할 수 없습니다. 좌표축 및 단위의 존재를 피하십시오.

여기에 사진 설명 삽입

위의 정의와 예를 살펴보면 데이터 잉크의 비율을 최대화하는 두 가지 방향이 데이터 잉크가 아닌 잉크 지우기와 중복 데이터 잉크 지우기라는 두 가지 방향을 모두가 찾는 것이 어렵지 않습니다.

이 두 가지 방법은 서로 다른 방향이지만 한 가지 공통점이있어 불필요한 잉크 사용량을 줄이고 다이어그램을 통해 디지털 관계의 표시를 간소화 할 수 있습니다.

2. 방법 2 : 지각과 인식의 시간 소모적 인 과정을 줄이고 게슈탈트 원칙을 따르십시오.

실제로 일부 그래픽 요소에 대한 인간의 시각적 인식은 가장 빠른 속도로 200 밀리 초 이내에 완료 될 수 있습니다. 이러한 요소에는 색상, 크기, 모양, 길이, 방향, 밀도 등이 포함되지만 이에 국한되지 않습니다. 인간의 눈을 완전히 동원하십시오.이 부분의 디자인 요소에 대한 통찰력.

그중 Gestalt 원칙을 참조하여 시간이 많이 걸리는 인식 및 인식 과정을 줄일 수 있습니다.

근접성 : 서로 가까이있는 부분은 전체를 이루는 경향이 있습니다. 아래 그림과 같이 순록 패턴이 수직으로 분포 된 일련의 유사한 직선으로 구성되어 있음을 알 수 있습니다. 줄 간격이 너무 크면 시각적으로 자연스러워집니다. 전체는 맨 오른쪽에있는 점처럼 두 부분으로 나뉘며, 유사성의 원리에 따라 육안으로 무의식적으로 두 부분으로 나뉩니다.
여기에 사진 설명 삽입

유사성 : 어떤 방식으로 유사한 부분은 전체를 이루는 경향이 있습니다. 아래 그림과 같이 다음 그림을 보면 비슷한 부분을 무의식적으로 큰 그룹으로 간주하고 가장 오른쪽에있는 원을 예로 들어 보겠습니다. 그림의 원은 색상에 따라 5 부분으로 나뉩니다.

여기에 사진 설명 삽입

클로저 : 서로 속해 있고 닫힌 엔티티를 형성하는 부분은 전체를 이루는 경향이 있습니다. 아래 그림과 같이 WWF 로고는 일반적으로 닫힌 원칙을 사용하는 디자인입니다. 팬더의 The head는 실선으로 닫히지 않지만 시각적으로 우리는 여전히 닫힌 전체라고 생각합니다.
여기에 사진 설명 삽입

연속성 : 우리는 점선이나 모양을 관찰하는 대신 완전히 그림을 연결하는 경향이 있습니다. 아래 그림과 같이 육안으로 인식 할 때 작은 점을 선으로 연결하는 데 익숙해 져 있으며 두 개의 교차하는 원을 무의식적으로 볼 것입니다. 두 개의 불완전한 원과 하나가 두 개의 원을 교차하는 대신.
여기에 사진 설명 삽입

단순성 : 대칭, 규칙적, 부드러운 단순 그래픽이있는 부분은 전체를 이루는 경향이 있습니다. 아래 그림과 같이 왼쪽의 인터페이스는 대칭 페이지이므로 왼쪽의 카드가 전체라고 생각할 수 있습니다. 아래에 다른 하나가 있습니다. 새 카드이지만 오른쪽의 카드는 그렇지 않습니다. 전체 페이지가 대칭이 아니기 때문에 사용자는 오른쪽에 카드가 있는지 궁금 할 수 있습니다.

여기에 사진 설명 삽입

3. 결론

이번 호에서는 저자가 데이터 시각화 디자인의 두 번째 기본 원칙을 알려 드리는데, 이해했다고 생각합니다. 마지막 기본 원칙은 다음 기사에서 공개 할 예정입니다.

추천

출처blog.csdn.net/amumuum/article/details/113317093