Introducción a la visualización de datos | Ben Gibson | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Introducción a la visualización de datos

teacher avatar Ben Gibson, Co-founder, Pop Chart Lab

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Avance

      1:07

    • 2.

      Definición del concepto y lluvia de ideas

      5:27

    • 3.

      Realizar la investigación

      2:41

    • 4.

      Organizar los datos

      2:58

    • 5.

      Comenzar tu documento

      1:55

    • 6.

      Crear la tipografía de título

      3:04

    • 7.

      Composición inicial

      4:54

    • 8.

      Perfeccionar un diseño

      1:58

    • 9.

      Edición y perfeccionamiento

      3:52

    • 10.

      Utilizar la tipografía dinámica

      3:08

    • 11.

      Construir elementos ilustrativos

      3:46

    • 12.

      Elementos visuales secundarios

      4:07

    • 13.

      Elemento de fondo

      2:49

    • 14.

      Dirección del arte final

      1:18

    • 15.

      Sube y comparte

      0:52

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

2303

Estudiantes

12

Proyectos

Acerca de esta clase

Esta clase es la primera de una serie de clases programada sobre infografías y visualización de datos. ¡Estamos emocionados de profundizar más en nuestro proceso a medida que avanzamos!

Cada rincón de Internet está lleno de visualizaciones de datos, pero ¿de dónde vienen? ¿Y por qué las encontramos tan atractivas? En esta clase de Skillshare, recorreremos el proceso de un experto para revelar cómo cobran vida estas imágenes complejas.

La visualización de datos es la forma perfecta de utilizar el diseño gráfico para contar historias complejas.  Cubriremos todo, desde la investigación y la recopilación de datos hasta la creación de una arquitectura de diseño y la adición de estilo a tu trabajo. Independientemente de tu formación, aprenderás a comprender, apreciar e interpretar mejor estas imágenes. Quienes tengan formación en diseño y experiencia con Illustrator también podrán crear su propia representación visual a gran escala de una taxonomía, línea de tiempo o concepto inspiradores.

En Pop Chart Lab, nuestra misión es combinar los datos con el diseño para crear placer. Estamos emocionados de compartir nuestro proceso.

Lo que aprenderás

En seis lecciones progresivas, cubriremos enfoques conceptuales y prácticos para la visualización de datos.

  • Definición del concepto y lluvia de ideas.  Empezarás esta clase escogiendo un tema para tu obra y comenzando a generar ideas.
  • Investigación.  A continuación, investigarás el tema y recopilarás todos los datos que necesitas para tu diseño.
  • Creación de la arquitectura del diseño. En esta lección, comenzarás a trabajar en el diseño visual y la composición de tu visualización de datos.
  • Edición y perfeccionamiento. En esta fase, te fijarás en la composición para asegurarte de que el diseño y los datos funcionen de manera eficaz.
  • Agregar elementos estilísticos.  Una vez que tengas la estructura arquitectónica básica, podrás agregar elementos estilísticos.
  • Cómo el arte orienta el diseño.  Darás una última pasada a la pieza y te asegurarás de que todo esté donde debe estar.

Lo que harás

  • Proyecto. En esta clase, diseñarás una visualización de datos básica.
  • Descripción. ¿Visualizarás la historia de la cerveza, representarás los diferentes trenes que se encuentran en todo el mundo u ordenarás la historia de los dinosaurios? Crearás una visualización de datos, basada en un tema de tu elección, que combina diseño y datos de una manera efectiva y divertida.
  • Especificaciones. Crearás una visualización de datos en formato de afiche vertical u horizontal. En esta clase, utilizarás principalmente Adobe Illustrator.

Conoce a tu profesor(a)

Teacher Profile Image

Ben Gibson

Co-founder, Pop Chart Lab

Profesor(a)

Ben Gibson opened his illustration and design studio in 2009 after working as an Art Director of book jackets at Penguin Group (USA), Inc. He graduated from Parsons School of Design in 1997 and has been recognized by Print magazine and Print's Regional Design Annual, HOW Magazine's International Design Annual, Communication Arts magazine, The Step Design 100, American Illustration, and the Society of Illustrators, among other publications and institutions. His clients have included The New York Times, The San Francisco Chronicle, The Atlantic Monthly, Penguin Group, Random House, W.H. Norton & Company, and Little, Brown and Company.

Ben is the Design Director and Co-Founder of Pop Chart Lab, a Brooklyn-based design collective combining infographics and pop culture. His work for Po... Ver perfil completo

Habilidades relacionadas

