다음은 구체적인 소개입니다.
막대 차트, 막대 차트라고도 합니다. 그것은 직사각형의 길이를 변수로 하는 통계도이다. 일반적으로 두 개 이상의 값을 비교하는 데 사용됩니다. 막대 그래프에는 네 가지 일반적인 유형이 있습니다.
수직 막대 차트, 가장 일반적인 막대 차트; 수평 막대 차트, 일반적으로 숫자 크기에 따라 정렬; 여러 데이터 세트를 비교하는 클러스터 막대 차트, 데이터 세트의 내부 비교를 강조합니다. 누적 막대 그래프는 여러 데이터 세트를 비교하는 데 사용됩니다. 클러스터 막대 그래프와 달리 누적 막대 그래프는 데이터 세트의 일부와 전체의 관계를 강조합니다.
중심각도로 수치를 나타내는 통계도. 일반적으로 데이터의 비율을 나타내는 데 사용됩니다. 원형 차트의 각 항목의 합계는 100% 로, 단일 주제, 즉 부분적인 전체 비율을 표현하는 데 가장 적합합니다. 원형 차트 유형은 적으며 주로 다음 세 가지가 있습니다.
일반 원형 및 원형 원형 차트를 포함한 기본 원형 차트 반원형 원형 차트, 일부 장면에서는 반원이 조판과 정렬을 더 쉽게 할 수 있습니다. 그리고 레이블 정보를 쉽게 표시 할 수 있습니다. 복합 원형 차트, 원형 차트가 너무 많이 슬라이스되면 마지막 몇 항목을 다른 클래스로 통합하여 2 차 그래프에서 해당 항목의 구성을 나타낼 수 있습니다.
이 그래프는 선의 변동 (상승 또는 하강) 을 통해 연속 데이터의 시간별 또는 정렬된 범주의 변화를 보여 주는 차트입니다. 일반적으로 데이터의 변화나 추세를 강조하는 데 사용됩니다. 선 차트는 단일 선, 여러 줄 및 스택 선으로 나눌 수 있습니다.
단일 라인 차트, 데이터 세트의 변동 만 표시합니다. 여러 데이터 세트의 변동을 동시에 표시하는 여러 선 차트 복수 스택 라인 차트는 복수 데이터 세트의 변동과 동시에 복수 데이터 세트의 변동을 보여 줍니다. 여러 데이터가 겹치는 경우 (누적 차트) 영역 차트를 권장하고 선 차트는 권장하지 않습니다.
테이블은 많은 양의 데이터를 효과적으로 표시할 수 있는 여러 행과 열로 구성된 정렬된 구성입니다. 양식의 유형은 여러 가지가 있는데, 간단한 문자와 숫자 외에도 그림, 조작 등을 추가할 수 있다. 표는 여러 차트 중 가장 다양하고 특별한 유형입니다.
기본 테이블, 정적 일반 텍스트 클래스의 기본 테이블 컨텐츠 복합 테이블, 다른 컨텐츠 유형의 보다 복잡한 테이블 형식 결합 복합 테이블을 조작할 때 사용자 동작은 테이블의 스타일 또는 특성에 영향을 줍니다.
부드러운 곡선을 사용하여 연결합니다. 데이터가 연속적이고 실시간이고 두 점 사이의 데이터가 분석적 가치가 있다면 [그래프] 를 사용하는 것이 [선 그래프] 를 사용하는 것보다 더 적합합니다 (예: 24 시간 데이터).
즉, 중심이 비어 있는 원형 차트는 진행 상황을 표시하는 데 사용됩니다. 표시 배율 외에도 진행률 로드를 표시하고 클럭/타이머 디자인을 시뮬레이션하는 데 사용할 수 있습니다.
차트에 자주 사용되며 지리적 분포에 따라 일정 기간 동안 누적된 데이터의 양 (일반적으로 불연속적) 을 집계한 다음 데이터 집약/희소성 영역을 분석할 수 있습니다. 이것은 효과를 보여주는 좋은 방법이다.
[레이더 그래프] 는 다양한 유형의 데이터 시퀀스를 비교하고 전반적인 상황을 볼 때 유용하며, 자신의 전반적인 발전 균형을 볼 수 있을 뿐만 아니라, 전체적으로 두 시퀀스의 우열을 비교할 수 있다. 이것은 또한 디스플레이 효과가 좋은 데이터 표현으로, 전체 종합 정보를 시각적으로 보여줍니다.
List 는 일반적으로 사용되는 표현식입니다. 일반적으로 볼 수 있는 목록은 오른쪽 Spendee 의 인터페이스이지만 일부 app 는 목록의 데이터를 시각화하려고 합니다. 아래 그림의 왼쪽 가운데 Elevate 의 인터페이스를 참조하십시오.
영역 차트는 시간에 따른 데이터 변경 정도를 강조합니다.
동일한 차트에 두 개 이상의 차트 유형을 표시하는 것입니다. 주로 서로 다른 각도의 데이터를 동일한 차트에 배치하여 데이터 간의 종속성을 찾을 수 있습니다.
분산형 차트는 일반적으로 두 데이터 세트 간의 상관 관계를 표시하여 데이터 분포를 표시하는 데 사용됩니다. 예를 들어 다음 그림은 연간 주문당 제품 수량을 보여줍니다.
세 개의 데이터 세트 사이의 관계를 표시하는 데 사용됩니다. 한 데이터 세트는 가로좌표로, 한 데이터 세트는 세로좌표로, 다른 데이터 세트는 버블의 크기를 나타냅니다.
어두운 배경의 차트는 일반적으로 분위기를 조성하는 데 사용되며 표시되는 데이터 정보는 일반적으로 적습니다. 이때 밝은 색을 사용하면 차트 정보가 어두운 색에서 쉽게 튀어나올 수 있다.
많은 양의 데이터 정보를 명확하게 표시해야 하는 경우 밝은 배경을 선택하는 것이 좋습니다. 밝은 배경에 대한 데이터 정보 식별도가 높습니다. 그러나 데이터 정보의 양이 너무 작으면 페이지 공간이 연한 배경에 나타나 플랫폼에 내용이 없고 열도 없다고 느끼게 된다는 점에 유의해야 합니다. 물론 그래픽 텍스처, 색상 등을 통해 최적화할 수 있습니다.
페이지를 더욱 생동감 있게 만들기 위해 큰 색상 블록에 데이터 정보를 표시할 수 있는 경우도 있습니다.
비즈니스 어플리케이션은 파란색과 녹색을 배경색으로 사용할 수 있습니다.
모션 클래스 app 는 주황색, 노란색, 주황색 등과 같이 자유도가 더 높은 색상을 선택할 수 있습니다.
데이터를 쉽게 읽을 수 있도록 그림 하단을 사용할 수 있습니다. 일부 날씨 응용 프로그램에서 이 사용법은 흔히 볼 수 있으며, 이미지 내용은 가독성을 높이기 위해 데이터 정보와 관련이 있습니다.
원칙: 디자이너를 기준으로 합니다.
행장: 행당 문자 수는 전체 가독성에 중요한 역할을 합니다. 단락이 넓고, 무섭고, 읽기가 어렵다면. 마찬가지로, 각 줄의 글자가 너무 짧으면 독자의 눈에 스트레스를 주고 혼란을 초래할 수 있다.
행간: 텍스트 줄 사이의 간격도 똑같이 중요합니다. 이 문장 좀 봐. 만약 각 줄의 글자가 상하와 함께 붙어 있다면, 너는 이 문장들을 이해할 수 없다.
글꼴 스타일: 글꼴 스타일도 가독성에 영향을 줍니다. 간단한 세리프와 세리프 서체는 가독성이 가장 강하고 탐색하기 쉬우며, 그 화려한 서예와 참신한 서체는 해독하기 가장 어렵다.
외부 및 내부 여백: 행간과 마찬가지로 요소 주위와 요소 사이의 간격도 텍스트 자체의 읽기에 영향을 줍니다.
색상 및 대비: 문자 색상 및 해당 배경도 중요합니다. 녹색 배경에 녹색 글자를 쓰면 읽기가 어려울 것이다. 디자이너가 어두운 배경에 연한 문자를 선택하거나 어두운 배경에 연한 문자를 붙이는 데에는 이유가 있다. 대비를 통해 문자를 쉽게 읽을 수 있습니다.
데이터 제품의 차트는 데이터의 정확성을 강조하며 일반적으로 0 기준선이 필수적입니다. 시작 위치를 강조하기 위해 색상은 다른 그리드 선보다 더 어둡습니다. 사용자마다 디스플레이 장치의 차이를 고려하여 명확한 인식을 위해 최소 94 개의 그레이스케일 값을 사용하는 것이 좋습니다. 일부 장치에서는 색상이 너무 얕아 잘 표시되지 않습니다.
열 폭이 d 인 경우 열 간격은 1/2D 와 d 사이에 권장되고 클러스터 막대 차트의 두 열 간격은 1/8D 로 제안됩니다. 이렇게 하면 열이 분산되지 않도록 보장할 수 있습니다. 즉, 데이터 간의 관련성을 잃고 밀도가 높지 않도록 데이터 간의 독립성과 편안한 읽기를 보장할 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 데이터명언)
일반적으로 원형 차트를 그리는 방법은 12 시부터 사용자의 읽기 습관에 따라 위에서 아래로 부채면을 시계 방향으로 배열하는 것입니다.
그러나이 드로잉 방법에는 몇 가지 단점이 있습니다. 원형 차트의 상반부에서는 중요하지 않은 최소 데이터 항목이 최대 데이터 항목과 함께 시각적 포커스를 차지합니다. 이 문제를 해결하기 위해, 우리는 이것에 기초하여 약간의 최적화를 했다. 마찬가지로 시계의 12 부터 시계 반대 방향으로 최대 슬라이스를 그린 다음 12 로 돌아가서 시계 방향으로 두 번째 큰 슬라이스를 그리고 나머지 슬라이스를 순차적으로 그립니다 (그림 2- 17). 이 방법은 원형 차트의 상반부, 사용자 시선의 초점을 가장 중요한 데이터로 만듭니다. 그러나 이 그리기 방법에는 한 가지 단점이 있습니다. 원형 차트가 여러 개 있는 경우 각 원형 차트의 시작 위치가 다릅니다 (그림에서 물음표 표시의 위치). 사용 장면에 따라 다른 원형 차트 그리기 방법을 선택할 수 있습니다.
라인 차트는 데이터 변경 및 추세를 나타내는 데 자주 사용되며 축의 차이는 라인의 변경 범위에 큰 영향을 줍니다. 좌표축 값을 너무 높게 설정하면 폴리선 변경이 너무 완만하여 폴리선 변경이 명확하게 표현할 수 없다는 사실을 가립니다. 반면에 축을 너무 낮게 설정하면 폴리라인 변경이 너무 가파르고 폴리라인 변경 추세가 과장됩니다.
차트의 가독성을 향상시키는 방법
데이터 제품은 많은 숫자와 차트로 가득 차 있어 사용자가 데이터의 바다에 쉽게 잠기게 됩니다. 이러한 데이터를 정확하게 표현하는 것 외에도 차트의 가독성을 높이는 것도 데이터 제품의 차트 디자인의 두드러진 특징이다. 차트의 문자 부분은 일반적으로 구체적인 숫자 값과 그 의미에 대한 해석이다. 이러한 문자에 대한 합리적인 조판을 통해 사용자는 차트를 빠르게 이해할 수 있어 효율적으로 읽을 수 있습니다.
축의 레이블은 가로로 정렬되며 세로 또는 비스듬히 정렬하지 않는 것이 좋습니다. 단어가 많을 때는 읽기가 쉽지 않다. 막대 그래프의 일부 레이블 사용은 선 차트에도 적용됩니다.
막대 그래프의 레이블 정렬 수평 막대 그래프는 일반적으로 좌표를 단순화하고, 데이터 값은 막대 그래프를 따르며, 데이터 잉크 잉크 비율을 증가시킵니다.
가로 막대 차트 축 레이블이 너무 길면 세로 막대 차트에 모든 축 레이블이 표시되지 않습니다. 다음과 같은 여러 가지 솔루션이 있습니다.
가로 막대 차트를 사용하여 레이블의 표시 공간을 늘릴 수 있습니다.
주 축척을 표시하고, 나머지 데이터를 생략하고, 상호 작용을 통해 표시합니다. 예를 들어 연도 20 10 /20 1 1 을 표시하고 연도 내 특정 월을 숨기고 커서를 놓습니다. 그림 2-22 가로좌표에 나와 있습니다. 높은 값은 단위로 변환할 수 있습니다. 예를 들어, 500,000 은 500,000 으로 표시되며 중국인의 독서 습관에 더 부합하며 공간을 절약합니다. 그림 2-22 에 나와 있습니다.
원형 차트에 백분율 값으로 표시됩니다.
정보의 일관성과 시각집중, 이론적으로 가장 적합한 위치. 그러나 원형 차트 자체의 모양과 크기에 따라 텍스트가 너무 많을 때 쉽게 넘칠 수 있습니다.
안내선을 사용하여 원형 차트 주위의 적절한 위치에 표시합니다.
안내선을 사용하면 슬라이스를 레이블과 효과적으로 연결하여 더 많은 문자를 표시할 수 있습니다. 많은 가이드 선이 있을 때 변형을 조정할 수 있습니다. 데이터 제품에서는 일반적으로 활성 데이터로, 숫자 값이 자주 변경되고 레이블과 안내선의 위치가 고정되지 않아 조판을 제어하기가 어렵습니다.
값과 레이블이 별도로 표시됩니다.
레이블의 문자 수에는 제한이 없지만 원형 차트에서 레이블이 분리되므로 비교 읽기가 필요합니다.
대화식 전환 탭은 원형 원형의 빈 공간에 표시됩니다.
빈 부분은 슬라이스 크기의 영향을 받지 않으며 레이블과 값을 함께 표시할 수 있습니다. 각 슬라이스의 가치를 강조하는 데 적합합니다. 레이블과 슬라이스 간의 대응 관계는 상호 작용을 통해 해석되어야 하며 데이터 표시는 숨겨져 있습니다.
텍스트 정보의 수직 열 비교는 형식 타워 심리학의 유사성 원리에 부합하는 시각적 안내선을 잘 형성할 수 있습니다. 데이터 유형에 따라 정렬 방법이 다릅니다. 일반적으로 문자는 왼쪽, 데이터는 오른쪽 정렬되며, 숫자의 길이를 통해 데이터의 크기를 쉽게 비교할 수 있습니다.
상태를 나타내는 텍스트는 일반적으로 몇 가지 고정 유형 (예: 완료됨, 지불 보류 등) 에 불과합니다. ), 그래서 중심에 둘 수 있습니다. 밀접한 관계가 있는 필드는 그룹으로 정렬할 수 있으므로 데이터 간의 상관 관계를 강화하고 데이터 그룹 수를 줄이며 사용자가 신속하게 정보를 찾을 수 있습니다.
첫째, 차트의 어떤 요소도 마음대로 배치할 수 없다는 것을 기억해야 한다.
많은 사람들이 비즈니스 차트를 장려하는 이유는 차트의 요소 중 어느 것도 무작위로 배치되지 않았기 때문입니다.
이 디자인은 다음 네 가지 기본 원칙을 중심으로 합니다.
1. 친밀하다
친밀 원칙은 관련 물품을 함께 조직하는 것을 말한다. 차트에서 물리적인 접근은 그들이 이전에 의미 있는 연관이 있다는 것을 의미하기 때문이다.
정렬
정렬 원칙은 어떤 원소도 차트에 마음대로 놓을 수 없다는 것을 의미하며, 각 항목은 차트의 어떤 것과 어떤 시각적 연관이 있어야 한다는 것이다.
반복
반복 원칙은 디자인의 일부 측면이 작품 전체에서 반복되어야 한다는 것을 의미한다.
비교
대비 원칙은 두 항목이 정확히 동일하지 않으면 완전히 다르게 만들어야 한다는 것이다.
B 1 요소 관계 합리화 [친밀감 세부 사항]
그림을 관찰하다:
첫 번째 차트의 제목과 범례는 평행 관계가 있는 것처럼 보이지만 실제로는 평행 관계가 없습니다.
이런 도표는 사람을 초점이 없어 보이게 하기 때문에 아무도 그래프의 제목을 보지 않을 것이다.
관중들은 어찌할 바를 모를 것이다. 이것은 무슨 지도입니까?
기억하십시오: 차트 요소에서 차트 제목의 의미는 그림이 무엇인지 청중에게 알려주는 것입니다.
두 번째는 제목과 범례를 공간과 크기에 따라 두 그룹으로 나누는 것이 훨씬 좋다.
청중은 차트에서 제목이 큰 글자를 보면, 당신이 도표를 통해 무엇을 표현하고 싶은지 바로 알 수 있다. (조지 버나드 쇼, 자기관리명언)
B2 전문 분야 [경로 세부 사항]
너와 나는 사실 엑셀 앱에서 이미 무의식적으로 이 원리를 사용했는데, 많은 경우 너와 내가 사용한 것은 중심 정렬일 수 있다.
특히 엑셀 차트의 제목은 기본적으로 이렇다.
그러나 좌우 정렬이 사람에게 더 강한 시각 효과를 준다는 것을 알아야 한다.
일반적으로 텍스트의 가장자리를 차트의 핵심에 원격으로 정렬하는 것이 가장 좋습니다.
토론 할 두 가지 개념이 있습니다.
부드러움:
중심 정렬의 경계는 바로 중심선이다. 이 중심선은 인간의 시각에서 개념이 모호하다. 양쪽의 대량의 공백은 안정감을 주지만, 너의 나약함을 드러낸다. (조지 버나드 쇼, 자기관리명언)
하드:
좋든 싫든, 해도의 좌표와 테두리는 항상 무뚝뚝한 느낌을 주며, 이러한 정렬로 인해 도면이 강경한 느낌과 설득력을 갖게 된다.
아래 예에서 3 번은 다른 것보다 훨씬 좋고, 최악의 것은 1 호입니다.
B3 너의 도표가 균일성을 잃지 않도록 해라.
무결성을 위해, 당신은 심지어 자신의 차트에 특정 반복을 사용할 수 있으며, 다른 사람들이 이 반복을 보면 이 차트가 당신의 작품이라는 것을 알 수 있다. (조지 버나드 쇼, 자기관리명언)
차트 설계에서는 반복성 원칙에 두 가지 응용이 있습니다.
첫 번째는 색상입니다. 색상을 사용하기 전에 색상의 넓은 영역, 특히 차트 영역의 배경을 명확히 해야 합니다.
사용은 차트의 핵심 호소의 표현 영역을 줄이고 차트의 표현력을 낮춘다.
아이콘 보기 ͈1
두 번째 반복은 요소 내의 동일한 형식이므로 요소 간의 계층 관계를 명확하게 이해할 수 있습니다.
반복되는 원칙은 차트를 더 단순하고 가독성이 더 강해 보이게 할 수 있다. (존 F. 케네디, 독서명언)
예를 들어 글꼴의 크기, 글꼴의 범주 등이 있습니다.
가능하면 차트의 한 가지 글꼴과 두 가지 글꼴 크기의 제한을 초과하지 마십시오. 글꼴이 모양이기 때문입니다.
그림 보기 ͈ 2
결론적으로: 차트에 문자를 너무 많이 넣지 마십시오. 축 위의 문자는 차트 문자가 상대적으로 집중된 영역이므로 축을 신중하게 처리해야 합니다.
차트는 잠재력/차이/추세에 초점을 맞추고 있습니다. 이것은 당신의 목표와 요구를 표현하는 한 가지 방법이다.
잠재적/차이/추세 정보가 너무 많은 경우, 다른 정보가 차트를 방해하는 목표의 흡인력은 분명하지 않다
차트의 일부 요소가 불가침이라고 생각하지 말고 축, 그리드 라인, 드로잉 영역, 배경, 테두리와 같은 과감하게 제거하십시오.
그림 보기 ͈ 3
한 가지 원칙을 기억하십시오: 모든 문자와 정보는 차트를 이해하기 위해 최소 3 초 이상이어야 합니다.
B4. 귀하의 요청을 강력하게 표현하십시오 [비교 및 설명]
당신의 목적은 무엇입니까: 당신은 도표로 어떤 문제를 설명하려고 합니까? 이 문제를 설명하기 위해서 대담하게 대비를 사용하세요.
이 표현을 완성하는 데 도움이 될 것입니다.
대비는 반드시 강해야지, 움츠러들거나 게으름을 피우지 마라. 의식적이든 무의식적이든, 대부분의 사람들은 비교 원칙을 거의 사용하지 않지만, 이 문제에서는 자주 실수를 한다.
대비가 강하지 않다면 (예: 3 번 글꼴과 4 번 글꼴) 대비가 아니라 충돌이 될 수 있다는 점에 유의해야 한다. 관객의 관점에서 볼 때, 이런 디자인은 더욱 실수와 같다.
그래프 디자인에서는 글꼴 크기, 글꼴 색상, 모양 [점, 선, 면] 등 여러 가지 방법으로 대비를 수행할 수 있습니다.
일반적으로 위의 방법을 사용하여 비교를 수행해야 합니다.
가장 좋은 비교 진입 점은 색상과 크기 또는 면적입니다.
차트의 색상이 많지 않은 경우: 예를 들어 흰색과 검은색만 있다면, 그 중 한 가지 요소만 빨간색으로 바꾸면 대비효과가 완전히 달라진다. (조지 버나드 쇼, 자기관리명언)
그러나 서체 사용에서는 같은 차트에서 한 요소의 대비 효과가 두 번 나타날 수 없다는 점에 유의해야 한다. [예: 글꼴의 범주와 색상].
항상 기억하십시오: 전체 차트의 레이아웃을 초점에 유지하십시오. 초점은 고유합니다.
그림 오른쪽에 있는 차트는 청중에게 다음과 같은 메시지를 명확하게 전달합니다.
더 큰 서체는 이 그림이 무엇을 했는지, 강한 빨간색은 현재 진행 상황을 보여 주는 데 사용된다. (존 F. 케네디, 독서명언)
참고:
이곳의 색채 운용, 빨간색은 관중의 주의를 현재의 진도에 집중시켰고, 그는 너무 강렬해서 관심의 초점이 되었다.
차트의 제목에 큰 글자를 사용하는 것은 이미 현재 진행 상황을 설명하는 데 필요한 정보가 되었다.
왼쪽의 표현은 그에 따라 많이 차이가 난다.