Saltar al contenido

4 maneras en que el diseño gráfico para la impresión es diferente al diseño web

×
El diseño gráfico es un término tan amplio. Podrías estar diseñando gráficos para una revista, camisetas, menús o incluso chiflados y todo se considera diseño gráfico. Aunque cada uno de estos ejemplos se encuentra en un medio diferente, siguen siendo diseños impresos que comparten la mayoría de las mismas reglas. El diseño web juega con un conjunto de reglas completamente diferentes a las del diseño impreso. El diseño impreso se verá relativamente igual en diferentes papeles, pero en el diseño web, puede lograr que su sitio se vea perfecto en Chrome, pero puede verse completamente diferente en Firefox. Aprender cómo los dos tipos de diseño son diferentes podría ayudarte a añadir la web a tu arsenal de diseño gráfico.

Tipografía

La tipografía pegajosa es tan importante en la web como en la impresión. Un documento impreso siempre mostrará la misma fuente, sin importar dónde o qué se imprima. Sin embargo, a veces un navegador no es capaz de leer una fuente elegante. Por ejemplo, puede que hayas creado los encabezados de tu sitio con la fuente Karla. Karla es una fuente sans-serif, pero el navegador de los usuarios puede leer la fuente como una sans-serif diferente, porque no tiene acceso a Karla.antes de entrar en la tipografía de la web, hay algunas cosas que debes tener en cuenta. El texto no debería estar incrustado dentro de una imagen si puedes evitarlo. Debe ser agregado por separado dentro del HTML. Hay un par de razones para ello, la más importante es la accesibilidad. Cuando alguien utiliza un lector de pantalla o accede a una página con un traductor como Google Translate, no podrá obtener ese contenido de la imagen. Las personas con problemas de visión, como los ancianos, a menudo navegan por la web con el zoom y el texto de las imágenes puede llegar a ser tan pixelado que es difícil de leer. Las imágenes innecesarias también aumentan el tiempo de carga de una página web. Otra razón para incluir texto en el HTML en lugar de en una imagen es la optimización de los motores de búsqueda (SEO). Los motores de búsqueda no pueden leer las imágenes de la misma manera que leen el texto. Los costos también son un poco diferentes. Los nuevos formatos de fuentes web han hecho posible que no sea necesario que la fuente se almacene en la computadora del usuario, ya que se almacenan en servidores web y se crean dentro del navegador del usuario. La mayoría de estas fuentes sólo se pueden utilizar en línea, así que ten cuidado y haz tus deberes a la hora de elegir una fuente, sobre todo si parte de tu trabajo va a tener que ser impreso. También debes tener en cuenta que, incluso después de haber hecho todo este trabajo para elegir un bonito conjunto de fuentes, un usuario también podría haber configurado su navegador para que anulara las fuentes para ver el tipo de fuente que más le gusta.

4 maneras en que el diseño gráfico para la impresión es diferente al diseño web
4 maneras en que el diseño gráfico para la impresión es diferente al diseño web

Tipos y tamaños de archivo

Los archivos de gran tamaño se cargan lentamente, y el tiempo de carga lento puede hacer que pierdas usuarios. Cuanto más grande sea el archivo para imprimir, normalmente significa una imagen de mejor calidad, pero las imágenes de la web no deben ser más de 72 ppi, o píxeles por pulgada. Cuanto más alto sea el ppi, más tiempo tardará el navegador en cargarse. La forma en que ha guardado su imagen, o el tipo de archivo que es, también son diferentes en la impresión y el diseño web. La mayoría de los estándares de impresión son TIFF y EPS. Sin embargo, los navegadores web no pueden leer esos tipos de archivos. Las imágenes para la web deben convertirse a JPEG, GIF o PNG. Es posible guardar imágenes para la web en Photoshop. Desde allí se puede guardar como un tipo de archivo diferente y cambiar la calidad de la imagen para reducir el tiempo de descarga. Sólo asegúrate de mantener el archivo original de origen para que puedas volver atrás y hacer cambios si es necesario.

