Explicación sencilla y en profundidad 丨Le permitirá comprender el proceso de "belleza" de la visualización de datos.

Educación en términos simples 丨Le permite comprender el proceso de "belleza" en la visualización de datos.

Los antiguos decían: "Sin embargo, las personas no pueden ser juzgadas por su apariencia desde la antigüedad". Hasta el presente, los humanos son un grupo de animales perceptivos y se ven fácilmente influenciados por las apariencias externas, primero hay que ser sensato antes de ser racional.

"Han Feizi" mencionó que al final del Período de Primavera y Otoño, un hombre del estado de Lu, Tantai, nació con una apariencia extraña. Ella no se negó, pero no lo hizo. Me preocupé por él, lo ignoré y lo dejé sentarse en el banco. Por lo tanto, abandonó resueltamente a Confucio, se volvió autodidacta, encontró su propio camino, viajó y dio conferencias, difundió activamente el confucianismo y cultivó muchos talentos, profundamente amados por la gente. Después de que Confucio se enteró de sus hechos, de repente se dio cuenta.

Hoy en día lucir bien también es muy importante. "La apariencia es justicia." Las personas guapas parecen tener más probabilidades de ser bienvenidas y recibir un trato preferencial.

Pero los antiguos también decían: "La apariencia proviene del corazón". A partir de la apariencia y el estado mental de una persona, podemos conocer aproximadamente su condición interior. Por el contrario, también lo hará su estado de pensamiento interno. proyectarse sobre la apariencia de la imagen.

Por tanto, debemos prestar atención al sano desarrollo de nuestro propio autocultivo interior, y también debemos aprender a expresar y examinar la belleza exterior.

Del mismo modo, un buen diseño también debe tener contenido y forma.

La era de la información ha acelerado el ritmo de vida de las personas. Las personas tienen prisa todos los días, su tiempo está fragmentado y ni siquiera tienen mucho tiempo para leer un texto completo. El poder de las palabras es limitado. Sólo con la ayuda de la visualización se puede difundir la información de manera eficiente.

La visualización de datos es una rama importante del campo de datos. El propósito es "dejar que los datos hablen" y mostrar la belleza de los datos. Los buenos gráficos dicen mucho y los buenos gráficos pueden capturar los corazones de los usuarios.

1. Historia: la cognición y expresión del mundo de los seres humanos comienza con imágenes.

Las investigaciones han descubierto que el cerebro humano procesa información de imágenes simultáneamente, mientras que el procesamiento de información de texto es un paso. paso a paso, y después de leer un texto, la mayoría de las personas solo recuerdan 20; cuando leen un periódico, 99 de la información del texto se filtrarán automáticamente y solo quedará una lamentable cantidad en el cerebro humano; La velocidad es 6000 veces mayor que la del procesamiento de texto. En otras palabras, si un artículo de 6.000 palabras tarda 10 minutos en leerse, comprimirlo en una imagen sólo lleva 10/6.000 minutos.

Las imágenes pueden expresar contenido más rico que las palabras y también pueden dejar mucho espacio para la imaginación, reflejar autenticidad (imágenes y verdad) y ser agradables a la vista.

De hecho, en la antigüedad, nuestros ancestros lejanos, el Homo sapiens, ya habían aprendido a dibujar basándose en su comprensión del entorno de vida que los rodeaba, pintaban personas, pájaros, animales, hierba, árboles y otros. cosas así como actividades cotidianas como la caza, la agricultura, los viajes, las batallas, los combates, los sacrificios e incluso las relaciones sexuales entre hombres y mujeres están talladas en rocas, paredes y cuevas... Hasta ahora, más de 150 países en más de En 70 países de Europa, Asia, América y Oceanía se han descubierto sitios de arte rupestre en muchas áreas, pero solo unos pocos grupos étnicos en África y Australia aún conservan la tradición de producción de arte rupestre, como los famosos sitios de arte rupestre de la Cueva de Lascaux. Pinturas, pinturas rupestres de Altamira, pinturas rupestres del campo Damai, pinturas rupestres de Lavente, murales de la cueva de la mano del río Pinturas, grabados rupestres de elefantes africanos, pinturas rupestres del acantilado de Jiangjun, etc.

El científico del arte rupestre Emmanuel Anati mencionó en el libro "World Rock Art: Original Language": Con la mejora del nivel técnico del Homo sapiens y la mejora de las capacidades de abstracción y percepción, ha impulsado el surgimiento de lenguaje y arte complejos, y las pinturas rupestres son una forma de registro de este lenguaje; 70 pinturas rupestres conocidas actualmente son obras de sociedades cazadoras y recolectoras, y las 30 restantes son obras del período nómada y agrícola en la estructura de estas. pinturas rupestres Hay en ellas recuerdos únicos y patrones cognitivos universales. Las pinturas rupestres son pictografías, escritos de la era prealfabetizada y testigos de la memoria oculta de la humanidad.

