Del curso: Trucos de diseño gráfico
Diapositivas sencillas
Del curso: Trucos de diseño gráfico
Diapositivas sencillas
Cuando haces una presentación, cuentas con muchos recursos para preparar diapositivas, pero yo siempre digo que deben ser simples. El público no está para leer las diapositivas, sino para verte, escucharte e interactuar contigo, así que ten en cuenta el lenguaje corporal, el tono de voz y ese tipo de aspectos. Si con las diapositivas ya pueden comprender la idea esencial del tema, hazles un favor a todos: ahórrate la reunión y envíales la presentación por correo. Tengo varios ejemplos de diapositivas sencillas, y lo curioso es que las extraje de una reunión de la empresa en la que trabajo, LinkedIn. LinkedIn trabaja con una plantilla prediseñada que se utiliza en toda la empresa y se basa en la tipografía Source Sans Pro, de la que hablaré en un momento. Trabajar con plantillas también puede llegar a ser complicado si no pensamos de manera simple. Esta presentación la preparó mi compañero Morty Golding e hizo un buen trabajo. Cuidó mucho la tipografía, el ritmo y sobre todo la simplicidad. Vamos a ver algunas de las diapositivas. La fotografía que estás viendo se tomó en la sala de la reunión. Esta era la diapositiva de apertura y marcó el rumbo de la charla, que fue fresca y creativa. La foto es del océano Pacífico, y esa es la playa que está al otro lado de la carretera que pasa por Carpinteria, donde está la empresa. Es genial. Una puesta de sol en la playa. No te la enseño para convencerte de que vengas al campus de LinkedIn en Carpinteria, pero es lo que tenemos aquí. «Content Week 2017» está en Source Sans, y me gusta por dos motivos; primero, que está en minúsculas; y segundo, que está en blanco, así que queda muy suave. Es como si estuviera en el aire, en lugar de estar en un color demasiado llamativo. Además, está en horizontal y respeta el movimiento de la línea del horizonte de la playa. Vamos a ver algunos detalles de esta tipografía. «Content Week» está en Source Sans Pro, en Black, y las letras tienen más peso. «2017» está en Extra Light, que es la opción más fina. La fecha y «Carpinteria» son regulares, pero si te fijas, las han expandido un poco. El espaciado es mucho más amplio. Y me parece muy bien. La norma es que cuanto más pequeña es la fuente, mayor espaciado necesita. Tenemos uno o dos aspectos que me gustaría destacar. Uno es que «2017» tiene el tamaño de las letras minúsculas de «Content Week». Morty eligió bien, porque los números normalmente son del mismo tamaño que las letras mayúsculas, pero sería demasiado grande y no es el dato más importante a resaltar en el texto. Al reducirlo a este tamaño, se mantiene presente, pero no es el elemento principal. Además, si hubiera puesto «2017» en el mismo grosor que «Content Week», en Sans Pro Black, pero a este tamaño reducido, parecería frágil, porque el ancho de los trazos también sería más estrecho. Por lo tanto, lo evitó dándole un grosor distinto, y tenemos un contraste entre el Black y el Extra Light. Quiero resaltar que, en mi opinión, «2017» está demasiado ajustado. Está muy comprimido. Lo estoy comparando con el espaciado ancho o el espaciado normal que tenemos en las palabras anteriores y en «Carpinteria». Creo que es demasiado estrecho y me gustaría arreglarlo. Otro detalle que aprecio es que la línea de la fuente de «Carpinteria» hace que la palabra ocupe más a lo alto que el espacio que tiene encima. La diferencia es muy sutil, pero para mi percepción, está algo apretado, y arreglar estos dos problemas sería muy fácil. Ahora, el espaciado de «2017» encaja con el de «Content Week», y he movido un poco las líneas que conforman esta palabra, para que este canal sea mayor que el que ocupa la palabra, y así podamos tener más aire y espacio para respirar. Ten en cuenta que cuando observas letra, o mejor, cuando observas cualquier imagen en una página, vas a ver las líneas positivas de los elementos, es decir, la zona de impresión. Pues fíjate también en las líneas negativas, las áreas que no se imprimen, pero donde hay un canal que vas a percibir y cuyos tamaños deben tener correlación entre ellos. Ahora creo que la diapositiva es genial. Está hecha con mucha atención. La siguiente es una tabla que creo que es perfecta. Me gusta porque es muy clara, muy sencilla de leer, muy transparente. A la izquierda vemos «El orden del día», y luego tenemos una lista con el horario. Me gusta la fuente; todas las palabras encajan en sus celdas. No son muy pequeñas, como un pez en medio de un acuario; ni tampoco muy grandes dando la sensación de amontonamiento. Cada línea tiene la cantidad precisa de espacio. Además, me gusta que los colores tengan un contraste bajo, ya que dan una apariencia monocromática; y que justo las líneas más claras sean las pausas, que resaltan sobre las demás tareas y se nota que son especiales. Diría que es la tabla perfecta. Morty hizo exactamente lo correcto, ni más ni menos. Esta diapositiva también me encanta. Se aprecia una sensibilidad especial por la tipografía y también por la sencillez. La diapositiva contiene únicamente una reflexión muy importante, en torno a la que giran todos los demás elementos de la presentación. Está en la pared, se lee muy rápidamente y funciona como gancho para la memoria. Me gusta la atención que se depositó en la fuente, con una combinación de dos tipos de grosor, y abajo tenemos la firma con versalitas. No es una lista de puntos, no tenemos animaciones ni colores llamativos o efectos especiales. Me parecen de una claridad y una profesionalidad absolutas. Una presentación de diapositivas no consiste en un festival de animaciones. Me parece una diapositiva perfecta. Mencionaba antes que la empresa utiliza la Source Sans. Creo que es muy buena elección, sobre todo para presentaciones, porque es muy legible. También es nueva y fresca. Vamos a ver algunas cualidades que la hacen legible. Voy a acercarme. La fuente de arriba es Helvetica, una tipografía típica que se usa mucho en presentaciones. Es parecida a la Arial, que también es muy común. Sin embargo, es un tipo de fuente más complicado que la Source Sans, que vemos en la línea inferior. Si te fijas en la R mayúscula, ves este trazo curvado que sale del cuerpo central de la R, mientras que en la Source Sans tenemos un trazo recto. La E de la Helvetica tenemos una forma redondeada que casi se cierra; este espacio es muy pequeño, mientras que en la Source Sans la forma es más ahuevada, como una ondulación, y aquí tenemos más hueco. Vemos más espacio en blanco, lo que, cuando el tamaño de la palabra se reduce, cobra más importancia. De igual manera, la A de Helvetica tiene muchas curvas que dan a más curvas. por eso adquiere complejidad; y aquí casi se cierra, como la E. Sin embargo, en la Source Sans, tenemos una línea más sencilla, y esta zona permanece abierta. El trazo del cuerpo va directo hacia abajo, sin curvas, y la barriga proviene directamente del trazo vertical. Es decir, la Source Sans es una tipografía más sencilla, con menos elementos, y se ve sobre todo cuando me alejo y comparamos las fuentes. Ambas son legibles, pero la Source Sans es más simple. Tiene menos nivel de detalle, es más abierta, y, aunque se reduzca el tamaño, seguirá siendo legible, lo que me recuerda a otra cosa. Elige el tamaño de la fuente en función de la sala en la que estés. En este caso, el espacio era bastante reducido. El fondo de la sala estaba bastante cerca de la pantalla, así que la fuente podía ser bastante pequeña. Sin embargo, si estás en un auditorio, la fuente más pequeña que pongas debe ser grande. Esta es la siguiente diapositiva. Me gusta mucho. Obviamente parte de una plantilla, con «Next Play», la fotografía con marco redondo y el nombre centrado, sin embargo, tiene mucha sensibilidad, lo que se ve en algunos aspectos. Primero, la imagen del fondo es la de la portada de la presentación, muy escénica y pintoresca. Funciona como base para toda la presentación y la reunión. La imagen de la puesta de sol puede ser el punto de anclaje de la presentación. Y segundo, si te fijas, el color de «Next Play» y del nombre del empleado son del mismo color que el fondo de las otras diapositivas. Parece algo sencillo, pero no todos lo harían. Esto crea continuidad de una diapositiva a la siguiente. Esta diapositiva me encanta. No puede ser más sencilla, y aun así, es muy atractiva. Tipográficamente da la idea de que es una pausa, como un momento para respirar. No se parece a las demás, aunque sí tiene la misma tipografía, pero mantiene la simplicidad. Es solo una pregunta con la que el público hace una pequeña pausa para luego continuar. Por último, aunque parezca mentira, esta está basada en una plantilla. Es genial, un poco abstracta y muy atrayente. Para no tener muchos elementos en ella, nos dice mucho y nos presenta lo que va a explicar el orador. Es una diapositiva muy bonita. Hemos visto seis ejemplos de una buena presentación de diapositivas. Mantén la sencillez y ten en cuenta la belleza. Estas eran diapositivas magníficas. Intenta crear algo así sin entrar en animaciones, efectos especiales y ese tipo de elementos que afean la presentación. Es lo que quiero que tengas en cuenta. Y este ha sido nuestro diseño de hoy. Hasta la próxima.
Contenido
-
-
-
Una portada moderna: simple, limpia y angular3 min 5 s
-
(Bloqueado)
Una ficha de producto con las palabras en su sitio2 min 54 s
-
(Bloqueado)
Una tarjeta de visita que comunica lo mismo que el texto4 min 36 s
-
(Bloqueado)
Una ilustración duplicada3 min 28 s
-
(Bloqueado)
Las transparencias. Una imagen siempre combina con sí misma5 min 26 s
-
(Bloqueado)
Una tarjeta de visita con formas repetidas4 min 12 s
-
(Bloqueado)
Por qué las letras redondas son más grandes que las rectas1 min 39 s
-
(Bloqueado)
Un póster atractivo. Trabaja en armonía con la imagen6 min 29 s
-
(Bloqueado)
Material de oficina que muestra tu producto, no tu logo7 min 29 s
-
(Bloqueado)
La alineación con reglas solo vale para objetos típicos4 min 10 s
-
En el diseño de logos, ve a lo simple3 min 28 s
-
(Bloqueado)
El eje central de tu fotografía, el elemento de anclaje7 min 39 s
-
(Bloqueado)
Representa información mediante imágenes2 min 14 s
-
(Bloqueado)
Un logo vistoso con una tipografía sin modificar3 min 19 s
-
(Bloqueado)
Cómo transferir un estilo a un formato nuevo11 min 40 s
-
(Bloqueado)
La función de los triángulos4 min 48 s
-
(Bloqueado)
El arte polifacético de la silueta7 min 42 s
-
(Bloqueado)
Un diseño funcional con una línea6 min 19 s
-
(Bloqueado)
Los rótulos y la coherencia de la marca7 min 24 s
-
(Bloqueado)
La profundidad con el negro, el blanco y el gris2 min 35 s
-
Un calendario de mesa que puedes hacer tú mismo9 min 13 s
-
(Bloqueado)
El logo contraintuitivo5 min 12 s
-
(Bloqueado)
Diseña instrucciones visuales5 min 24 s
-
(Bloqueado)
Diseña un embalaje de CD muy atractivo8 min 35 s
-
(Bloqueado)
Folletos simples que te presentan ante el público2 min 29 s
-
(Bloqueado)
Suaviza los bordes de una imagen2 min 42 s
-
(Bloqueado)
Un diseño pequeño con un gran impulso6 min 31 s
-
(Bloqueado)
Trabajamos con formas. Parte uno6 min 40 s
-
(Bloqueado)
Trabajamos con formas. Parte dos3 min 55 s
-
(Bloqueado)
Transformación de un logo. La tipografía4 min 40 s
-
Transformación de un logo. El dibujo4 min 51 s
-
(Bloqueado)
Un collage de imágenes con una cuadrícula3 min 5 s
-
(Bloqueado)
Fotografías de personas distribuidas en una cuadrícula5 min 12 s
-
(Bloqueado)
Rediseña una portada de revista4 min 13 s
-
(Bloqueado)
Diseña tarjetas solo a partir de texto6 min 50 s
-
(Bloqueado)
Diseña un anuncio en poco espacio3 min 56 s
-
(Bloqueado)
Diseña una tarjeta de visita para una fotógrafa5 min 4 s
-
(Bloqueado)
Diseña nombres a partir de la tipografía y formas básicas3 min 58 s
-
(Bloqueado)
Evaluamos un cartel exterior7 min 41 s
-
(Bloqueado)
Crea un folleto pequeño de varias páginas9 min 4 s
-
Diseñamos con el negro, el blanco y el gris4 min 49 s
-
(Bloqueado)
La técnica Gestalt del isomorfismo6 min
-
(Bloqueado)
Rediseñamos una tarjeta de visita7 min 30 s
-
(Bloqueado)
Cómo añadir movimiento a una página estática11 min 24 s
-
(Bloqueado)
El círculo cromático6 min 12 s
-
(Bloqueado)
Qué decisiones de diseño tomar4 min 45 s
-
(Bloqueado)
Diseñamos un folleto pequeño3 min 54 s
-
(Bloqueado)
El espaciado panorámico3 min 20 s
-
(Bloqueado)
Un formato multiusos para tarjetas de visita7 min 46 s
-
(Bloqueado)
Una portada para un libro aburrido. Parte 17 min 17 s
-
Una portada para un libro aburrido. Parte 24 min 15 s
-
(Bloqueado)
El espacio único entre frases y caracteres4 min 51 s
-
(Bloqueado)
Incorpora líneas finas a tu diseño4 min 2 s
-
(Bloqueado)
Consigue un color similar a tu muestra4 min 36 s
-
(Bloqueado)
Técnicas de diseño con cuadrículas4 min 34 s
-
(Bloqueado)
Tarea. Un calendario de Lanzarote4 min 5 s
-
(Bloqueado)
El primer plano como punto focal2 min 55 s
-
(Bloqueado)
Detente, mira y observa3 min 41 s
-
(Bloqueado)
La cuadrícula de la norma de las pulgadas7 min 48 s
-
(Bloqueado)
El humilde poder del espacio negativo8 min 55 s
-
Sigue el flujo de las líneas9 min 18 s
-
(Bloqueado)
Aprende mediante la práctica10 min 46 s
-
(Bloqueado)
Por amor al diseño4 min 2 s
-
(Bloqueado)
Una portada para un libro aburrido. Parte 35 min 32 s
-
(Bloqueado)
Decisiones atrevidas4 min 51 s
-
(Bloqueado)
Sencillo pero fascinante4 min 33 s
-
(Bloqueado)
Diseños comunes pero versátiles5 min 2 s
-
(Bloqueado)
La filantropía a gran escala5 min 26 s
-
(Bloqueado)
Las palabras y las imágenes1 min 46 s
-
(Bloqueado)
Cada tipografía tiene su lugar4 min 50 s
-
Diapositivas sencillas10 min 58 s
-
(Bloqueado)
Las líneas ilusorias11 min 27 s
-
(Bloqueado)
Cuadrículas de estilo suizo, parte 15 min 2 s
-
(Bloqueado)
Cuadrículas de estilo suizo, parte 26 min 29 s
-
(Bloqueado)
Una fuente poética5 min 6 s
-
(Bloqueado)
La continuidad visual4 min 37 s
-
(Bloqueado)
Encuentra el equilibrio5 min
-
(Bloqueado)
Procrastrabajar con portadas de discos9 min 35 s
-