Color

Los proyectos de impresión utilizan el color CMYK ya que están hechos con una combinación de cian, magenta, amarillo y tinta negra. Los sitios web usan el modelo de color RGB ya que se crean para las pantallas usando una combinación de diferentes cantidades de luz roja, verde y azul. Este color se convierte entonces en un “valor hexadecimal”, que es un número de seis dígitos que el navegador puede leer. Lo que puede significar que un color que ha sido perfectamente seleccionado para la impresión, puede no ser el correcto como opción RGB. Es posible utilizar Photoshop o InDesign para convertir su trabajo de CMYK a RGB, pero no es recomendable, ya que podría haber algunos problemas de color imprevistos. Si sabes de antemano que tu trabajo será creado para la web, elige RGB sólo para ahorrarte futuros dolores de cabeza. Un diseñador web siempre debe diseñar sabiendo que su trabajo se verá en monitores de diferente calidad con diferentes resoluciones y brillos.

Respondedor y dinámico

Un diseño impreso está casi completo tan pronto como se presenta. Cuando terminas tu trabajo en un anuncio de revista, tu participación en ese proyecto se termina. Si al cliente le gusta el diseño, se envía a imprimir. El diseño web es constante y siempre está cambiando. En el diseño web, es importante pensar en las formas en que el diseño podría cambiar con el tiempo, o en cómo podría verse en diferentes navegadores o dispositivos. Un tipo de letra realmente bonito y arremolinado podría quedar muy bien en un portátil, o incluso en una tableta, pero en un teléfono móvil podría ser difícil de leer. Una idea para ayudarte a diseñar de esta manera es pensar en tu trabajo como pequeños módulos o elementos que pueden funcionar juntos incluso si se reorganizan.

Conclusión

Diseñar para la web es más que diseñar para un tipo diferente de medio de impresión. Cuanto más te adentres en la web, más te darás cuenta de lo diferente que es cada una. ¿Cuáles son algunas de las otras formas en que podrías haber encontrado que el diseño para la impresión y la web son diferentes? Háganoslo saber en los comentarios que aparecen a continuación!

COMPARTIR:

¿Listo para capacitar a todo tu equipo?

10Licencias¿Necesitas más licencias? Contacte con ventas. Continúe con la compraContinúe con la compraCancelar

Con tu plan, puedes:

Con tu piloto de 14 días, puedes:

  • Acceder a miles de videos para desarrollar habilidades críticas
  • Darle acceso a hasta 10 usuarios a miles de cursos de video
  • Practicar y aplicar habilidades con cursos y proyectos interactivos
  • Ver datos de habilidades, uso y tendencias de sus equipos
  • Prepararse para las certificaciones con los exámenes de prácticas líderes en la industria
  • Medir la competencia entre las habilidades y los roles
  • Alinear el aprendizaje a sus objetivos con los caminos y canales

╲╱Solutions Skills FlowGift of View PricingContactar Sales╲╱PlatformBrowse libraryRole IQSkill IQIrisAuthorsProfessional ServicesTechnology Index╲╱CompanyAbout usCustomer storiesInvestorsCareersBlogNewsroomResource centerGuides╲╱ResourcesDownload EventsTeachPartnersAffiliate programOne.orgSubscribe╲╱SupportContactHelp centerIP whitelistSitemapCopyright © 2004 – LLC. Todos los derechos reservadosTérminos de usoPolítica de privacidad

Utilizamos cookies para que las interacciones con nuestros sitios web y servicios sean fáciles y significativas. Para obtener más información sobre las cookies que utilizamos o para saber cómo puede desactivarlas, haga clic aquí.

Acepta las cookies y cierra este mensaje Deshabilitar cookies

Ha desactivado las cookies no críticas y está navegando en modo privado. Para tener la mejor experiencia posible en nuestro sitio web, por favor, acepte las cookies. Para obtener más información, lea nuestra política de privacidad.

Acepta las cookies y cierra este mensaje