Se puede observar que la comprensión y expresión del mundo por parte de los seres humanos comienza con imágenes.

Figura 1. Pinturas rupestres de la antigüedad

Antes de que los humanos crearan la escritura, también vivieron etapas como "atar cuerdas para registrar eventos" y "imágenes para registrar eventos".

Sin embargo, con el desarrollo de la sociedad, los seres humanos han experimentado una "revolución agrícola". Ya no dependen únicamente de la caza para ganarse la vida, sino que se han vuelto más hábiles en la fabricación y el uso de productos excedentes. gradualmente ha ido aumentando y las organizaciones sociales han ido madurando. En este momento, las organizaciones sociales continúan generando una gran cantidad de información, además de los galones legales, también deben registrar diversas transacciones, impuestos, inventarios de mercancías, feriados, fechas de batallas ganadas, etc. Antes de eso, aunque los humanos podían usar imágenes para registrar eventos, usaban principalmente sus propios cerebros para registrar información. Con la gran cantidad de información producida, es fácil que se produzca una sobrecarga de memoria, por eso existen las palabras.

Los jeroglíficos se desarrollaron a partir de imágenes primitivas. Debido al desarrollo de la sociedad y la baja eficiencia de las imágenes, era difícil satisfacer las necesidades sociales, por lo que la gente gradualmente extrajo elementos de las imágenes para formar jeroglíficos. Los jeroglíficos son una de las formas más primitivas de crear caracteres, utilizando exclusivamente gráficos para uso de texto, y estos caracteres son muy similares en forma a las cosas que representan. La naturaleza pictórica se debilita y la naturaleza simbólica se realza. La cuneiforme sumeria, las inscripciones en huesos de oráculos, los jeroglíficos del antiguo Egipto y la escritura maya se produjeron de forma independiente a partir de las imágenes y patrones más simples de la sociedad primitiva.

Pero los jeroglíficos también tienen grandes limitaciones, porque algunas cosas físicas y abstractas no se pueden dibujar, y la escritura es lenta y difícil de leer.

Figura 2. Los cuatro caracteres antiguos más importantes del mundo

Con el mayor desarrollo de la sociedad, los caracteres también se han desarrollado mucho y los "símbolos fonéticos" se han ido diferenciando gradualmente en función de de jeroglíficos y dos palabras "ideográficas". La escritura se utiliza para registrar y difundir el lenguaje, y sólo hay dos formas de registrar y difundir el lenguaje, o "expresar sonido" o "expresar significado". En lo que respecta a los caracteres chinos, el proceso de desarrollo es aproximadamente el siguiente: anudar cuerdas para registrar eventos - caracteres pictóricos - pictografías - caracteres pictográficos - significado y caracteres fonéticos.

El desarrollo de la sociedad ha impulsado el desarrollo de la escritura, permitiendo a las personas expresar las cosas de una manera más rica y diversa. Pueden referirse a cosas, pictogramas, pictografías, comprensiones, transferencias y préstamos. La comprensión y expresión del mundo por parte de la gente también se ha ampliado enormemente en amplitud y profundidad. A su vez, gracias a los textos más diversos, las personas pueden registrar lo que ven, oyen y piensan de forma más precisa, vívida, profunda y flexible, acelerando la difusión y herencia del conocimiento y promoviendo el desarrollo de la sociedad.

Por muy rico que sea el texto, todavía tiene limitaciones que son difíciles de superar. El texto debe entenderse y no se puede entender de un vistazo. La expresión de cosas e individuos abstractos no es lo suficientemente vívida ni localizada. Por lo tanto, en la era posterior al surgimiento de la escritura, muchos documentos se transmitieron en forma de una combinación de imágenes y textos. Por ejemplo, en el manuscrito Voynich descubierto en 1912, nadie ha descifrado las letras y el lenguaje, pero muchas imágenes de plantas, bellezas bañándose en cuerpos celestes e incluso patrones exquisitamente construidos son claramente visibles a simple vista y son sorprendentes.

Figura 3. Manuscrito Voynich

II. Desarrollo: Entrando en la era de "cien flores floreciendo y cien escuelas de pensamiento en pugna"

Antes del advenimiento Gracias a las computadoras, las personas ya podían mostrar datos de manera flexible. Utiliza gráficos básicos, como gráficos de columnas, gráficos de líneas y gráficos circulares, y también ha generado muchos gráficos de datos nuevos y creativos.

