Cuidado El video de esta página se grabó en una versión anterior de la interfaz, por lo que las pantallas que verá no coincidirán con las que verá al iniciar sesión hoy. Los pasos escritos y los principios de diseño siguen siendo válidos. Para la interfaz actual, siga tu primer diseño y creación de diseños en cambio.
Creación de contenido para pantallas digitales con Piktochart
¿Alguna vez has sentido que crear contenido es la parte más difícil de la señalización digital? Sin embargo, entiendes lo importante que es. Si crees que solo los diseñadores gráficos pueden crear contenido para tu pantalla digital, ¡piénsalo de nuevo! ¡Hemos encontrado la solución perfecta para ti, y es gratis!
No se necesitan habilidades de diseño gráfico para empezar, solo una computadora con internet y un poco de creatividad. Gracias a Piktochart Una herramienta online fantástica; cualquiera, incluido tú, 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 y los croissants recién horneados? Servirá como un buen ejemplo típico de diseño y contenido. Utilizaremos imágenes, precios, texto, fondo, etc., para satisfacer la mayoría de las necesidades de diseño y crear contenido atractivo para la señalización digital.
- Comience con un concepto del diseño.
- Abre una cuenta en Piktochart.
- Comienza a crear tu primer diseño.
- Ajusta el lienzo para que coincida con la resolución de tu pantalla.
- Añade una imagen de fondo
- Añade otros detalles al diseño.
- Añade tu texto y/o llamada a la acción.
- Duplicar el diseño existente
- Úselo para agregar precios y otras llamadas a la acción.
- Continúa hasta que se haya creado todo tu contenido.
- Exporta tu contenido para subirlo a easyCMS
1. Empieza con un concepto básico o un dibujo.
Antes de empezar a crear tu contenido, debes definir qué quieres lograr. ¿Es una promoción? ¿Es información? Al definir el tipo de mensaje que quieres transmitir, podrás acotar los estilos de diseño. Esto te ayudará a visualizar qué debe contener el diseño y cómo se verá.
Concepto básico y diseño de nuestra plantilla
Para ello, te recomiendo investigar en Google. Encontrarás muchos ejemplos de diseños. Puedes consultar qué hacen otras empresas o instituciones reconocidas en tu área de especialización. Es probable que ya hayan hecho la investigación por ti y que simplemente copies su diseño general. Con la experiencia, empezarás a crear tu propio estilo de contenido, pero para empezar, asegúrate de que tenga una buena apariencia.
Después de investigar y definir tu idea de diseño básica, simplemente haz un boceto del diseño y de lo que debe contener. Si tienes colores que representen tu marca (por ejemplo, Coca-Cola es roja y blanca), asegúrate de incluirlos en el diseño.
Una vez que tengas claro este primer concepto, dirígete a Piktochart.com para crear tu cuenta y empezar a crear tus diseños desde cero.
2. Abre una cuenta gratuita en Piktochart.
PiktoChart es una excelente herramienta para crear contenido online, como infografías, folletos, publicaciones, etc. Su plan gratuito permite hasta 5 diseños, suficiente para la mayoría de los usuarios. Su interfaz es muy sencilla e intuitiva, por lo que resulta ideal para todos, incluso para quienes no tienen experiencia en la creación de contenido.
Haz clic en el botón Registrarse
Se recomienda usar Chrome o Firefox para una mejor experiencia. Para registrarte, simplemente haz clic en el botón de la esquina superior derecha. Te recomiendo usar tu red social favorita para agilizar el proceso. Te llevará menos de 2 minutos.
Elige tu cuenta de redes sociales preferida para registrarte más rápido.
3. Comienza a crear tu primer diseño.
¡Genial, ya estás dentro! Como puedes ver, la interfaz de usuario es sencilla y muy clara. Para empezar, solo tienes que hacer clic en el botón «Crear nuevo». En la ventana emergente, selecciona la opción «Póster». Las demás opciones no te permitirán cambiar la resolución del diseño.
Haz clic en “Crear nuevo”.
Haz clic en “Póster” (esto permite personalizar la resolución del lienzo).
Interfaz de usuario
4. Ajusta la configuración de resolución.
Ya tienes tu primer diseño de Canva frente a ti, y está vacío. ¡No te preocupes! Por fin empieza a ponerse interesante. ¡La creación de contenido comienza ahora! Asegúrate de tener tu dibujo y diseño conceptual a mano, y pasemos al siguiente paso. Crear contenido para señalización digital puede ser fácil, ya lo verás.
Haz clic en configuración para editar la resolución.
Primero, deberá ajustar la resolución del diseño para que se adapte a su pantalla. Para este ejemplo, usaremos una resolución Full HD (1920 × 1080 píxeles). Haga clic en el pequeño engranaje que se encuentra en la parte inferior de la barra lateral (a la izquierda) e ingrese la resolución. Para confirmar, simplemente haga clic nuevamente en el icono del engranaje.
Ajusta el tamaño del zoom de tu lienzo.
Una vez hecho esto, puede ajustar el zoom para que se adapte a su pantalla y ver todo el lienzo/diseño. Para ello, ajuste el zoom en la parte inferior derecha (debajo del lienzo).
5. Añade tu imagen de fondo
¡Añadamos nuestra primera imagen! En el menú de la izquierda, haz clic en «Gráficos» y luego en «Fotos». En la barra de búsqueda, escribe «Panadería». Aparecerán muchos resultados; elige la imagen de fondo con la tabla de madera y el pan a la derecha. Esta será perfecta como imagen de fondo. Una vez añadida, es posible que tengas que ajustar su tamaño para que se adapte a todo el diseño.
Seleccione una imagen de fondo
Una vez hecho esto, vuelve al menú, ve a «Gráficos» y selecciona «Formas e iconos». Allí, selecciona el rectángulo y arrástralo hacia la izquierda del diseño. Ajusta su tamaño para que ocupe la mayor parte del espacio, pero deja algo de espacio debajo y a los lados para que resalte. Ahora ajusta su opacidad haciendo clic en el icono de la barra de herramientas superior. Un valor del 40 % es adecuado, ya que hará que el texto destaque.
Es fundamental que el texto y las imágenes no se superpongan. Deben ser claros y visibles para el público. Esto es clave para el contenido de señalización digital y, por supuesto, para cualquier otro tipo de contenido. Puedes consultar nuestra entrada de blog con consejos para la creación de contenido para pantallas LED y señalización digital. aquí .
Añade un rectángulo superpuesto
Ajusta la opacidad de la superposición.
6. Añade algunos iconos
¡Ya tenemos el fondo listo! ¡Genial! No es tan difícil, ¿verdad? Ahora podemos darle vida al diseño, a tu mensaje principal. Así que primero agreguemos algunos elementos decorativos. En el menú «Formas e iconos», escribe «pan» en la barra de búsqueda. Usa los dos primeros iconos: «baguettes» y «croissants». Arrastra y suelta cada icono en el diseño y muévelos a la parte superior del rectángulo.
Añadir el icono de pan y croissant
Ajusta su tamaño para que no ocupen demasiado espacio y cambia el color a blanco. Para ello, ve a la barra de herramientas y selecciona blanco. Asegúrate de que el icono esté seleccionado.
Cambian su color y tamaño.
7. Añade un texto y una llamada a la acción.
Ahora añadiremos texto a nuestro diseño. Iremos al menú principal y seleccionaremos «Texto». Desplacémonos por la lista y seleccionemos el título grande «Hola». Una vez en el lienzo, simplemente cambiamos el color a blanco. Luego, escribimos el texto.
Seleccione el texto “hola”
Cambia el color del texto
Escribe tu texto en el cuadro
Añadiremos una línea en la parte inferior del rectángulo. Esto le dará un toque de detalle al diseño. Ve al menú principal, luego a «Gráficos» y después a «Líneas». Arrastra y suelta la línea en el lienzo. Ajusta su longitud para que se ajuste al rectángulo. A continuación, ve a la barra de herramientas y ajusta el color y el estilo. Selecciona «Punteado». También puedes aumentar el tamaño de los puntos.
Añade una línea en la parte inferior
¡Ya tenemos lista nuestra primera página de diseño! Esto es genial, el resultado es asombroso, sigamos adelante y creemos la segunda página de nuestro diseño.
Nuestro diseño exportado
8. Ahora dupliquemos el lienzo.
Ahora usaremos lo que creamos para duplicar el fondo y comenzar un nuevo diseño. Esto nos permitirá mantener un estilo uniforme en el contenido de nuestra señalización digital. Simplemente haz clic en el botón "Clonar bloque".
Haz clic en el botón del bloque de clonación para duplicar el lienzo existente.
Ahora, simplemente borra el contenido del lienzo duplicado y añade nuevos elementos: una imagen, texto y un precio para promocionar algunos productos.
Eliminar el contenido existente
9. Añade una foto al diseño.
Una vez hecho esto, ve al menú y luego a "Gráficos" y al submenú "Marco de fotos". Desplázate hacia abajo y selecciona el marco de fotos redondeado con borde. Arrástralo al lienzo y ajusta su tamaño para que se ajuste al rectángulo. Elimina el texto incluido; utilizaremos el título anterior. Simplemente copia el texto del lienzo superior (Ctrl+C) y pégalo en el lienzo inferior (Ctrl+V).
Añade el marco de fotos redondeado al lienzo y ajusta su tamaño. Elimina el texto que hay dentro.
Copia y pega el texto del lienzo superior y ajusta el tamaño.
10. Añadamos un precio al diseño.
Ahora vamos a añadir un precio al producto. Iremos al menú “Formas e iconos”. Desde allí, accederemos al submenú “Formas”. Bajaremos por la lista y añadiremos la etiqueta de círculo al lienzo.
Seleccione la etiqueta circular para ver el precio.
Ajusta su tamaño y color desde la barra de herramientas. Colócala detrás de la imagen principal; consulta la captura de pantalla para ver cómo hacerlo. El menú superior permite ajustar la disposición de las capas con respecto a las demás.
Cambia el color de la etiqueta a naranja.
Coloca la etiqueta detrás del marco de la foto.
Vamos a añadir un precio al producto agregando texto. Selecciona el menú "Texto" y añade el título al lienzo. Ajusta su tamaño, fuente y color. Asegúrate de que sea grande; aquí usé un tamaño de fuente de 60 px, color blanco y fuente Alfa Slab. Esto funciona bien con nuestro diseño actual.
Ajusta el tamaño y la fuente del precio para que destaque.
¡Genial! Ya tenemos nuestro segundo diseño y se ve fantástico. Ahora necesitamos exportarlo para subirlo a easyCMS y programarlo para que aparezca en nuestra pantalla.
Exporta tu creación
Para exportar todos los diseños, simplemente ve al menú superior derecho y haz clic en «Descargar». En la ventana emergente, deja la configuración predeterminada y asegúrate de que esté seleccionada la opción «Descargar como bloques». Obtendrás un archivo ZIP con todos tus diseños. Una vez descargado, descomprímelo y súbelo a easyCMS.
