Atención El vídeo de esta página se grabó con una versión anterior de la interfaz, por lo que las pantallas que ve no coincidirán con las de hoy al iniciar sesión. Los pasos descritos y los principios de diseño siguen siendo válidos. Para la interfaz actual, siga en su lugar su primer diseño y crear diseños.
Creación de contenido para Digital Signage con Piktochart
¿Alguna vez ha sentido que crear contenido es la parte más difícil del Digital Signage? Aun así, usted entiende lo importante que es. Si piensa que solo los diseñadores gráficos son capaces de crear contenido para su pantalla, ¡piénselo de nuevo! Hemos encontrado la solución perfecta para usted, y es gratis.
No se necesitan conocimientos de diseño gráfico para empezar, solo un ordenador con internet y un poco de creatividad. Gracias a la fantástica herramienta en línea Piktochart, cualquiera, incluido usted, puede crear contenido.
En este ejemplo crearemos contenido digital para una panadería. Al fin y al cabo, ¿a quién no le gusta el pan recién horneado y los croissants? Servirá como buen ejemplo típico de diseño y contenido. Utilizaremos imágenes, precios, texto, fondo… para cubrir la mayoría de las necesidades de diseño de un contenido de Digital Signage atractivo.
- Empiece con un concepto del diseño
- Abra una cuenta en Piktochart
- Empiece la creación de su primer diseño
- Ajuste el lienzo para que coincida con la resolución de su pantalla
- Añada una imagen de fondo
- Añada otros detalles al diseño
- Añada su texto y/o llamada a la acción
- Duplique el diseño existente
- Utilícelo para añadir precios y otras llamadas a la acción
- Continúe hasta que se haya creado todo su contenido
- Exporte su contenido para subirlo a easyCMS
1. Empiece con un concepto básico o un dibujo
Antes de empezar a crear su contenido, primero debe definir qué quiere conseguir. ¿Es una promoción? ¿Es una información? Al definir el tipo de mensaje que quiere transmitir, ya reducirá los estilos de diseño posibles. Esto le ayudará a crear en su mente un concepto de lo que el diseño deberá contener y cómo se verá.
concepto básico y disposición de nuestro diseño
Para esto recomiendo buscar en Google algunos ejemplos de diseños, encontrará muchos. Puede comprobar qué están haciendo otras empresas o instituciones conocidas en su área de especialización. Es probable que ya hayan hecho toda la investigación por usted, y simplemente pueda copiar su diseño general. Con la experiencia, empezará a crear su propio estilo de contenido, pero para empezar debe asegurarse de que se vea bien.
Después de haber hecho algo de investigación y de haber ideado su concepto de diseño básico, simplemente haga un dibujo sencillo del diseño y de lo que debe contener. Si tiene colores que representan su marca (por ejemplo, CocaCola es rojo y blanco), asegúrese de incluirlos en el diseño.
Una vez que tenga listo este primer concepto, vaya a Piktochart.com para crear su cuenta y empezar a crear sus diseños desde cero.
2. Abra una cuenta gratuita en Piktochart
PiktoChart es una excelente herramienta para crear contenido en línea, como infografías, folletos, publicaciones…. Su plan gratuito le permite tener hasta 5 diseños. Es suficiente para la mayoría de los usuarios. Su interfaz de usuario es muy simple y fácil de entender. Por eso es una gran herramienta para todos, incluso para quienes no tienen conocimientos en la creación de contenido.
Haga clic en el botón de registro
Se recomienda usar Chrome o Firefox para obtener la mejor experiencia. Para registrarse, simplemente haga clic en el botón de la esquina superior derecha, y recomiendo usar su red social favorita para acelerar el proceso. Le llevará menos de 2 minutos.
Elija su cuenta de red social preferida para registrarse más rápido
3. Empiece la creación de su primer diseño
¡Genial, ya ha entrado! Como puede ver, la interfaz de usuario no resulta intimidante y es realmente clara. Para empezar, simplemente haga clic en el botón «crear nuevo». En la ventana emergente, seleccione la opción «Póster» – las demás opciones no le permitirán cambiar la resolución del diseño.
Haga clic en “Crear nuevo”
Haga clic en “Póster” (esto permite un lienzo de resolución personalizada)
Interfaz de usuario
4. Ajuste la configuración de resolución
Así que tiene su primer lienzo/diseño delante, y está vacío. No tenga miedo. Por fin empieza a ponerse interesante. ¡La creación de contenido empieza ahora! Asegúrese de tener su dibujo y su concepto de diseño a mano, y pasemos al siguiente paso. La creación de contenido de Digital Signage puede ser fácil, ya lo verá.
Haga clic en configuración para editar la resolución
Primero deberá ajustar la resolución del diseño para adaptarla a su pantalla. Para este ejemplo usaremos una resolución Full HD (1920×1080 píxeles). Haga clic en la pequeña rueda dentada en la parte inferior de la barra lateral (a la izquierda) e introduzca allí la resolución. Para confirmar, simplemente haga clic de nuevo en el icono de la rueda dentada.
Ajuste el nivel de zoom de su lienzo
Una vez hecho esto, quizás quiera ajustar el zoom para adaptarlo a su pantalla y ver todo el lienzo/diseño. Puede hacerlo ajustando el zoom en la parte inferior derecha (debajo del lienzo).
5. Añada su imagen de fondo
¡Añadamos nuestra primera imagen! En el menú de la izquierda, haga clic en «Gráficos» y luego en «Fotos». En la barra de búsqueda, escriba «Panadería», aparecerán muchos resultados; elija la imagen de fondo con la tabla de madera. Y pan en el lado derecho. Será perfecta como imagen de fondo. Una vez añadida, quizás deba ajustar su tamaño para que se adapte a todo el diseño.
Seleccione una imagen de fondo
Una vez hecho esto, vuelva al menú, vaya a «Gráficos» y seleccione «Formas & Iconos», allí seleccione el rectángulo y arrástrelo hacia el lado izquierdo del diseño. Ajuste su tamaño para que ocupe la mayor parte del espacio, pero deje algo de margen abajo y al lado para que resalte. Ahora ajuste su opacidad haciendo clic en el icono de la barra de herramientas situada arriba. 40% es un buen valor, hará que el texto resalte.
Es muy importante que el texto y las imágenes no se superpongan. Deben ser claros y visibles para su público. Esto es clave para el contenido de cartelería digital y, por supuesto, para cualquier otro tipo de contenido. Puede consultar nuestra entrada del blog con consejos de creación de contenido para pantallas LED y cartelería digital aquí.
Añada un rectángulo superpuesto
Ajuste la opacidad de la superposición
6. Añada algunos iconos
¡Ya tenemos listo el fondo! ¡Estupendo! No es tan difícil, ¿verdad? Ahora podemos dar algo de vida al diseño, su mensaje clave. Empecemos añadiendo algunos elementos decorativos. En el menú «Formas & Iconos», escriba «pan» en la barra de búsqueda. Use los 2 primeros iconos con las «baguettes» y los «croissants». Arrastre y suelte cada icono en el diseño, y muévalos hacia la parte superior del rectángulo.
Añada el icono de pan y cruasán
Ajuste su tamaño para que no ocupen demasiado espacio, y cambiemos el color a blanco. Para ello, vaya a la barra de herramientas y seleccione blanco. Asegúrese de que el icono esté seleccionado al hacerlo.
Cambie su color y tamaño
7. Añada texto y una llamada a la acción
Ahora añadiremos algo de texto a nuestro diseño. Iremos al menú principal y seleccionaremos «texto». Baje por la lista y seleccione el gran título «hello there». Una vez esté en el lienzo, simplemente cambie el color a blanco. Luego escriba su texto.
Seleccione el texto «hello there»
Cambie el color del texto
Escriba su texto en el cuadro
Añadiremos una línea en la parte inferior del rectángulo. Esto aportará algunos detalles al diseño. Vaya al menú principal, en «gráficos» y luego en «Líneas», y arrastre y suelte la línea en el lienzo. Ajuste el tamaño para que sea más larga y se adapte al rectángulo. Luego vaya a la barra de herramientas y ajuste el color y el estilo. Elija «Punteado» como estilo. También puede aumentar el tamaño de los puntos.
Añada una línea en la parte inferior
¡Nuestra primera página de diseño está lista! Es estupendo, el resultado es increíble, avancemos y creemos la segunda página de nuestro diseño.
Nuestro diseño exportado
8. Ahora dupliquemos el lienzo
Ahora usaremos lo que hemos creado para duplicar el fondo y empezar un nuevo diseño. Esto permitirá mantener un estilo constante para nuestro contenido de cartelería digital. Simplemente haga clic en el botón «Clone block».
Haga clic en el botón clone block para duplicar el lienzo existente
Ahora simplemente elimine el contenido del lienzo duplicado, añadiremos nuevos elementos. Una imagen, algo de texto y un precio para promocionar algunos productos.
Elimine el contenido existente
9. Añada una foto al diseño
Una vez hecho esto, vaya al menú «gráficos» y luego al submenú «Marco de foto». Desde allí, baje y seleccione el marco de foto redondeado con borde. Arrástrelo al lienzo y ajuste su tamaño para que se adapte al rectángulo. Elimine el texto incluido, usaremos el título de texto anterior. Simplemente copie desde el lienzo superior (Ctrl-C) y péguelo en el lienzo inferior (Ctrl-V).
Añada el marco de foto redondeado al lienzo y ajuste su tamaño. Elimine el texto que contiene.
Copie y pegue el texto del lienzo superior, y ajuste el tamaño
10. Añadamos un precio al diseño
Ahora añadamos un precio para el producto. Iremos al menú «Formas & Iconos». Desde allí, vaya al submenú «formas». Baje por la lista y añada la etiqueta circular al lienzo.
seleccione la etiqueta circular para el precio
Ajuste su tamaño y color desde la barra de herramientas. Y colóquela detrás de la imagen principal, vea cómo hacerlo en la captura de pantalla. El menú de la barra superior tiene una opción para ajustar la disposición de las capas respecto a las demás.
Cambie el color de la etiqueta a naranja
Coloque la etiqueta detrás del marco de foto
Añadamos un precio al producto agregando algo de texto. Seleccione el menú «Texto» y añada el «título» al lienzo. Ajuste su tamaño, fuente y color. Asegúrese de que sea grande; aquí usé un tamaño de fuente de 60px, color blanco y la fuente Alfa Slab. Esto funciona bien con nuestro diseño actual.
Ajuste el tamaño y la fuente del precio para que resalte.
Estupendo, hemos terminado nuestro segundo diseño, y se ve genial. ¡Ahora necesitamos exportarlo para subirlo a easyCMS y programarlo en nuestra pantalla!
Exporte su creación
Para exportar todos los diseños, simplemente vaya a la barra de menú superior derecha y haga clic en «descargar». En la ventana emergente, deje los valores predeterminados, asegúrese de que esté seleccionado «descargar como bloques». Obtendrá un archivo Zip con todos sus diseños. Una vez descargado, descomprímalo y súbalo a easyCMS.