Todos pueden conocer a Nightingale (a nivel internacional, el Día de la Enfermera lleva el nombre de su cumpleaños), pero es posible que muchas personas no sepan que ella creó la imagen de Nightingale Rose (en la foto de abajo). Durante la Guerra de Crimea, Nightingale recopiló datos y descubrió que la causa de muchas muertes no era la "muerte en el campo de batalla", sino la infección por enfermedades fuera del campo de batalla o las lesiones en el campo de batalla sin la atención letal adecuada. Para explicar esta razón y reducir la tasa de mortalidad de los soldados británicos, dibujó este famoso cuadro y se lo presentó a la reina Victoria en 1858. (La Reina debe estar muy conmovida por un gráfico tan hermoso)

Figura 4. Gráfico de Nightingale Rose

Minard, el dibujante de fama mundial, creó muchas técnicas de dibujo temáticas importantes que mejoran otras técnicas. Fue el primero en combinar gráficos circulares y mapas y en incorporar líneas de flujo en los mapas. El siguiente cuadro es el trabajo más conocido de Minard y Edward Tufte lo considera el cuadro estadístico más destacado de la historia.

Representa la pérdida militar del ejército de Napoleón desde que abandonó la frontera polaco-rusa. Presenta información en seis dimensiones a través de dos dimensiones en una sola imagen: el número de tropas de Napoleón, la distancia de marcha, la temperatura, la longitud y latitud, la dirección del movimiento y la región temporal. relación. .

Figura 5. La Marcha de Napoleón

Tras la aparición de las computadoras, especialmente el auge de Internet, la sociedad humana ha entrado en una nueva era a la velocidad de la "Ley de Moore", y la ciencia y la tecnología también ha mejorado, ha traído innovación y desarrollo sin precedentes, y también ha traído muchas ideas nuevas a las personas.

El avance de la tecnología nos permite recopilar mucha más información que antes. La escala de datos continúa creciendo exponencialmente y el contenido y el tipo de datos son mucho más ricos que antes. analizar y estudiar el mundo también proporciona a las personas nuevos materiales visuales y promueve el desarrollo del campo de la visualización de datos.

En comparación con antes, el campo de la visualización de datos ha sufrido muchos cambios y se ha desarrollado enormemente.

1. Las expresiones visuales y los escenarios son más ricos

En la era de la información actual, la información se ha “sobrecargado” y las personas son “bombardeadas” por todo tipo de información todos los días". Cuando abrimos una página web o APP móvil, lo primero que entra en nuestro campo de visión son diversas informaciones publicitarias emergentes. Esta información ha sido cuidadosamente diseñada desde el contenido hasta la forma. Cuando caminamos por la calle, lo que nos llama la atención son los carteles publicitarios por toda la calle, y la gente suele pararse en la calle repartiendo folletos a los transeúntes. No solo vemos gráficos visuales de libros, sino que también obtenemos una gran cantidad de información visual de carteles, infografías, PPT, productos de datos, pantallas grandes, etc.

Figura 6. Formas de expresión visual

2. Los métodos de presentación visual son más diversos y flexibles

Los gráficos de datos son los elementos visuales más utilizados. Además de los gráficos básicos, como gráficos de columnas, gráficos de barras, gráficos circulares, gráficos de anillos, gráficos de líneas, gráficos de dispersión, gráficos de áreas, gráficos de radar, gráficos de líneas K, mapas, etc., ahora están apareciendo más gráficos nuevos, como Gráfico de picos de montaña, gráfico de radar, gráfico de burbujas, mapa de calor, gráfico de embudo, gráfico de árbol, diagrama de caja, gráfico de cascada, gráfico de río, gráfico de nube de palabras, tablero, gráfico de rosa Nightingale, gráfico de rayos solares, gráfico de cuerdas, gráfico de Sankey, gráficos 3D. , etc. Además, las personas inteligentes suelen mezclar y combinar creativamente varios gráficos. Por ejemplo, en la imagen siguiente, los mapas se utilizan con gráficos circulares, gráficos de dispersión, gráficos de columnas, etc.

Figura 7. Mezcla y combinación de varios gráficos

Además de los gráficos, el uso flexible de imágenes e íconos hace que la visualización sea más hermosa, vívida y apropiada.

Figura 9. Uso flexible de iconos

3. De estático a dinámico

