Consejos para diseñadores gráficos que quieren crear sitios web

COMPARTE

[ad_1]

No es ningún secreto que el diseño gráfico y el diseño web son animales diferentes. Y a pesar de lo lejos que ha llegado la web en términos de flexibilidad, todavía hay límites.

Por ejemplo, CSS hizo posible crear diseños complejos. Pero también se debe considerar la capacidad de respuesta y la accesibilidad. Crear algo que pueda soportar varios dispositivos y casos de uso requiere mucho cuidado.

Esto puede ser difícil de manejar para los diseñadores web experimentados. Pero si vienes del mundo del diseño de estampados, el reto es aún mayor.

Para aquellos que están haciendo la transición de la impresión a la web, este artículo es para ustedes. Ofreceremos algunos consejos sobre qué estudiar, posibles obstáculos y algunos conceptos clave a tener en cuenta.

Mire debajo del capó y descubra qué hace que la web funcione

La web está llena de herramientas visuales que permiten construir sitios web sin escribir código. Facilitan los procesos de diseño y construcción. Es perfectamente aceptable usarlos.

Sin embargo, también vale la pena familiarizarse con HTML y CSS. Estos son elementos fundamentales del diseño web. Comprender cómo funcionan le dará una ventaja al usar herramientas sin código.

Tan buenas como son estas herramientas, no son perfectas. Y es probable que haya ocasiones en las que los resultados no sean los esperados. Un conocimiento práctico de estos idiomas puede ser de gran ayuda a la hora de solucionar problemas.

Por ejemplo, considere un diseño que se vea muy bien en un dispositivo de escritorio pero no en un teléfono. Tener algunos antecedentes sobre Cuadrícula CSS O caja flexible puede llevarlo a diagnosticar y solucionar el problema.

Una vez que haya dominado los conceptos básicos, podrá ampliar sus horizontes. Aprender lenguajes como JavaScript y PHP también puede ser beneficioso. Incluso pueden ayudarlo a pensar en el diseño de manera diferente.

Afortunadamente, la experiencia en codificación no es un requisito. Pero un poco de conocimiento puede recorrer un largo camino.

Una comprensión básica de HTML y CSS puede ser enriquecedor.

Mantenga sus diseños simples para comenzar

Un diseñador gráfico talentoso puede producir un trabajo increíble. Diseños complejos, elementos perfectamente posicionados, capa sobre capa de texturas. Las posibilidades son ilimitadas.

Estos efectos son posibles en la web, tal como lo son en el papel. Pero si eres nuevo en el diseño web, mantenlo simple primero.

Un diseño web eficaz debería funcionar en todos los dispositivos. También debe ser fácil de leer y navegar, independientemente de la pantalla o las capacidades físicas del usuario.

Hay un costo por ser un poco demasiado ambicioso con los diseños web. A veces no caben en los dispositivos móviles. O pueden hacer más daño que bien cuando se trata de accesibilidad.

Por lo tanto, no hay necesidad de presionarse para crear un diseño complejo desde el principio. A partir de pequeños deja espacio para crecer. Siempre puede agregar esas campanas y silbatos adicionales a medida que gana experiencia.

Comience con un sitio web básico y progrese.

Conoce a los usuarios

Una de las mayores diferencias entre el diseño impreso y el web es el público objetivo. Podría, por ejemplo, diseñar una tarjeta de presentación e imprimir 1000 copias. Cada persona que reciba su tarjeta la experimentará de la misma manera.

Este no es el caso en la web. Hay diferentes dispositivos, velocidades de conexión a Internet, tecnologías de asistencia y navegadores web. Sin mencionar que personas de todo el mundo pueden acceder a su sitio web. Y no olvidemos los motores de búsqueda que indexarán su contenido.

En la práctica, construimos sitios web para innumerables casos de uso. No sabemos necesariamente cómo accederá cada usuario a un sitio, pero podemos realizar un análisis predictivo.

Los datos existen para ayudarnos a aprender un poco más sobre cómo las personas usan la web. En el sentido más amplio, nos puede decir los más populares navegadores web, tamaños de pantallaY sistema de explotacionentre otras estadísticas útiles.

Para los sitios web existentes, las herramientas como Google Analytics pueden proporcionar una instantánea de quién visita su sitio web y cómo lo encontraron.

La idea es que una vez que conozca a sus usuarios, pueda crear un sitio web que les brinde la mejor experiencia posible. Cuanto más aprenda sobre ellos, más podrá satisfacer sus necesidades.

Analytics puede proporcionar información sobre las preferencias del usuario.

Aplica tus talentos a los nuevos medios

Si ya tienes buen ojo para el diseño, estás en una excelente posición para comenzar a crear en la web. Y el conocimiento de herramientas como Figma y Photoshop también será útil.

Pero el diseño web es de hecho una disciplina diferente. Y es posible que encuentre obstáculos al tratar de dar sentido a sus desafíos únicos. Pero consuélese sabiendo que prácticamente todos los demás diseñadores web han pasado por lo mismo.

Con todo, la transición de la impresión a la web tiene tanto que ver con la perspectiva como con la habilidad. Por eso es importante tener una comprensión básica de cómo funcionan las tecnologías web. Comenzar con una base sólida probablemente le facilitará la comprensión de las diferencias.

A partir de ahí, intente comenzar con algunos proyectos simples. Experimente para ver qué funciona y qué no. Determine cómo los usuarios típicos verán su trabajo y continúe refinando la experiencia para atraerlos.

Sobre todo, aproveche la gran cantidad de recursos disponibles. Los tutoriales y las referencias de código pueden ayudarlo a superar estas dificultades. Y hay una comunidad en línea en la que puede apoyarse para obtener consejos.

Con el tiempo, diseñar para la web puede convertirse en una segunda naturaleza. ¡Solo se necesita práctica!

Esta página puede contener enlaces de afiliados. Sin costo adicional para usted, podemos ganar una comisión sobre cualquier compra realizada a través de enlaces de nuestro sitio. Puede leer nuestra política de divulgación en cualquier momento.

[ad_2]