Diseño Diseño UX/UI Visualización de datos

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Avance: Hola, soy Ben Gibson, soy el director creativo y cofundador del Pop Chart Lab. Hacemos gráficos y visualización de datos y estamos basados justo sobre el puente aquí en Brooklyn, Nueva York. hoy, nos gustaría darte la bienvenida a nuestra primera tienda pop up aquí en Soho. Esta clase es una introducción a la visualización de datos y vamos a estar repasando los pasos que vas a dar para sacar el diseño del suelo. Todo el mundo sabe que las gráficas e infografías son realmente populares y obviamente un buen ajuste para la era de la información y la era del big data en el que vivimos, y en su mejor momento la visualización de datos es una pura mezcla de estilo y función y dice historias narrativas detalladas de una manera que otro diseño gráfico no puede, y eso nos trae a, sí, nuestro lema: datos, diseño, y deleite. El cruce de esas tres cosas es donde tratamos de informar. 3. Definición del concepto y lluvia de ideas: Entonces, nuestro primer paso para crear una visualización de datos es siempre llegar a conceptos e ideas de lluvia de ideas para temas. Muchas veces, el instinto es saltar justo dentro y empezar a diseñar, hacer infografías sobre la marcha pero realmente ayuda a meter a tus patos en fila antes de llegar a ese punto. Para nuestros diseños, hacemos por nuestra propia línea de productos, eso es un trabajo de suboficiales, generalmente comenzamos discutiendo temas que nos parecen interesantes, solo personalmente interesantes. Deberías hacer eso también, elegir una gama inicial de temas que te parezca interesante y puedes empezar con campos de interés realmente amplios como literatura o cine o gadgetry tecnológico o martinis o artes culinarias o lo que sea te gusta y simplemente compilar una lista, una lista básica de cosas que te gustaría de dentro de esas categorías. Entonces, para la literatura, cualquier cosa desde novelas de tapa blanda de pulpa hasta literatura clásica hasta cosas que han sido adaptadas para el fil. Por ejemplo o desde la tecnología, se podría hablar de los juegos vintage de Nintendo. Ayuda también a escoger cosas que son de naturaleza visual, es decir cosas que se pueden representar a través de la ilustración o gráficos de una manera que sea natural y no forzada. Entonces, idealmente, lo visual y los datos y los elementos textuales pueden interactuar de manera significativa. Este no siempre tiene que ser el caso pero es realmente genial y sucede. Entonces, lo que quiero decir con eso es la forma que toma el visual, tanto en estructura como en estilo, está informada por la información que se retrata y viceversa. Entonces, es un poco difícil hacer estas llamadas en las primeras etapas de un proyecto, básicamente porque cuando inicialmente te estás poniendo en marcha algo, es difícil saber qué forma pueden tomar los datos hasta que te acerques un poco más a la pero a medida que haces más infografías y visualizaciones, podrás desarrollar un instinto para ello. El lema de Pop Chart es datos, diseño, deleite y así, buscamos áreas donde los datos y el diseño se cruzan. Es realmente otra forma de decir que la forma y la función están unidos. Creo que un buen ejemplo de nuestro catálogo es nuestra rueda de queso graficado, una de mis favoritas personales entre los diseños que hemos hecho y es realmente simple conceptualmente, pero creo que una mezcla realmente efectiva de datos y diseño. Se trata de un gráfico circular que parece una rueda de queso real y la divide en secciones y cada sección representa diferentes categorías principales y subcategorías y un ejemplo individual de queso. Entonces, por ejemplo, tienes queso de cabra, que es la categoría principal, y que se descompone en diferentes subcategorías de duro, semi-duro, semi-blando, y blando, y luego los propios quesos individuales, la Fleur Du Maquis y el Idaho Caprino y Humboldt Niebla y todos esos quesos de nombre loco. Para profundizar el efecto estilísticamente, ilustramos una ligera tabla de queso para el fondo, y diseñamos un título como una tarjeta de etiqueta de queso en una quesería. Entonces, es una rueda de datos que parece una rueda de queso, básicamente. Forma y función, se combinan de una manera realmente simple y directa. Otro aspecto realmente genial de nuestro trabajo en Pop Chart Lab es que, esencialmente, las cosas que estamos haciendo, diseños que estamos haciendo y la investigación que estamos haciendo, son todas cosas de las que estaríamos leyendo o pensando en nuestro tiempo libre de todos modos, que es como empezó la empresa, obsesionada con poco tipo de nicho de temas de interés que puedes pasar horas perdiéndote en agujeros de gusano de Internet buscando, pero hemos cubierto temas como preparación de café, y cámaras, y zapatillas de deporte, y verduras, bandas de heavy metal y superpoderes de cómic, cócteles artesanales y sólo una tonelada de cosas diferentes que ha sido realmente divertido de aprender y, por supuesto, nuestro tema favorito el cual siempre parece gravitar de nuevo al cual es la cerveza. Tenemos suerte en el laboratorio de Pop Chart de que podamos escoger y elegir temas que resuenan con nosotros personalmente. Por supuesto, los diseñadores siempre pueden escoger y elegir. Entonces, el truco puede ser tomar un tema que no resuene inmediatamente contigo personalmente y encontrar un ángulo o ángulos interesantes a través del cual puedes comprometerte. Entonces, tienes que estar comprometido para hacer un buen diseño o ilustración. Entonces, una vez que tengas elegida una amplia categoría temática, vamos a reducir eso. Para este ejemplo de asignación, vamos a elegir el hip-hop y vamos a acostarnos más a la historia del hip-hop y un poco más abajo al hip-hop de principios de los 90 y ¿sabes qué? Vamos un poco más allá y nos limitamos a esa parte particular de la épica historia televisiva, El príncipe fresco de Bel-Air. ¿ Qué tipo de datos se correlaciona con ese espectáculo? Pensemos en qué tipo de datos específicos podemos trazar con relación a ese espectáculo. Cuando pienso en The Fresh Prince, creo que lo primero que me viene a la mente es la canción temática y un crédito de apertura que detallan su viaje desde Filadelfia o West Philly piensan a Bel-Air. Entonces, creo que nos hemos puesto a cero en trazar los patrones migratorios de Fresh Prince's. 4. Realizar la investigación: Unidad dos es investigación, tanto de datos como visual. Para los elementos de datos, generalmente comenzamos con amplias búsquedas en Internet, y en particular, los sospechosos habituales como Google y Wikipedia. Ahora, para algunos de los Laboratorios de Pop Chart, diseños detallados más grandes y complicados como un compendio de cámaras o historia de dispositivos de audio, comenzaremos mirando una visión general de literalmente cientos de miles de puntos de datos . Pero por razones tanto artísticas como prácticas, sólo tanto detalle puede entrar en una sola pieza de papel o en una página web. Tratamos de tamizar a través de la información para crear algún orden fuera del caos. Para nuestro proyecto de ejemplo aquí, patrones migratorios de The Fresh Prince's, los datos brutos son un poco más agilizados y la migración se delinea en los créditos de apertura. Entonces, tiremos de ese video y pulsemos el botón de pausa repetidamente y tomemos algunas notas. Realmente no hay una sola forma de hacer investigación, solo depende del tema en el que estés trabajando y de cómo te gusta hacer la investigación personalmente. Pero, lo principal es que hay que atenerse a él y ser lo más orientado al detalle y granular posible, sobre todo en las primeras etapas de un diseño. Entonces, básicamente, cuantos más datos tengas que empezar, mejor, y luego podrás encontrar diferentes formas de llamarlo o curarlo. Entonces, es otra vez, una cuestión de poner en el tiempo y esfuerzo y no ser demasiado rápido para estar satisfecho con tu propio trabajo. Otro recurso invaluable para muchos proyectos puede ser llegar a expertos específicos en la materia. O encuentras a alguien, a alguien que encuentres a través de un sitio como un administrador de un sitio o un autor, o a alguien más cerca quizás justo al final de la calle. Para nuestro diseño de superpoderes, el Omnibus de Superpotencias, llegamos a una gran tienda de cómics local de Brooklyn y es Bergen Street Comics, y nos ayudaron en nuestra investigación. Ese experto para tu proyecto en particular también podría ser un amigo o un compañero de trabajo o un familiar o alguien realmente, solo alguien que tenga mucho conocimiento sobre ese tema en particular. El siguiente paso después de que tengamos nuestros datos brutos, y ojalá mucho de ellos, y sé que esto suena bastante básico o de baja tecnología, pero el siguiente paso que solemos seguir es crear un documento de Word donde solo puedas volcar todo el datos, toda su información. Básicamente tienes que tener todos los datos brutos o la investigación en un solo lugar, y Word es solo una solución simple, fácil ahí y también un programa que todos tienen. Entonces, por ejemplo, si quieres compartir tu investigación con alguien para dar retroalimentación o editar, casi nunca hay problemas de compatibilidad de software. 6. Organizar los datos: Entonces, después de que tengamos nuestro volcado de datos de documentos de Word, daremos el siguiente paso y crearemos una hoja de cálculo, y empezaremos a desfilar la información y llamarla. Por lo tanto, crea una hoja de cálculo de Excel y empieza a comisariar la información. Esto a menudo implica descomponer los datos en categorías y subcategorías. ocasiones, como fue el caso de nuestra evolución de los reproductores de audio, por ejemplo, los datos aquí comienzan a tomar la forma de las categorías principales y eso termina empezando a formar la estructura esquelética del propio diseño. Entonces, nuevamente, cada tema es diferente, y solo necesitas ser flexible y creativo en tu resolución de problemas para encontrar la mejor solución para tu diseño y concepto en particular. Para el Príncipe Fresco de Bel-Air, básicamente estamos hablando de un patrón migratorio de Filadelfia a Bel-Air. Entonces, creo que podemos saltarnos la hoja de cálculo. Entonces, también en nuestra fase de investigación, queremos hacer investigación para los visuales también y sacar referencia visual donde sea necesario o simplemente tomar una visión general de las imágenes relacionadas a un tema en particular. Entonces, por lo general, empiezo con una Búsqueda de Imágenes de Google. Sé que suena como un enfoque común de denominador a la investigación visual, pero es uno de mis favoritos. Probablemente sea la forma más meritocrática de tamizar las imágenes y ver qué hay ahí fuera sobre un tema determinado. Por lo tanto, los resultados de búsqueda van desde diseños galardonados y diseños famosos, hasta trabajos estudiantiles, hasta cosas locas simplemente raras, todas las cuales consiguen éxitos de página y aparecen en la búsqueda. Entonces, es una gama realmente amplia de cosas y realmente interesante e informativo para mirar. Por supuesto, también hay libros y en particular, libros de arte y diseño. Tienden a ser caros, pero siempre puedes tomar un café en Barnes & Noble o cualquier otra librería de ladrillo y mortero que aún esté en pie en tu zona, y simplemente plantarte en la sección de arte y diseño por un tiempo. También hay organizaciones como la AIGA, o el Club de Directores de Tipo, o bibliotecas públicas, y estas fundaciones también suelen tener bibliotecas en línea y en tu sucursal local, lo que puede ser un recurso realmente invaluable. También hay siempre en la calle la investigación visual. Ahora bien, no hay razón para que la investigación visual tenga ser de naturaleza académica o orientada a los medios de comunicación. Para nuestro queso Cheddar diseñaremos, por ejemplo, fui a algunas queserías locales para revisar los diseños de señalización y productos, y también solo para ver cómo exhiben sus quesos de manera visual, tipográfica. Para las impresiones de nuestra superpotencia, fui a algunas librerías de cómics locales y revisé las portadas de cómics y cómics, pero también otras cosas como carteles, y camisetas, y juguetes, y solo todo el mercancía fresca que tenían ahí. Entonces, puede ser muy divertido y también realmente informativo salir por ahí y golpear el pavimento. 8. Comenzar tu documento: Por lo que para la unidad tres, comenzaremos a sacar el diseño de los terrenos, y crearemos un documento, y un diseño inicial en bruto. Entonces, todos usan programas de manera diferente obviamente, diseñan software de manera diferente, y esto no es una clase de software de diseño, pero se trata de aprender lo básico y luego, practicar una tonelada para averiguar cómo trabajas mejor y qué flujo de trabajo es óptimo para ti. Así es como normalmente lo hago. Nuestros diseños a menudo son realmente complejos, pero me gusta mantener los aspectos técnicos simples, cuando puedo. Especialmente en las primeras etapas del proyecto y diseño, para que pueda enfocarme en el panorama general y cómo interactúan el diseño y el concepto. Entonces no quiero quedarme empantanada por un montón de cosas técnicas al ponerse en marcha. Las cosas tienen tendencia a complicarse a medida que se desarrolla un proyecto, por lo que es agradable comenzar con un lienzo limpio y sencillo. Por lo que crearemos un nuevo documento. Y para este diseño, vamos con 12 pulgadas por 16 pulgadas y de manera estándar, eso es octavo de pulgada para carteles y documentos impresos. Y 12 por 16, ya sea que estés usando esto principalmente en línea o imprimiéndolo, este es un estándar bastante bueno, tamaño flexible, y proporción. Un laboratorio pop star se especializa en carteles y productos impresos reales además de nuestro trabajo en línea. Este tamaño estándar de póster son 12 por 16, 18 por 24, 24 por 36, y 27 por 39 y luego, último es la película tamaño de una hoja. Por lo tanto, estos son tamaños estándar que las prensas de impresión están configuradas para manejar y también funcionan muy bien para su visualización en línea. 10. Crear la tipografía de título: Como decía antes, visualizaciones de datos pueden ser diseños súper complejos y algunos de nuestros diseños que llegan a nuestro laboratorio tienen literalmente miles de elementos. Entonces, es realmente importante configurar el documento de una, una manera sencilla y dos, una manera que puedas automatizar tantos cambios estilísticos y ediciones, automatizar tantos como sea posible de aquellos posteriores en el diseño, cuando comienza a ponerse más complejo. Por lo tanto, dos formas fáciles de hacer eso es mediante el uso de ejemplos globales de color, y estilos de caracteres para sus fuentes. Entonces, creo que es realmente importante usar siempre las muelas globales, color al hacer infografías o visualizaciones de datos, e iniciaré un diseño con solo dos colores, blanco y negro, y los pasos posteriores agregarán más colores y trabajarán con diferentes paletas de colores a medida que toma forma su diseño. También suelo empezar el diseño con tan solo un par de fuentes, tal vez dos. Un serif y uno sans-serif para tal vez un par de serifs diferentes o un par de sans-serifs diferentes, pero solo una pareja para empezar. De acuerdo, así que despeja las muelas y conviértalas en muelas globales, basta con hacer click en “Global”. Y de nuevo, vas y eliges algunas fuentes para empezar. Podría ser cualquier cosa realmente. No importa en este punto, pero porque vamos a estar cambiándolo bastante y pasando por muchas versiones diferentes, pero voy a mantenerlo sencillo y solo voy a ir con MReaves y MrSeaves, solo para conseguir esto fuera del suelo. Ahora vamos a establecer los estilos de personaje, entramos en tipo de ventana, estilos de personaje, hagamos un nuevo estilo de personaje, lo llamaremos sans-serif y editaremos eso, así que es un sans-serif real, MReaves. Hagámonos otro uno al otro, hagamos un serif, y es decir, usemos a MrSeaves. Nuevamente estos no se ponen en piedra y terminarán cambiando bastante, pero solo para empezar el diseño, para tener algunas cosas con las que jugar. 12. Composición inicial: Entonces, empezaremos a diseñar nuestra gama inicial de diseños ROV y eso me lleva a diseñar con la rejilla. Puedes usar la cuadrícula o descuidarla pero siento que es un lugar bastante bueno para empezar especialmente para las visualizaciones de datos. El motivo de esto es que tienden a estructurarse de alguna manera precisa o matemáticamente. El truco es usar la cuadrícula pero no ser esclavo de ella porque incluso la visualización de datos más compleja que en realidad podría usar bastante la cuadrícula para su estructura subyacente, aún debe sentirse orgánica y espontánea. Entonces, a menudo usaré la cuadrícula para diseñar los elementos básicos de un diseño y luego descuidarlo ya que la pieza toma forma estilísticamente. Entonces, vamos a encender la rejilla para iniciar nuestros diseños. Vamos a ver Mostrar cuadrícula. Ahora, de nuevo aunque no lo uses per se te ayuda a pensar de manera arquitectónica y trazar puntos lo cual es bueno para esta parte del proceso. Ahora, para estos ROVs iniciales o bocetos, me escaparé muchas veces, versiones más pequeñas del diseño en el mismo tablero de arte. De nuevo, pensando de forma sencilla y simplemente consiguiendo una visión general de cómo va a ser el diseño y normalmente voy a empezar con tres. Sólo estamos preocupados por lo básico aquí. Tenemos nuestras dos muestras globales y un par de fuentes y eso es todo lo que necesitamos para ponernos en marcha. Ahora bien, las preguntas que queremos hacer antes de empezar a diseñar, después de pensar en la investigación tanto los datos como lo visual y revisarlo, pasar algún tiempo con él, por lo que las preguntas son realmente cuáles son los elementos básicos principales del diseño va a ser? Para nuestro diseño de impresión fresca, ese va a ser el mapa y los puntos de datos sobre la ruta migratoria y el título. Entonces, por lo general voy a hacer tres diseños diferentes para empezar. Voy a hacer sólo algunas variaciones en diferentes diseños, hecho dos diseño con un título arriba arriba y el arte abajo y un diseño con el arte en la parte superior y el título de abajo y tal vez un diseño donde el arte y el título están enmallados juntos. Tan solo prueba algunas variaciones en los diseños básicos usando lo que pensamos en este punto serán los elementos básicos de nuestro diseño. Entonces, hacer uno, probemos uno con el título de top, se romperá en dos líneas. Déjame jugar un poco con las fuentes. Probablemente necesite algo abajo, solo ponga algunas líneas de marcador de posición ahí hasta que averigüemos qué será eso. Si vamos a necesitar una flecha de Filadelfia aproximadamente a LA, lo hacemos en un porcentaje de la Swatch. Entonces, hay un camino migratorio que estará en cada versión del diseño. Entonces tenemos el segundo diseño con el arte arriba arriba y ponemos un poco de título abajo que se vuelva simplemente bastante cool solo para bocetos o diseños rugosos. Para el tercero, probemos uno donde el título que es realmente grande e integre dentro del mapa, solo para mezclarlo un poco y haremos del mapa un tono de ese color global gris. Entonces, ahí tenemos tres diseños básicos diferentes solo para sacar esta cosa del suelo y empezar a pensar en qué tipo de forma va a tomar. 13. Perfeccionar un diseño: Entonces, esto es sólo algunas cosas para repasar, esos últimos visuales de los diseños iniciales. Entonces, recuerda, utilizamos nuestras muestreas globales y nuestras fuentes globales a una gama de diferentes opciones para el título. mejor el título es siempre una pieza clave del diseño y de la personalidad o la visualización y viniendo de un fondo en el diseño de chaqueta de libro, sentimos que este elemento especie de nos diferencia de otros diseñadores gráficos de info y da a cada uno de nuestros diseños una personalidad única. Entonces, estrechemos el rango y escojamos una dirección para explorar. Hacer diseños ásperos y bocetos es genial pero, a menudo la única manera de saber realmente si un diseño funciona a mayor grado es conseguir una especie de meterse en la nitty-gritty y empezar a tallar los detalles y explorar más aspectos específicos del diseño. Entonces, escojamos una dirección que más nos gustaría. Voy a recoger elementos del primer y tercer diseño. Entonces, el título en la parte superior y el gran mapa de Norteamérica en el medio y tiraremos algunos otros pequeños elementos que no estoy seguro de qué será todavía pero siente que necesita algo ahí abajo así que, solo pondremos unas líneas ahí abajo por ahora. Está bien. Entonces, tenemos nuestro diseño ahí empezando a llegar un poco más específico y hemos escogido elementos del primer diseño áspero y el segundo tercero. Entonces, tenemos el título en la parte superior y el mapa norteamericano de los diseños segundo tercero. Por alguna razón tener un mapa de toda América del Norte lee un poco más de ciencia o académica que al me lee un poco más de ciencia o académica que alemparejarse con nuestra materia es gracioso así que en el laboratorio de gráficos pop siempre estamos, somos fans de emparejar la ceja alta con la carga. 14. Edición y perfeccionamiento: Está bien. Entonces, ahora pasamos a la Unidad Cuatro, y eso es Edición de la Arquitectura de Layout. Refinaremos el diseño para aclarar cómo se leen los datos, y también lo refinaremos para crear un mejor visual. Entonces, el primer paso aquí es hacerte algunas preguntas. ¿ Hay suficiente para mantener el interés, el interés del espectador? ¿ Hay suficiente para mantener tu interés? Eres el primer espectador, así que tienes que estar interesado en ti primero antes de que cualquier otro pueda estarlo. ¿ Es lo suficientemente interesante informativa o editorialmente? Nuevamente, queremos pensar en la intersección de datos y diseño y cómo ambos trabajan juntos. Pregúntenos, ¿qué necesita? Necesita algo más, ¿verdad? Estoy, de nuevo, volviendo a esta parte inferior del diseño donde parece necesitar un poco de algo. Deshacernos de esas líneas, ¿ y por qué no saltamos algunos puntos de la migración? Entonces, comienza en Filadelfia, West Philly, disparando aros, va al aeropuerto. Creo que pongamos un avión ahí dentro, ¿verdad? Ya que básicamente la migración toma parte en un avión. Ahora, estos son solo posicionadores por ahora solo para que podamos resolver lo que va a suceder. Después hay un paseo en taxi bastante fresco, y luego está en Bel Air. Hechérelo correctamente. Entonces, tal vez haya un pequeño diagrama de flujo en la parte inferior. Filadelfia a Bel Air, y estos son solo posicionadores por ahora. Entonces, en pasos posteriores, construiremos los elementos de ilustración y diseño, y destellaremos el personaje de la pieza y la llevaremos al siguiente nivel. Pero ahora mismo, sólo estamos averiguando cuáles serán todos los elementos. Entonces, aún tenemos nuestras pruebas globales en blanco y negro que estamos usando. Añadamos un par de colores. Probemos un azul. Nuevamente, estos no se ponen en piedra, sino más bien algo para empujarlo un poco. Lo bonito de los colores globales y los estilos de caracteres para fuentes y cosas así, es que, de nuevo, realmente fácil editarlos más adelante. Probemos con un color amarillo también. Está bien. Entonces, probemos el mapa azul, y vamos a romper un poco el tipo también. Está bien. Una vez que hemos escogido una paleta de colores inicial, ¿qué otros elementos podemos agregar al diseño ahora en esta etapa de refinación? Creo que probablemente necesitamos saber a dónde va, dónde sale, y a dónde termina en su camino migratorio, ¿verdad? Entonces, pongamos unas gotas de pin ahí solo para empezar con West Philly y Bel Air, punto 1, punto 2. Entonces, estoy empezando a sentirme un poco bien con esto, y creo que esto es en un punto en el que podemos empezar a sumar algunos más visuales y empezar a meternos en la nitidez arenosa de los detalles. 16. Utilizar la tipografía dinámica: Entonces, esto nos lleva a la Unidad Cinco, y eso es crear y agregar elementos estilísticos. Entonces primero, volvamos a nuestra investigación visual e investigación de datos en el paso dos y reevaluemos. ¿ Tenemos una dirección aquí? ¿ Nos gusta nuestra dirección? ¿ Representa bastante bien los datos? ¿ Está empezando a parecer visualmente interesante? ¿ Se interrelacionan los datos y el diseño y se mezclan? Sintiéndonos bastante bien con esto, creo que estamos empezando a llegar a algún lugar. Echemos un vistazo a los, todos los diferentes elementos en el diseño y veamos cómo podemos llevarlos al siguiente nivel, empezando por nuestro tipo. Rompamos el tipo de título, y toda la tipografía de la pieza, pero el tipo de título en particular, e intentemos algunas direcciones diferentes para ello, y veamos si podemos conseguir que sea un poco más interesante o un poco más dinámico. De nuevo, intentemos una gama de cosas. Yo solo estoy acercando, toma ese tipo que tenemos e intenta jugar con él. Hazlo y ejecútalo de diferentes maneras. Aquí, centralo y hazlo un poco más dinámico en las proporciones. Juega con el tipo más grande y más pequeño. Vamos a probar algunas direcciones diferentes. Vamos a centrarlo realmente, y probar ese tipo Serif, y tal vez ejecutar un pequeño adorno alrededor de uno de los elementos del tipo. Probemos una tercera dirección más ilustrativa. Eso es un poco más decorativo, y tal vez un poco más lúdico. Todos son bastante geniales, y me gusta el juguetón. Todas las cosas siendo iguales, pero creo que tal vez deberíamos ir con una dirección un poco más seca para esto. Entonces, probemos el que más me parezca académico, y ese es este medio de aquí. Entonces, esto es genial, pero tal vez necesita un poco más de personalidad. Pensemos en el concepto, y ya que esto está en su núcleo una pieza de hip hop. ¿ Qué tipo de elementos visuales van de la mano con eso? A lo mejor deberíamos probar algunos graffiti. Qué era un Príncipe Fresco, hecho tipo graffiti. Entonces, probemos algún tipo de letras a mano, para esa parte del título. Usando nuestra Herramienta de Pincel para empezar, dibujemos el F. Tal vez le agreguemos algunos goteos de graffiti. Aquí y aquí. Probemos toda esa parte de ese título. Se ve un poco más dinámico, un poco más interesante, así que suministre nuestra paleta de colores a este nuevo tipo de elementos y ponte nuestro tipo graffiti. Hazlo un poco más grande. Es un elemento cool. Hagámoslo amarillo. Está bien, eso se ve mejor. 18. Construir elementos ilustrativos: Está bien. Entonces, nuestro diseño, está empezando a llegar a algún lugar. Se ve bastante guay. Entremos y echemos un vistazo a qué elementos de ilustración necesitamos. Encima de mi cabeza, creo que necesitamos algunos elementos de ilustración para este diagrama de flujo inferior aquí. Necesitamos una ilustración de basquetbol y un taxi, y algo que represente a Bel Air, y entonces tal vez necesitamos un avión aquí pasando por el camino migratorio. Entonces, un Pop Chart Lab funciona en este lo que generalmente se llama estilo de diseño plano de ilustración, algunas personas lo llaman minimalismo pero no es realmente mínimo, es más una forma de trabajar en la que el detalle es realmente elegido cuidadosamente, el detalle para la ilustración es realmente escogido cuidadosamente y el look sigue siendo gráfico. Tiene mucho sentido para las visualizaciones de datos porque el aspecto general del diseño puede ser realmente complejo. Entonces, queremos mantener algunos de los elementos individuales algo sencillos, pero hay espacio para mucha creatividad dentro de eso, claro. No tienes que trabajar de esta manera. Hay algunas grandes visualizaciones de datos que se hacen a mano, o se hacen con fotografía o se hacen con, no sé, pinturas de dedos. Entonces, depende totalmente de ti. Pero para el estilo Pop Chart Lab, trabajamos en un estilo gráfico. tanto, generalmente construimos estas ilustraciones con bloques de color, haciendo formas grandes primero y luego rellenando detalles particulares y para ser discernidos sobre los detalles que incluyes, y siempre es fácil obtener imágenes de referencia si necesitas ella. Entonces, necesitamos un taxi, y construyamos la forma básica amarilla, y luego añadiremos unas ruedas, y luego algunos detalles, como tipo de ventanas, faros y tal vez una matrícula fresca. Entonces, construimos una forma de matrícula y le agregamos un poco de detalle, agujeros, y creo que esto es fresco. Echemos un vistazo al diseño con nuestros elementos de ilustración. Pongámoslos ahí dentro. Hay un avión genial que hicimos, tal vez ese vaya allá en su camino a Bel Air. Su descenso a Bel Air y empezar a disparar aros. Entonces, solo podemos llenar las diferentes partes, poner en nuestra cabina. Yo sólo estoy desbaste esto. Podemos refinarlos más adelante. Creo que ese taxi tenía algunos dados divertidos, los dados difusos, difusos y divertidos, y una matrícula fresca, y tal vez un trono para Bel Air ya que Will Smith se sienta en un trono en la secuencia de crédito, creo. Solo estoy poniendo estos solo para meterlos ahí, y podemos echarle un vistazo, pero creo que este detalle extra realmente está empezando a llevar el diseño al siguiente nivel. 20. Elementos visuales secundarios: Está bien. Entonces, retrocedamos de nuevo echemos un vistazo a nuestro diseño general, y parece que está empezando a llegar a algún lugar. Este punto generalmente echaré un vistazo y solo averiguaré si necesita algún elemento visual secundario, ilustraciones o gráficos, cosas así. Entonces, si miramos todos los elementos principales en el diseño, los que hasta ahora no hemos prestado atención. Esa será la flecha, flecha de la ruta migratoria, el mapa, y estas pequeñas líneas en el diagrama de flujo creo, ve que los dados difusos van apropiadamente por ahora arriba arriba por encima de la nueva matrícula. Pero, echemos un vistazo a los diferentes elementos y creo que a ver si podemos hacerlos un poco más fríos. A lo mejor el mapa por ejemplo, podría ser poco 3D, elemento 3D al mismo copiando y pegando, y aquí abajo dibujando en algunas líneas delgadas para resaltar el modelado de la tipografía, y la cara del mapa probablemente necesite ser un poco más ligero así que hagámoslo un poco de gris, un azul-gris, un verde gris, vamos a ver. Eso se ve bastante bien, eso se ve genial. Echemos un vistazo a hacer alguna flecha más fría para la ruta migratoria, y tal vez también usaremos una variación en esa flecha para la ruta en el diagrama de flujo en la parte inferior del diseño. Entonces, pongámoslos, quizá hagamos que nuestras gotas de alfiler también sean amarillas. En esta parte estamos empezando a adentrarnos en los aspectos más granulares del diseño. Entonces, entraremos y veremos cómo interactúa este tipo con el mapa detrás de él, por ejemplo nuestro nuevo mapa, se ven bastante cool juntos, tal vez podamos hacer que algunos de los pequeños detalles en el plano se adhieran a nuestras opciones de color y paleta. A lo mejor podemos hacer que algunos de los pequeños detalles de nuestro avión se adhieran a nuestra paleta de colores y opciones para el diseño pero en este punto está empezando a tomar forma. Agregaremos aquí nuestras flechas pequeñas y el diagrama de flujo está funcionando bastante bien, y los diferentes aspectos del diseño están empezando a juntarse. Entonces, esto es lo que tenemos, y empezando a lucir bastante cool, parece que hay algún espacio vacío arriba arriba y abajo, que podría usar solo un poco de atención o detalle y ¿qué más podríamos añadir a ello? ¿ Necesitamos algo más? A lo mejor necesitamos algo más. Dado que los mapas suelen estar etiquetados con el año de la información que representan, hagámoslo aquí también. Etiquetemos este 1990, aquí abajo donde iría una llave del mapa, pero hagamos que eso sea un poco mejor. Hagámoslo Circa 1990, y agregarle algunos pequeños adornos. Agarra eso, y pondré eso aquí, y tal vez esta cosa necesita una corona, supongo obviamente, ya que se trata de Príncipes. Hagamos una corona de graffiti, el mismo estilo que el graffiti de nuestro título. Esa corona probablemente va a ir en la parte superior del diseño a la derecha. Entonces, pongamos eso ahí, ahí vamos. Entonces, esto es lo que tenemos, luciendo bastante cool. 22. Elemento de fondo: Entonces, ahora tenemos todos nuestros elementos de ilustración en su lugar, y nuestra tipografía, y nuestros elementos gráficos secundarios o ilustrativos, y está empezando a juntarse realmente, creo. Podemos seguir impulsándolo, moviendo un poco las cosas, pero ahora, vamos a dar un paso atrás y echarle un vistazo duro, y preguntarnos: “¿Hay suficiente para mantener el interés de los televidentes? ¿ Hay suficiente para mantener tu interés? El interés del diseñador?” Creo que se ve genial, tal vez hay muchos elementos pequeños que están flotando por ahí, tal vez necesita estar atado un poco. Algo que un elemento de fondo que a menudo tienen los mapas es una cuadrícula o algún tipo de patrón topográfico, y realmente me encantaron esos viejos patrones topográficos, así que creo que tal vez intentemos eso. Podemos ponerlo en segundo plano, y ver cómo funciona. Creo que podría atar cosas juntas. Hacer un patrón topográfico. Este es un patrón decorativo, no se relaciona con ninguna topografía en particular. Pero, vamos a usar nuestra herramienta de bolígrafo y simplemente entrar realmente y dibujar todas estas líneas hacia fuera. Agregaremos algunos amarillos también, algunas líneas punteadas para mezclar un poco lo visual. Mucho de este trabajo ilustrativo y trabajo de detalle en estos diseños consumen bastante tiempo, así que, no voy a pasar por todo el asunto, pero puedes tener una sensación de cómo se hace. Entonces, tomemos nuestro patrón topográfico y lo ejecutemos detrás del mapa. Veamos qué tenemos. Se ve bastante guay, y eso me gusta mucho. Dejemos caer un poco estos elementos, y otra cosa que los mapas suelen tener son reglas. Entonces, pongámoslo en una pequeña regla, solo un pequeño elemento de acento para separar el visual principal arriba del diagrama de flujo, y otros elementos abajo. Y aquí vamos, creo que se ve bastante genial. Me gustan los colores, me gusta el diseño general, y todos los diferentes elementos. Creo que se ve afilado. 24. Dirección del arte final: Entonces, ahora, eso nos mueve a la unidad seis, y eso es Arte Dirigiendo y Editando el Diseño. Entonces, lo principal en este punto es hacernos realmente las preguntas difíciles y evaluar el diseño general y ser tu propio director de arte y ser tu propio editor y echar una mirada dura y honesta. Trata de no pensar en el tiempo y/o esfuerzo que gastaste en el diseño, trata de no pensar en eso en absoluto. Intenta hacerlo como si fueras alguien que viene a este diseño fresco por primera vez, y simplemente trata de evaluarlo de manera honesta. En un laboratorio de Pop Chart , a menudo, como escenario, tenemos que tomar algunas decisiones realmente difíciles sobre volver al tablero de dibujo y los diseños. Pasar mucho tiempo a reelaborar minuciosamente algunos de los elementos o incluso volver a la parte de investigación y hacer nueva investigación para llamar nueva información que el diseño necesita, o podríamos cambiar la estética general o incluso desechar totalmente el diseño, si no funciona. Entonces, hay algunas opciones difíciles en esta etapa, pero realmente te beneficiarás de ellas a la larga. 26. Sube y comparte: Entonces, ahora has hecho tu diseño. ¿ Qué haces con él. Vivimos en una era de la información. La era del big data y esto es cierto si estás hablando de datos a escala global masiva o a un nivel muy personal. La visualización de datos es un medio perfectamente adecuado para su edad y su popularidad no es casualidad. En Pop Chart Lab, compartimos nuestros diseños a través nuestra plataforma de redes sociales o si pensamos que un diseño tiene mérito suficiente, producimos impresiones y otros productos con él. Pero también hay toneladas de foros en línea donde se pueden enviar infografías como Visualmente o Boeing Boeing o me encantan los Charts. Entonces, comparte cosas en línea, envíalo a foros. Configura un blog o un sitio web o una cuenta de Flickr o compártelo a través redes sociales porque al mundo le encanta una buena visualización de datos.