Debido al desarrollo de la tecnología, la recopilación de datos en tiempo real, en tiempo real. Transmisión de datos y cálculo de datos en tiempo real. Logrado, las personas finalmente pueden apreciar la belleza inteligente de los datos. En el pasado, las personas solo podían ver los resultados del análisis formados por los datos después del hecho. Lo que veían era el tiempo pasado de los datos y lo que podían apreciar era la belleza estática de los datos. Ahora, a través de la computación y la visualización de datos en tiempo real, las personas pueden saber "lo que está sucediendo en el momento actual", ver los cambios en los datos y ver la belleza dinámica de los datos.

4. Prestar más atención a la experiencia del usuario en el diseño

La "sobrecarga de información" causada por el "desbordamiento de información" conduce a la "ansiedad por la información". Ya sea estilo, elementos, combinación de colores, texto, interacción o detalles, el trabajo de visualización de las personas se centra cada vez más en la experiencia visual del usuario, con la esperanza de dejarlo claro de un vistazo y no tomar más tiempo para comprenderlo. En términos de estilo de diseño, el desarrollo y los cambios del eskeuomorfismo 3D a conciso y plano al eskeuomorfismo también están "restando" constantemente para los usuarios.

3. Principios: Cuatro principios principales del diseño

“No lo olvides, estás haciendo diseño visual para los lectores”.

——“Data The”. Belleza: aprenda diseño visual en un libro

Todos los detalles del diseño deben concebirse cuidadosamente y pensarse desde la perspectiva del usuario.

Las personas guapas o bien vestidas siempre pueden atraer firmemente la atención de los demás. Por el contrario, las personas descuidadas y descuidadas a menudo son ignoradas por los demás de un vistazo.

Esas personas inteligentes deben conocer este secreto: un informe PPT atractivo siempre puede atraer a la audiencia en primer lugar, junto con un discurso vívido, recibirá muchos elogios, cuanto mejor sea el cartel, más atractivo será. Cuanta más atención consigas de los transeúntes, mejor será el efecto publicitario.

Cuando ves que la visualización de otras personas funciona, ¿siempre te sientes mal, pero no sabes qué tiene de malo? Si está familiarizado con los siguientes principios básicos, incluso si no es un diseñador profesional, podrá ver rápidamente dónde va mal algo y hacer algunas recomendaciones sólidas. Si aún puede aplicar estos principios con soltura, sus trabajos de visualización adquirirán un aspecto completamente nuevo, se volverán más profesionales, bellos e interesantes y también ganarán más aprecio por parte de los lectores.

Intimidad (Grupo)

En la vida casi todo tiene lógica, y a las personas también les gusta seguir cierta lógica para entender las cosas del mundo, como el tiempo, el espacio, las estructuras lógicas. como causa y efecto, total-parte-total.

Al realizar diseño visual, el contenido que queremos expresar no debe presentarse desordenado, lo que causará confusión en la comprensión de los lectores. Nuestros trabajos de visualización deben poder seguir la lógica de pensamiento que la mayoría de los lectores puedan comprender, dividiendo el contenido en varias partes y expresándolo paso a paso en secuencia.

Los contenidos de una misma parte están relacionados entre sí y deben estar cerca unos de otros y colocados juntos. De esta manera, puede entenderse como el contenido de la misma unidad y no como múltiples contenidos aislados y no relacionados. Las diferentes partes del contenido deben estar claramente separadas, como usar una línea en blanco para separar las partes superior e inferior del contenido o aumentar el espacio. Esto ayuda a organizar la información, reducir el desorden y proporcionar una estructura clara para el lector.

Figura 10. El principio de intimidad

Alineación

En el diseño, la ubicación de cualquier elemento puede afectar o incluso dominar el flujo visual del usuario. Por lo tanto, no se pueden colocar elementos al azar, de lo contrario se creará caos y el caos provocará incomodidad. Alinee para que cada elemento establezca alguna conexión visual con otros elementos. La alineación también hace que la visualización funcione más clara, sofisticada y refrescante.

La alineación incluye no solo alineación izquierda, alineación derecha, alineación superior y alineación inferior, sino también centrado horizontal, centrado vertical, distribución horizontal, distribución vertical, etc.

Figura 11. Principio de Alineación

Repetición/Unificación

Todos tenemos el "mal hábito" de las "preconcepciones" cuando vemos algo que es discordante y discordante. Incompatible con lo anterior, a menudo se siente abrupto e incluso se resiste instintivamente. Por lo tanto, algunos elementos visuales se utilizan repetidamente en trabajos de visualización para establecer conexiones entre contextos, aumentar la organización y mantener la unidad visual.

Cualquier elemento visual puede ser reutilizado en una misma obra, como color, forma, material, relación espacial, grosor de línea, fuente, tamaño, imagen, etc.

Figura 12. Principio de repetición

Contraste/énfasis

