Blog

Inicio/Desarrollo Web/¿Cómo diseñar para diferentes soportes?

¿Cómo diseñar para diferentes soportes?

Como ya hemos visto en artículos anteriores, a la hora de diseñar hay ciertos factores que debemos tener en cuenta, como por ejemplo los colores o las tipografías. Hoy hablaremos de otro factor también importante antes de empezar a diseñar: el soporte al que va dirigido nuestro diseño. Algunos os preguntaréis ¿por qué? Pues bien, no es lo mismo diseñar para web y plataformas multimedia que hacerlo para soportes estáticos como es el papel. Existen algunas diferencias entre ambos soportes, como la resolución a la que vamos a trabajar, la usabilidad, las medidas que vamos a manejar, etc. En este artículo, resumimos dichas diferencias entre el diseño para impresión y el diseño para web.

Pero antes de empezar, vamos a explicar qué es un soporte gráfico. Podríamos definirlo como las herramientas o diversas superficies que se utilizan para promocionar un producto.

Todo diseño se compone de unos elementos básicos que son los mismos, independientemente de que el diseño sea para soporte en papel o en pantalla: la retícula, como guía para la distribución de elementos; la tipografía, con la que organizamos los textos; el color; las imágenes… No obstante, lo que varía en dichos soportes son el tratamiento de esos elementos del diseño.

Diseño para soporte impreso

diseno-impreso

  • Se basa en ver y exponer, legible. Diseño estático y atractivo.
  • Tiene espacio limitado y único.
  • Siempre se diseña en milímetros y puntos.
  • Se trabaja con altas resoluciones y buena calidad, por lo que, el peso de los archivos será mayor. 150 ppp o 300 ppp es la resolución correcta para diseños impresos.
  • Se diseña con colores substractivos (basados en tinta) CYMK.
  • No se puede modificar después de la impresión. Por lo que, el diseño es fijo.

Un buen diseño gráfico puede favorecer la usabilidad. Un alto grado de usabilidad y el tener presente a los usuarios ayudan a mejorar la imagen de tu empresa.

Diseño para soporte multimedia (digital/web)

diseno-digital

  • Se basa en hacer e interactuar. Importante la interacción usuario-contenido. Diseño interactivo, actractivo y que facilite la navegación (usabilidad).
  • No tiene espacio limitado. Pero, existen factores externos sin control que pueden afectar a la estructura y estética del diseño (navegadores, resolución de pantalla, no disponer de las tipografías utilizadas…).
  • Siempre se trabaja en píxeles.
  • Se trabaja con resoluciones bajas (72 ppp es la resolución estándar de las pantallas) y optimización de imágenes (bajar la resolución sin perder calidad). Las imágenes se comprimen y pasan a ser más ligeras para que la información se transmita a la mayor velocidad posible a través de la red.
  • Como las pantallas emiten luz, solo interpretan datos RGB.
  • Modificable, se puede corregir, completar contenido, actualizar información… Es decir, que el diseño es adaptable.

Para comunicar buena información en la web, debemos tener en cuenta ciertos criterios: jerarquizar los elementos, diseñar algo sencillo, la navegabilidad para el usuario, la agilidad, y más importante que todo esto, la legibilidad de nuestro diseño.

Otros soportes

Nos referimos a otros soportes gráficos como cualquier expresión gráfica que no sea impresa sobre papel. De esta forma, podemos diseñar aquello que se proponga destinado a ser estampado sobre soportes textiles, vinilos, adhesivos, chapas, objetos, etc.

Este es un tema extenso que trataremos en próximos artículos. Si no quieres perdértelo, te recomendamos subscribirte a nuestros contenidos.

Conclusión

El proceso para crear un diseño tiene diferentes estilos y procedimientos dependiendo de si será impreso o digital. Por ello, te hemos presentado algunas diferencias básicas entre los principales soportes para diseño: uso del color, público objetivo, disposición de espacios, tamaño de archivos, etc.

Podemos decir entoncés que, la actitud del usuario cambia ante el medio diseñado. El diseño estático se convierte en diseño interactivo; el espacio definido y limitado deja de existir; lo legible también tiene que ser usable; y el diseño fijo dado por el diseñador pasa a ser adaptable (responsivo o responsive), ya que se tiene que visualizar en múltiples espacios.

Por tanto, la principal diferencia entre estos soportes se puede resumir en que el diseño impreso es un diseño terminado donde el usuario lo tendrá en sus manos, mientras que con el digital interactuará a través de una pantalla.

Verónica Fernández

Escrito por

Pequeña creativa , maquetadora y desarrolladora web en continuo aprendizaje para el mejor desarrollo profesional. Intentando mejorar cada día!!

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR