¡Hola amig@s!
¿Cómo están? Espero estén teniendo una excelente semana.
La otra vez un cliente me contactó para la creación de un sitio web y me llegó el material de la diseñadora, con la cuál llevo un par de años trabajando, pero recordé el tiempo que nos llevó ajustarnos una de la otra para trabajar en proyectos. Y es así que quise compartirles un poco más acerca de qué material deberías de pedir a tu compañero diseñador para iniciar con el desarrollo de un sitio web.
En mi experiencia, de repente un diseñador gráfico no puede ver la dificultad de construir diseños muy bonitos en papel, pero que pueden ser un reto para nosotros como desarrolladores frontend. Así que sé directo, amable y claro en solicitar información que te ayude a hacer tu trabajo más fácil, esta es una lista de lo que debes de tener de parte de un diseñador para comenzar:
-
Bosquejo. Este puede ser en Figma, Adobe XD online, archivo Adobe XD, Photoshop. Puede haber otros, estos son los más comunes en mi experiencia.
-
Hoja de estilos. Este archivo es sumamente importante, porque te dará información como: cuál es la tipografía que se usará en el proyecto, la colorimetría, el tamaño de la fuente para cabeceras, párrafos, botones.
-
Imágenes y visuales. Estos son los logos,imágenes, backgrounds y/o ilustraciones que se usarán en el sitio web. Te ahorra tiempo, muchas veces los diseños son curvas que vienen concatenadas con imágenes, que es esencial tener previamente, en lugar de estar adivinando las dimensiones.
Hasta aquí, es lo que yo pediría como mínimo de mi compañero diseñador. Pero continúo con otros puntos:
-
Diseño responsivo. Esto es esencial si el diseño en aparatos móviles tiene un “look” en específico. Pero en mi experiencia, este diseño lo dejan al juicio del desarrollador web. Sugiero mantenerlo simple, y sólo que se vea bien en ipads o similares y teléfonos inteligentes de diferentes resoluciones.
-
Canal de comunicación. Será muy común que durante el desarrollo del proyecto, tengas que recurrir varias veces con el diseñador. De nuevo, se directo y claro, y sé amable. Sobre todo cuando es la primera vez trabajando con tu compañer@ diseñador(a), tiene que haber un tiempo de ajuste, para aprender cómo trabajan cada uno.
Algunos tips extra:
-
Pide los colores en Hexadecimal, claro si dominas más el RGB adelante.
-
Recomienda a tu diseñador, que trabaje con tipografías de Google Fonts.
Este fué mi propio proceso el cuál hoy en día, hace mi vida más fácil a la hora de empezar un proyecto de un sitio web, y así como a mí espero te sea útil esta información.
Ten un excelente día,
Irina
🎬 Mis Videos Nuevos
👩🏻💻 Construye Un Sitio Web Para Las Olimpiadas Paris 2024 | HTML, CSS y Javascript – En este video haremos una página web minimalista estilo One Page, trabajaremos con HTML y CSS (Flexbox).
💻 Landing Page Sencilla | HTML y CSS – Acompáñame en este tutorial donde construiremos una Landing Page con HTML y CSS (Flexbox).
👩🏻🏫 Mis Cursos
👨💻 Curso Completo de HTML y CSS – Aprende cómo construir sitios web responsivos con el uso de HTML5, CSS3, así como el uso de Flexbox, CSS Grid y el pre-procesador SASS. Este curso es interactivo por lo cuál veremos teoría y también su aplicación con la construcción de varios proyectos de páginas web y un portafolio.