Al hacer diseño visual, nuestra intención original es expresar claramente la información en forma de imágenes y textos. Se entrega al usuario para que pueda entenderlo de un vistazo y tratar de no requerir demasiado pensamiento y comprensión. Para lograr este objetivo, debemos enfatizar los puntos clave y debilitar los secundarios, para evitar que todos los elementos del trabajo parezcan igualmente importantes. Si todas las cosas fueran igualmente importantes, equivaldría a que todas las cosas carecieran de importancia.

Figura 13. Enfatice los puntos clave y debilite los necesarios

Si desea resaltar ciertos puntos de información, cree los elementos correspondientes (fuente, color, tamaño, ancho de línea, forma, espacio, etc.) son diferentes de otros elementos, haciéndolos distintos para que los usuarios puedan prestarles atención primero.

Figura 14. Principio de comparación

Expresión, esfuércese por ser precisa, precisa, concisa y fácil de entender

Cuando los usuarios ven que nuestra visualización funciona, es mejor que Asegúrese de que la información expresada pueda ser correctamente entendida por los usuarios. Además de utilizar los principios anteriores, también necesitamos agregar información auxiliar, como texto, flechas, etc. En las obras visuales el texto es fundamental, pero hay que controlar la extensión.

La expresión del texto debe ser precisa, precisa, concisa y fácil de entender. Debe poder guiar a los usuarios a comprender correctamente el significado del gráfico sin provocar ambigüedad alguna.

Figura 15. La expresión debe ser precisa y estar en su lugar

Cuatro Proceso: Tener la postura correcta para la visualización de datos

No hay nada más hermoso que crear algo. con tus propias manos. Le da a la gente una sensación de logro.

Cuando comenzamos la visualización de datos con entusiasmo, no entre en ciertos detalles de inmediato, no se apresure a pensar en qué gráficos interesantes usar para mostrar y no se obsesione con qué colores y fuentes usar. Necesitamos tener la postura de apertura correcta para la visualización de datos.

Las diferentes formas de procesos de visualización de datos son diferentes. Aquí nos centraremos en las partes importantes y comunes.

(1) Entiende tus necesidades

En cuanto a las necesidades, antes de implementarlas debes escuchar claramente qué hacer, pensar claramente cómo hacerlo y explicar claramente cómo hacerlo. hazlo.

Comprender y analizar las necesidades de visualización de datos se centra principalmente en los siguientes puntos:

1.

Pocos demandantes pueden decir de forma precisa y exhaustiva lo que realmente quieren. Sólo pueden describir el panorama general, por lo que necesitan ser guiados continuamente para aclarar los requisitos verdaderamente detallados.

· Cuál es el propósito de la visualización, quiénes son los usuarios, dónde miran, bajo qué circunstancias miran y con qué frecuencia miran

· Comprender los datos; y vea qué indicadores hay y qué indicadores se pueden obtener directamente, cuáles requieren cálculos complejos, cuáles pueden ser en tiempo real y cuáles solo se pueden desconectar;

· Qué indicadores deben ser mostrados, qué indicadores no deben mostrarse y qué indicadores pueden mostrarse o no;

· Qué dimensiones se muestran, por tiempo, departamento, región, indicador, datos en tiempo real o datos históricos

· Qué información se espera aprender a través de la visualización, etc.

2. Quién lo ve, es decir, quién es el usuario.

Si está tratando con un jefe pragmático y que busca la verdad, es posible que deba centrarse en el contenido, buscando la racionalidad lógica y la precisión de los datos; si es un invitado distinguido, es posible que desee mostrarlo; La fortaleza de la empresa y si usted es una persona de negocios que no entiende de tecnología, es posible que deba evitar ser demasiado técnico al visualizar.

3. Dónde buscar, es decir, qué formas de visualización están disponibles.

Para informes de trabajo únicos, se puede usar PPT. Si al jefe no le gusta que sea demasiado lento para hacer PPT, puede usar directamente Excel u otras herramientas, como mapas mentales, si los proporciona periódicamente. datos del indicador de cálculo para muchos usuarios y se pueden ver en diferentes condiciones, por lo que es adecuado para crear un producto de datos o un informe visual al presentar la empresa a los invitados visitantes, si desea brindarles un disfrute visual agradable; usar una pantalla grande para visualizar datos es perfecto; si desea popularizar el conocimiento, presentar resultados, informar actividades, etc. a colegas de varios departamentos de la empresa, cree un mapa de información visual y publíquelo en línea. El texto es interesante y animado, lo que atraerá más atención de los lectores y mejorará la experiencia de lectura.

4. ¿En qué circunstancias?

