El diseño de buenas presentaciones de Keynote no es tan difícil como podrías pensar. Mediante el uso de un flujo de trabajo confiable, tomando buenas decisiones estéticas y respondiendo las preguntas correctas, te estás preparando para diseñar una presentación de Keynote exitosa. Una vez que esté terminada, puedes guardar el diseño de tu plantilla para presentaciones de Keynote como un tema para usarlo una y otra vez.
En esencia, podemos resumir el flujo de trabajo en los siguientes pasos:
establece tu historia
elige la dirección del arte
crea un bosquejo de tus diapositivas
diseña la plantilla de tu presentación
afina la animación
guarda tu tema final
Los resultados de cualquier presentación son un reflejo de la calidad de tu contenido y de qué tan bien comunicas tu mensaje, pero también dependen del diseño subyacente de tu presentación.
Si necesitas una solución profesional de inmediato, puedes navegar a través de nuestra colección de plantillas para presentaciones de Keynote en GraphicRiver. Si no es así, entonces veamos cómo puedes diseñar tu propia plantilla.
El diseño le da soporte a tu presentación
El diseño es la base de todo el contenido de tu presentación. Este realza el mensaje que estás intentando transmitir. Facilita la narración al mostrar recursos visuales como fotografías, ilustraciones y animaciones para crear tu historia.
Una presentación bien diseñada realza el mensaje que estés transmitiendo.
Las presentaciones exitosas dependen de la fuerza de tu diseño tanto como dependen de tu contenido puro. Con un tema de Keynote diseñado exclusivamente para tu audiencia y tu mensaje, estás preparado para tener impacto. Echemos un vistazo al proceso.
1. Define a tu audiencia e historia
Antes de abrir Keynote, todo comienza con la creación de una historia. Las presentaciones bien diseñadas tienen un inicio, una parte media y un final. Debes evitar una presentación de hechos lineal, y en vez de eso crear una historia fluida.
Esta estrategia ayuda a capturar el interés de tu audiencia durante las presentaciones, lo que es especialmente crucial si estás dando presentaciones largas durante las que es fácil perder la atención de tu audiencia.
Pon a tu audiencia en primer lugar
Define a la audiencia frente a la que estás hablando también. Considera cómo puedes traducir tu contenido en una historia con la que puedan identificarse. Para el propósito de este tutorial, usaremos el siguiente ejemplo para crear nuestro tema para la presentación de Keynote: Una compañía emergente está lanzando su producto frente a una audiencia de posibles usuarios e inversionistas.
Crea la historia de tu presentación
Con nuestra audiencia en mente, el siguiente paso es decidir la historia. Las empresas emergentes a menudo usan la siguiente trama para presentar sus discursos:
Presentar el problema (a menudo una experiencia personal).
Describir el camino a la solución.
Presentar la solución (el producto o servicio).
Describir qué es lo que hace que la solución sea excelente (vender el producto o servicio).
En base a eso, tenemos una estructura aproximada de cómo vamos a expresar lo que tenemos que decir en forma de una historia coherente.
2. Planifica la dirección del arte para tu discurso
Ahora es momento de comenzar con el diseño en sí para tu presentación de Keynote. ¿Por qué necesitamos una historia según lo descrito anteriormente antes de poder comenzar con el diseño? la historia afectará la dirección de tu arte y el estilo visual.
Elige tus elementos visuales
En base a tu historia puedes definir qué tipo de elementos visuales te gustaría usar en el diseño de la presentación. Tienes una variedad de opciones en cuanto al tipo de elementos visuales que puedes usar:
fotografías
ilustraciones
iconografía
animación
Considera las necesidades de la marca
Otro factor importante para la dirección del arte es la marca. Si estás creando el diseño de una plantilla de presentación para una compañía específica, asegúrate de consultar si tienen directrices de marca establecidas.
Tal vez no haya documentación oficial sobre su marca, pero es posible que haya un uso consistente de fuentes y colores. En esencia, para la dirección del arte no es necesario reinventar la rueda, sino respetar la marca existente de un cliente.
Si estás diseñando una presentación para una compañía, necesitas respetar las directrices de marca existentes.
Desde luego, si no hay una marca tienes mucha más libertad para diseñar tu plantilla de Keynote como lo desees.
La historia como un catalizador parael diseño
La historia detrás de una presentación es útil para establecer decisiones con respecto a sus elementos visuales. La historia debe transmitir emociones que motiven a la audiencia a la que te estés dirigiendo. Puedes tomar decisiones de diseño en base a ese concepto.
Antes de abrir Keynote, estos son los pasos típicos que llevo a cabo:
Definir cuál será el espíritu del grupo de diapositivas en base a la historia. Esto afectará mis decisiones relacionadas con el diseño.
Establece el tipo de recursos de imagen que serán usados y recopila material que puedas usar (por ejemplo ¿qué tema de fotografía o estilo de ilustraciones usaré?).
Establece el esquema de color y la tipografía (esto generalmente se basa en las directrices de la marca).
Una pequeña guía de estilo que he creado para la presentación de una empresa emergente en la que trabajaremos. Lo anterior me proporciona guías con respecto a los colores, a la tipografía y al tipo de fotos que quiero usar al diseñar en Keynote.
En el ejemplo que usamos en este tutorial, estamos creando un diseño de presentación para una empresa emergente que vende jugos embotellados. La marca existente tiene un fuerte enfoque en colores cálidos, ya que es un producto que se supone hace que las personas se sientan bien con ellas mismas. Podemos expresar este tipo de emociones a través de tipografía en negritas, colores cálidos y usando fotografías en las que las personas se encuentren en situaciones en las que se sientan felices.
3. Crea el bosquejo de las diapositivas de tu presentación
Tenemos una historia y una dirección visual para nuestro grupo de diapositivas. El siguiente paso es definir la estructura de la presentación.
El método más eficiente que he encontrado es usar lápiz y papel para simplemente comenzar a crear bosquejos de diferentes diapositivas. La idea es crear rápidamente prototipos de diversas presentaciones que nos indiquen cómo se verá la estructura de las diapositivas. Yo me reto a no pasar más de 15 segundos por diapositiva. Trazo líneas aproximadas para indicar el lugar en el que será colocado el texto, en dónde estarán las imágenes y cómo estoy dividiendo la historia en diferentes diapositivas.
Una vez que tengo diversas variantes, elijo las mejores y comienzo a definir cuáles serán las diferentes plantillas para las diapositivas. Para un grupo de aproximadamente 20 diapositivas, por ejemplo, generalmente tengo entre 4-6 diapositivas plantilla que uso para crear la presentación completa.
La idea es que dibujes aproximadamente media hora y que luego comiences con el diseño de producción para tu presentación de Keynote.
Bocetos aproximados de diversas ideas para diapositivas de una presentación en Keynote.
Para este tutorial y para la creación de nuestro grupo de diapositivas para una empresa emergente, vamos a enfocarnos en dos diapositivas plantilla de ejemplo para diseñar:
diapositiva con fotografía de ancho completo
diapositiva de características
En un proyecto completo a menudo tendrás más diapositivas plantilla, pero al mostrarte cómo diseñar estas dos podrás comprender el proceso.
4. Diseña la plantilla de tu presentación de Keynote
¡Ahora tenemos todos los recursos que necesitamos! tenemos el contenido y la historia correspondiente. Tenemos una idea de los elementos visuales que queremos usar así como la estructura de la presentación. ¡Ahora es momento de comenzar a diseñar!.
Diseña la diapositiva de la fotografía
Una de las plantillas para diapositiva que necesitamos diseñar contiene una fotografía de ancho completo con una superposición de color en la parte superior. Vamos a comenzar.
Para diseñar una plantilla de presentación en Keynote usaremos diapositivas maestras. Vamos a aprender un poco más acerca de ese flujo de trabajo.
Trabajando con diapositivas maestras en Keynote
Primero abre Keynote. Generalmente yo comienzo con un documento ancho en blanco. A continuación vamos a configurar nuestras diapositivas maestras. Una diapositiva maestra es una plantilla para diapositiva que puedes reutilizar. De forma predeterminada, Keynote proporciona diversas opciones cuando presionas el icono más para añadir una dispositiva en la parte superior izquierda. Esas son todas las diferentes diapositivas maestras.
Con las diapositivas maestras puedes generar tus opciones de diseño para las diapositivas, además de darle a tu plantilla de Keynote una serie de opciones predefinidas. La ventaja es que puedes establecer el lugar en el que aparecerán tu texto y tus imágenes como marcadores de posición en diversos diseños de diapositivas, para que así puedas mantener la consistencia del diseño de tu presentación.
Si estás creando una plantilla grande de Keynote para usarla en diversas presentaciones, entonces tener múltiples diapositivas maestras puede ser bastante útil, especialmente si vas a entregar el tema a un cliente para su uso o si vas a venderlo en un mercado de temas en línea, ya que el diseño de las páginas se bloquea mientras aún es posible cambiar el contenido.
Paso 1: Configura tu diapositiva maestra
El primer paso es comenzar a editar tus diapositivas maestras. Para hacer esto, haz clic con el botón izquierdo en la diapositiva inicial que aparece en la barra lateral izquierda y haz clic en Edit master slides (Editar diapositivas maestras). En esta interfaz puedes editar fácilmente cualquiera de tus diapositivas y después añadirla al grupo usando el botón Add slide (Añadir diapositiva) que tiene el icono más. Usa cualquiera de las plantillas existentes, o haz clic con el botón derecho en cualquiera de las diapositivas maestras de la barra lateral izquierda y elige New Master Slide (Nueva diapositiva maestra).
Ahora configuraremos la diapositiva maestra inicial.
Primero necesitamos encontrar una foto que podamos usar. Recomiendo ampliamente Unsplash como fuente para encontrar imágenes que puedes usar según desees. Desde luego, hay una gran cantidad de maneras de encontrar fotos en línea (o puedes comprar fotografías de stock).
Una vez que tengas una foto que quieras usar, elimina todos los cuadros de texto existentes en tu diapositiva maestra. Ahora vamos a añadir una foto en el fondo de la diapositiva.
Primero haz clic en la pestaña Format (Formato) del lado derecho de la ventana de Keynote. Deberás ver Background (Fondo) como una de las opciones. Cuando haces clic en la flecha para mostrar las opciones, puedes seleccionar Image fill (Relleno de imagen). Puedes cargar la foto que hayas elegido y esta aparecerá en el fondo de la diapositiva maestra. Finalmente, debes asegurarte de que la fotografía se ajuste correctamente. Elige Scale to Fill (Escalar para rellenar) como opción de tamaño ¡y estamos listos!.
Agrega una foto en el fondo de tu diapositiva maestra.
Paso 2: Agrega los elementos y colores de la marca
Ahora vamos a añadir un poco de color. Presiona la herramienta Shape (Forma) de la barra de herramientas superior y haz clic en cualquier cuadro. Se abrirá un nuevo menú a la derecha para manipular la forma. Debemos asegurarnos de que la forma funcione para nosotros:
En el menú estilo, haz clic en Fill (Relleno) y selecciona No Fill (Sin relleno).
Además selecciona Shadow (Sombra) desde el menú desplegable y aplica No Shadow (Sin sombra).
En el menú Arrange (Arreglo), asigna la posición en 0 y 0 a lo largo de ambos ejes. Además, cambia el tamaño de la figura para que sea de 1920 por 1080.
Ahora, de vuelta en el menú estilo, vamos a añadir el color de marca principal. Selecciona Color Fill (Relleno de color) y presiona el Color Wheel (Selector de Color) para que puedas añadir tu propio color.
Selecciona color fill (relleno de color) y haz clic en el color wheel (selector de color) debajo del menú desplegable para que puedas escribir colores personalizados.
Para la plantilla de la presentación de la empresa emergente que estamos creando vamos a aplicar un rojo brillante (#ee504f) como color principal (como se muestra arriba en las directrices de marca). Vamos a añadirlo como color para la forma. A continuación, aún estando en el menú estilo, cambia el valor Opacity (Opacidad) a 65%. Bien hecho, ¡ahí está tu superposición de color!.
Paso 3: Agrega tu texto a la diapositiva maestra
Ahora vamos a añadir un poco de texto. Haz clic en la herramienta Text (Texto) de la barra superior para que aparezca un cuadro de texto sobre la diapositiva. La fuente para títulos de nuestra marca es Roboto Bold, así que voy a cambiar el tipo de letra para que sea esta fuente.
Voy a incrementar el tamaño de la fuente a 72px para darle al título un poco más de impacto. Finalmente voy a cambiar el color de la fuente a blanco, ya que proporciona un mejor contraste con el fondo rojo. Para volver a usar este estilo en el futuro, voy a añadirlo como un nuevo Paragraph Style (Estilo de párrafo).
Encima de la pestaña de texto hay un pequeño menú desplegable en el que puedes hacer clic para mostrar diversos estilos de párrafos. Presiona el pequeño icono de más para añadir el tuyo, asigna un nombre reconocible al estilo de párrafo (por ejemplo Título) ¡y ahora estás listo para reutilizarlo en todos lados!.
Escribe "Introduce tu título" como un texto de marcador provisional para definir el propósito de la copia.
Vamos a añadir un subtítulo. Lleva a cabo pasos similares a los descritos anteriormente, pero cambia el tamaño de fuente a 46px y elige Cursiva como estilo de fuente.
Finalmente, un paso importante es indicar que el texto es un marcador de posición. Necesitas hacerlo manualmente para todos los elementos que quieras que sean editables cuando un usuario quiera crear su presentación usando las diapositivas maestras que has diseñado. Haz clic en el texto y, a tu derecha en la pestaña de estilo, asegúrate de marcar la casilla Define as Placeholder Text (Definir como texto marcador de posición). Guarda la diapositiva maestra ¡y así habrás terminado!.
Trabaja con estilos de párrafo para reutilizar tu tipografía con el grupo de diapositivas.
Paso 4: Duplica tu diapositiva maestra
Otra forma de escalar fácilmente tu presentación es duplicar tus diapositivas maestras y proporcionar opciones de color adicionales. Como ejemplo, vamos a crear una diapositiva maestra de fotografía y color diferente.
Primero, haz clic con el botón derecho en la diapositiva maestra que acabas de diseñar en la lista de diapositivas a tu izquierda. Después haz clic en Duplicate slide (Duplicar diapositiva). Un duplicado aparecerá justo debajo de la diapositiva maestra original.
Nota que los cambios que hagas en la diapositiva maestra duplicada no afectarán a la diapositiva maestra original. Es un enfoque sencillo para crear una serie de variaciones de una diapositiva maestra.
Paso 5: Agrega una diapositiva única a tu presentación
Muy bien, primero vamos a cambiar el color superpuesto. Haz clic en el cuadro de color y cambia el color de Fill (Relleno) a #34A5DF. Ahora vamos a cambiar la fotografía de fondo. Haz clic en la diapositiva desde la lista de diapositivas de la izquierda, y deberás ver que el fondo está configurado como Image Fill (Relleno de imagen). Podemos mantener todas las configuraciones existentes y simplemente cargar una foto diferente que tú elijas haciendo clic en el botón Choose (Seleccionar). Guarda la diapositiva maestra.
Ahora las personas pueden añadir fácilmente un contenido diferente en sus presentaciones. Por ejemplo:
Esta es una instancia única de una diapositiva.
Diseña la diapositiva de características
La siguiente diapositiva plantilla en la que trabajaremos es una diapositiva de características. En esta vamos a crear una diapositiva simple explicando tres beneficios de los jugos embotellados que la empresa emergente está intentando vender. Para hacer esto crearemos una nueva diapositiva maestra.
Paso 1: Agrega una nueva diapositiva y ajusta el texto
Primero vamos a añadir una nueva diapositiva al grupo agregando una nueva diapositiva maestra. Haz clic con el botón derecho en una de tus diapositivas y agrega una nueva diapositiva maestra. ¿Recuerdas el estilo de párrafo para el título que creamos en la diapositiva anterior? agrega texto usando el botón Text (Texto) de la barra de herramientas superior y usa el menú desplegable para seleccionar el Paragraph Style (Estilo de párrafo) "Título" que creamos.
Ahora bien, dado que el color de la fuente para el título es blanco, no podrás ver nada debido al color de fondo blanco. Vamos a cambiar el color de la fuente a negro y crea un nuevo estilo de párrafo (ten cuidado de no actualizar el anterior) y dale el nombre Título - Negro. Asegúrate de marcar la casilla Define as Placeholder Text (Definir como texto marcador de posición) como lo hicimos anteriormente.
Considerando que queremos añadir tres beneficios en una diapositiva, la fuente es un poco grande. Vamos a reducir el tamaño de la fuente de vuelta a 56pts.
Agregando el texto de título en la página. Nota cómo puedes actualizar el estilo del párrafo, ya que hemos cambiado el tamaño de la fuente.
Paso 2: Duplica el texto del título
Ahora necesitamos duplicar el título y añadir otros dos beneficios. Simplemente presiona la tecla Alt y arrastra el título para duplicarlo. A medida que los arrastras puedes notar cómo Keynote te ayuda a distribuirlos equitativamente mostrando guías amarillas. He estructurado mis títulos de la siguiente manera (todos en una posición x de 160 y distribuidos verticalmente).
Paso 3: Agrega frases
Vamos a añadir una descripción de una sola oración debajo de cada título. Como puedes ver en la guía de estilo, para el texto del cuerpo usamos Roboto regular y un color de fuente gris. Usa las herramientas de Keynote para lograr el siguiente resultado, asegurándote de que el texto del cuerpo también esté definido como texto marcador de posición:
Paso 4: Agrega una fotografía
Ahora, finalmente, vamos a añadir una fotografía que ocupe el lado derecho de la diapositiva para terminar el diseño. De manera similar a como lo hicimos con el texto anteriormente, puedes marcar Define as Media Placeholder (Definir como marcador de posición de medios) en la pestaña Style (Estilo) cuando haces clic en una imagen para poder cambiarla fácilmente. Presiona Done (Listo) para guardar tu diapositiva maestra.
Una fotografía ha sido añadida a la diapositiva, y fue definida como marcador de posición de medios para cambiarla de forma sencilla posteriormente.
Ahora bien, cuando usamos la diapositiva maestra para comenzar a añadir contenido real, es posible que se vea más o menos así:
Paso 5: Reorganiza para añadir variedad
Ahora vamos a duplicar la diapositiva maestra anterior para crear una variación. Entra a la pantalla de diapositivas maestras, duplica la diapositiva de características anterior y reorganicemos algunos elementos para crear un diseño diferente.
Practica tus habilidades de Keynote y recrea lo siguiente:
Finalmente presiona Done (Listo) para guardar tu diapositiva maestra de nuevo. Asegúrate de que la imagen de la izquierda pueda ser cambiada marcando la opción Define as Media Placeholder (Definir como marcador de posición de medios) en la pestaña Style (Estilo) para la imagen. Ahora, la parte emocionante del uso de diapositivas maestras es que podemos cambiar fácilmente la imagen marcadora de posición y copiar para crear algo completamente nuevo usando la estructura existente. Toma esto como ejemplo, usando la diapositiva maestra anterior sin desordenar el diseño que hemos generado:
Paso 6: Agrega diapositivas a tu presentación
Ahora, finalmente, regresa a tu presentación. Usa el botón Add Slide (Añadir diapositiva) para agregar todas las diapositivas maestras que hemos creado. Puedes cambiar las copias y las imágenes también.
Para el texto simplemente puedes hacer clic en cualquiera de los campos de texto y escribir para cambiar la copia. Para las imágenes puedes hacer clic en una imagen, ir a la pestaña Image (Imagen) y hacer clic en el botón Replace (Reemplazar) para cambiar la imagen usada.
¡Todo listo!
Algunos consejos finales
Al trabajar con plantillas y diapositivas maestras, puedes reducir el tiempo necesario para crear una presentación sólida, especialmente si vas a crear múltiples presentaciones con el mismo tema.
Las diapositivas maestras son especialmente útiles si otras personas van a trabajar con el archivo fuente, ya que pueden trabajar con el tema que diseñaste usando habilidades básicas de edición y formato de texto.
En la mayoría de los escenarios de presentación, menos es más (menos palabras, fotografías más simples y una selección de color limitada).
Al trabajar con superposiciones de color (formas coloreadas con transparencia) puedes lograr que la fotografía pertenezca a una marca muy fácilmente.
¡Realiza una ejecución de prueba con tu presentación! a menudo, al presentar las primeras veces quizá quieras cambiar un par de cosas dependiendo de cómo veas el flujo de la presentación.
5. ¿Deberías usar animaciones de Keynote?
Con eso tenemos nuestra plantilla prácticamente terminada, y podemos reutilizarla para diseñar la presentación completa. Hay un paso final: añadir animaciones.
Usar animaciones en Keynote es un tema complicado. Keynote facilita la adición de animaciones a tus diapositivas, pero la primera pregunta en la que tendrías que pensar es si deberías hacerlo. Es importante considerar si las animaciones agregan valor a tu presentación o no. Las animaciones pueden distraer a tu audiencia o interrumpir el flujo de tu presentación. ¡Inténtalo tú mismo y ve si funciona!.
Hay dos tipos de animaciones:
Las animaciones de transición, que animan la transición entre dos diapositivas.
Animaciones de énfasis directamente en las diapositivas, que incorporan, retiran o llevan a cabo una acción en la diapositiva en sí.
Paso 1: Agrega una animación de transición
Haz clic en una de nuestras diapositivas a la izquierda y luego haz clic en la pestaña Animate (Animar) de la parte superior derecha de la interfaz. Hay un botón grande Add an Effect (Añadir un efecto) que, al hacer clic en él, abre un gran menú desplegable con diversas opciones de transición.
Puedes añadir una animación de transición fácilmente haciendo clic en una diapositiva y usando la pestaña Animate (Animar).
Elige cualquier animación y puedes ajustarla según lo desees en la pestaña a la derecha. Generalmente yo cambio el valor de Duration (Duración) para que sea un poco más corto (0.5 s) y así lograr que la presentación tenga un mejor flujo.
Paso 2: Agrega una animación de acción
Ahora haz clic en un elemento dentro de la diapositiva, en un cuadro de texto por ejemplo. Cuando seleccionas un elemento en una diapositiva, se añaden tres pestañas nuevas en el panel derecho. Build in (Entrada), Action (Acción) y Build Out (Salida). Cada una de estas opciones introduce o retira elementos de la diapositiva, o añade énfasis a un elemento.
Usa el mismo proceso que llevaste a cabo para la animación de transición para añadir una Action (Acción) a la diapositiva, por ejemplo Pop (Saltar) es una muy buena.
La animación es algo un poco complicado ¡ya que hay muchas opciones!. Mi consejo es que mantengas la simplicidad y que experimentes un poco. Cuando se trata de animaciones, ¡la mayor parte del tiempo menos es más!.
6. Guarda tu tema final de Keynote
Ahora es momento de guardar la plantilla para volver a usarla posteriormente, o usa tu diseño actual para otra presentación más adelante editando las diapositivas maestras que has creado. Simplemente haz clic en File (Archivo) en la barra de menú superior y luego haz clic en Save Theme (Guardar tema). A continuación puedes añadirlo al selector de temas. La próxima vez que uses Keynote, ¡puedes seleccionar este tema!. También puedes guardarlo de forma local en tu computadora para crear un respaldo en Dropbox, por ejemplo.
¡Eso lo cubrió todo! el proceso anterior te facilita el diseño de una efectiva plantilla para presentaciones. Si estás buscando más inspiración, o si te gustaría tener acceso a maravillosas plantillas, consulta los diseños de temas para Keynote creados por excelentes diseñadores de presentaciones en GraphicRiver.
I'm Sven, a freelance product designer with love for solving complex business problems. I help startups with MVP designs, as well as with investment, pitch and sales decks.