La "primera impresión" es definitivamente importante. El "primer vistazo" del usuario no se siente bien y, por supuesto, desaparecerá. Entonces, no habrá un "segundo vistazo" ni un "tercer vistazo" y no habrá más lecturas. Por lo tanto, para brindar a los usuarios una experiencia visual suficientemente buena a "primera vista", es necesario pensar más en los escenarios en los que los usuarios verán sus trabajos de visualización.

Por ejemplo, al encender un teléfono móvil, en la mayoría de los casos, los usuarios solo buscarán una pequeña cantidad de artículos de forma selectiva según el título. Por lo tanto, elegir un título vívido, interesante y llamativo será una buena opción. tendrá más impacto visual que un título normal. Hará que su artículo se destaque entre la multitud y atraerá más usuarios para hacer clic y leer.

Figura 16. Elige un título atractivo

Por ejemplo, dentro de las empresas (especialmente las empresas con mucha gente), cada día se utiliza una gran cantidad de contenidos en forma de carteles e infografías. Envíelos a varios miembros del personal del departamento de forma masiva por correo electrónico, o proporcione notificaciones de eventos, muestre resultados o promocione modelos, etc. Cada empleado está "sobrecargado de información" y sólo puede leer una pequeña cantidad de información.

Además de hacer que el título sea atractivo, también debes prestar atención al escenario real en el que los usuarios abren el correo electrónico.

Cuando muchos usuarios abren este tipo de correo electrónico masivo, a menudo se encuentran con la siguiente situación: un grupo de destinatarios y un grupo de personas copiadas Esto ya ocupa una parte de la pantalla limitada de la computadora, y la parte restante es al hacer clic en un determinado. correo electrónico. La parte del contenido del texto que aparece. Por lo tanto, el título (y el resumen del contenido) debe mostrarse completo en esta área para atraer a los usuarios a seguir leyendo.

Figura 17. Piense más en escenarios específicos

(2) Diseño visual

El diseño visual es el vínculo más importante. Sólo haciendo bien este paso el resto del proceso será más fácil y fluido.

1. Combinando lógica

Cuando leemos, siempre que encontremos conocimientos un poco difíciles, básicamente elegiremos instintivamente retroceder y dejar de leer. La razón principal por la que nos resulta difícil entender es porque la lógica poco clara nos causa problemas para entender. La lógica es como el tronco de un árbol. Si sólo vemos las hojas pero no el tronco, nos perderemos. Por lo tanto, antes del diseño visual, es necesario ordenar una estructura lógica clara desde la perspectiva del usuario. Es importante descubrir cómo realizar este paso y no importa si dedica más tiempo.

Para la visualización de datos, la lógica es determinar el contenido central de cada parte, así como el orden y la correlación entre los contenidos, es decir, de qué hablar y de qué no hablar, de qué hablar. sobre primero y de qué hablar después.

Haga que la lógica sea más simple y clara, y los usuarios podrán entender sus "buenas intenciones" más rápidamente.

2. Establece el estilo

El estilo crea una atmósfera e impulsa a los usuarios a leer de forma inmersiva. Los diferentes estilos son adecuados para diferentes usuarios y diferentes escenarios, como tecnología, universidad, animado, serio, lindo, etc.

3. Tipografía

El diseño de tipografía trata sobre cómo abordar el foco de la información, porque en cualquier diseño, primero se debe notar la información más importante y luego la información secundaria. .

Un buen diseño es como un perro guía: presenta el contenido de manera razonable, organiza el flujo visual en el diseño de manera adecuada, guía a los usuarios para que vean las partes que necesitan más atención la primera vez e implica eso. usuarios "primero lo que miras es lo que mirarás después".

Por lo general, las obras visuales suelen incluir título, texto, cuadros, texto explicativo y otros elementos. El diseño se basa en los principios mencionados anteriormente, determinando la estructura jerárquica entre elementos y colocando estos elementos de manera razonable.

4. Elige gráficos

Cuanto más genial sea el gráfico, más adecuado será. Esto primero depende de qué datos se muestran. Algunos gráficos sólo son adecuados para mostrar datos en el formato correspondiente. En segundo lugar, también es necesario personalizar los gráficos que muestran los datos, incluidos estilos, estilos, colores y fuentes, para que se ajusten al contexto y hagan que los gráficos sean más cálidos.

No te conformes con el gráfico con la configuración predeterminada, no digas "el Sr. tiene razón" o "la Sra. está bien". Si coloca el gráfico predeterminado en un trabajo de visualización, siempre se verá tan abrupto y descoordinado. Además, abandonar la configuración predeterminada puede obligarlo a seguir mejorando y mejorar continuamente sus capacidades de visualización.

5. Presta atención a los detalles

El diseño visual de una sola pieza no puede garantizar completamente la armonía general. Por lo tanto, regrese a la situación general, encuentre problemas detallados de acuerdo con los diversos principios mencionados anteriormente y ajuste algunos detalles para que sean consistentes en su conjunto. Por ejemplo, los elementos visuales de cada parte deben estar alineados, como títulos, texto, gráficos, etc. en términos de combinación de colores, fuentes u otros detalles, todas las partes deben estar lo más unificadas posible; cada parte, etc

(3) Cálculo del indicador

Es difícil para una mujer inteligente cocinar una comida de cinco metros. Sólo con datos podemos hablar de visualización de datos. La adquisición, integración y cálculo de datos llevará mucho tiempo. Esta parte del trabajo es relativamente independiente.

Pero cabe señalar que existe una diferencia entre los datos simulados y los datos reales. Los gráficos diseñados en base a datos simulados deben mostrarse y verificarse con datos reales para verificar el ajuste entre el gráfico y los datos reales. Por ejemplo, en la figura siguiente, hay diferencias obvias entre los departamentos en el gráfico que se muestra con datos simulados, pero cuando se muestra con datos reales, todos "se ven y se sienten iguales". ajustes del gráfico para resaltar las diferencias visuales.

Figura 18. Utilice datos reales para verificar el efecto de la visualización

Aquí se omite el proceso de cálculo del indicador.

(4) Desarrollo front-end

La visualización de productos de datos y pantallas grandes también requiere desarrollo front-end.

En teoría, siempre que el gráfico esté diseñado, se puede implementar en el front-end. Pero esto puede estar limitado por el nivel técnico de los desarrolladores front-end y las herramientas de presentación. Por lo tanto, el diseño visual a veces necesita buscar un equilibrio entre diseño e implementación.

Es mejor que los diseñadores visuales evalúen con anticipación y es mejor comunicarse con los desarrolladores para discutir la viabilidad de la implementación antes de adoptar diseños de gráficos complejos.

5. Herramientas: ¿Puedes utilizar Excel para diseñar gráficos?

Excel es la herramienta de gráficos más utilizada, básica, flexible y más importante que se debe dominar. Se puede decir que la mayoría de los estilos de gráficos se pueden dibujar en Excel. Si cree que no puede dibujar un determinado estilo de gráfico con Excel, es posible que no domine las habilidades avanzadas de Excel.

Los gráficos que muestra Excel son estáticos y la cantidad de datos admitidos es relativamente limitada. Por lo tanto, si se trata de una visualización de datos dinámicos a nivel empresarial, es necesario utilizar herramientas profesionales de visualización de big data.

Existen muchas herramientas de visualización profesionales, que se pueden dividir aproximadamente en tres categorías: herramientas de visualización profesionales de nivel empresarial, herramientas de visualización en línea livianas y herramientas de gráficos programáticos.

Herramienta de visualización profesional de nivel empresarial

ECharts es una herramienta de gráficos de código abierto muy utilizada en China. Puede funcionar sin problemas en PC y dispositivos móviles y es compatible con la mayoría de los navegadores actuales. La capa inferior se basa en la biblioteca de clases liviana de Canvas ZRender para proporcionar gráficos de visualización de datos intuitivos, vívidos, interactivos y altamente personalizables. ECharts 3 agrega funciones interactivas más ricas y más efectos visuales, y ha realizado optimizaciones en profundidad para el terminal móvil.

D3.js es la mejor biblioteca de herramientas de visualización de datos de código abierto. D3.js se ejecuta en JavaScript y utiliza HTML, CSS y SVG. D3.js utiliza un enfoque basado en datos para crear hermosas páginas web. D3.js permite la interacción en tiempo real. Esta biblioteca JS representa datos en formatos SVG y HTML5, por lo que los navegadores más antiguos como IE7 y 8 no pueden aprovechar la funcionalidad D3.js.

Tableau es una herramienta de visualización de big data a nivel empresarial. Tableau le permite crear fácilmente gráficos, tablas y mapas. No solo proporciona una versión de escritorio para PC, sino que también proporciona una solución de servidor que le permite generar informes visuales en línea. Las soluciones de servidor pueden proporcionar servicios de alojamiento en la nube.

Herramienta de visualización en línea liviana

BDP Personal Edition es una herramienta gratuita de análisis de visualización de datos en línea similar a Tableau. No requiere descifrado ni descarga e instalación. Puede usarse continuamente después de registrarse. online El funcionamiento es muy sencillo, sólo arrastra y suelta. Admite docenas de tipos de gráficos y también admite la creación de mapas de datos (con corrección de coordenadas incorporada). Además de la visualización, BDP también tiene funciones como integración de datos, procesamiento de datos y análisis de datos.

Baidu Tushuo, basado en ECharts, es una herramienta de producción de gráficos en línea que utiliza métodos de operación similares a Excel para crear gráficos con estilos ricos. Hay muchas opciones para personalizar los gráficos, haciendo que la presentación de los datos sea más hermosa y personalizada. y fácil de compartir y difundir.

El texto y las imágenes se utilizan principalmente cuando se desea producir un informe que contenga descripciones de texto. Se proporcionan varios temas con buenos estilos y colores para elegir, lo que hace que todo el estilo del informe sea unificado, conciso y hermoso. El texto y los gráficos pueden adaptarse bien a los dispositivos móviles. Pero el diseño del texto y las imágenes no es muy útil.

Maker Post, una herramienta de diseño gráfico en línea, es un diseño en línea simple, rápido y fácil de completar. Se dice que es el mejor sitio web de diseño en línea en 2016.

Herramientas de gráficos programáticos

Para los programadores que dominan los lenguajes de programación, el diseño de gráficos de datos novedosos e impresionantes también se puede realizar a través del código.

Python tiene muchos paquetes con funciones de dibujo, como matplotlib, Seaborn, ggplot, Bokeh, pygal, Plotly, Geoplotlib, Gleam, Missingno, Leather, etc.

El lenguaje R proporciona muchos kits de herramientas de visualización de datos, como ggplot2, ggthemes, ggmap, ggiraph, ggstance, GGally, gganimate, ggradar, ggTimeSeries, ggseas, lattice, rgl, ggvis, htmlwidgets, leaflet, dygraphs, etc.

Los lenguajes que proporcionan potentes funciones de programación de dibujo incluyen PHP, HTML, JavaScript, CSS, etc.

6. Habilidades: La práctica deliberada es la única forma de mejorar las habilidades de visualización

Práctica continua y mejora continua

La única forma de mejorar las habilidades de visualización de datos es comprender Sobre la base de los principios y metodologías del diseño visual, practicar y mejorar continuamente.

Además, también hay un poco de perfeccionismo.

La habilidad radica en la acumulación diaria. Observa más, y cuando veas buenos diseños en la vida, piensa más en por qué los diseños de otras personas son tan buenos, de modo que no puedas evitar mirarlos más. Cuando vea un mal diseño, piense más en lo que tiene de malo. Cuando vea hermosos gráficos y trucos presentados por otros, pruébelos.

Hay demasiadas técnicas, así que no entraré en detalles aquí.

“Tensión hacia la falta de facilidades”

“Esta es otra característica de la tecnología moderna que Zhang Beihai vio y que pocas personas habían imaginado antes: la tendencia a la falta de facilidades. muy común en la Tierra Apenas ha comenzado a surgir, pero la "desfacilidad" se ha convertido en la estructura básica del mundo de la flota que es más avanzada que el mundo terrestre. Este mundo es simple y vacío en todas partes, y casi no hay instalaciones. Las instalaciones solo están disponibles cuando sea necesario. Aparecerá, y aparecerá donde sea necesario. El mundo se está volviendo más simple nuevamente después de haber sido complicado por la tecnología, y la tecnología está profundamente escondida detrás de la realidad."

——" "El problema de los tres cuerpos"

Este pasaje de la novela de ciencia ficción "El problema de los tres cuerpos" nos da una pista. Cuando analizamos y visualizamos datos, si el cuadro de opciones y la barra de menú no están en uso, deben ocultarse y abrirse solo cuando sea necesario. Además, intente maximizar el software que utiliza. Esto permite que la información del contenido se muestre en el campo de visión más amplio, lo que nos ayuda a obtener información más completa y nos guía para tomar la decisión correcta en el siguiente paso.

Figura 19. Área de campo de visión limitado, maximizando la información

No debe haber demasiados colores y la combinación de colores debe ser razonable

En diseño visual , lo mejor es no utilizar más de tres colores principales. Demasiados colores distraerán la atención del usuario y le impedirán concentrarse.

La combinación de colores debe ser razonable. La naturaleza es la mejor colorista y puedes aprender de las combinaciones de colores de la naturaleza. Además, si te sientes cómodo y agradable a la vista cuando ves por primera vez el diseño de otra persona, también puedes aprender de la combinación de colores en el trabajo. Confía en tus instintos, al menos tu cuerpo no te mentirá.

Imagen 20. No debe haber demasiados colores y la combinación de colores debe ser razonable

Imagen 21. Aprenda habilidades de combinación de colores de la vida y la naturaleza