¿Qué material pedir a un diseñador para iniciar un sitio web?

¡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.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Guión Completo del Curso de HTML y CSS (SASS)

Guión Completo del Curso de HTML y CSS (SASS)

  ¡Hola amig@s! ¿Cómo están? Espero que se encuentren muy bien. Quiero compartirles que el Curso de HTML y CSS, con SASS ya está completo y disponible. Fue un largo camino pero ya al fin está listo, este es un curso de 20 horas, con 115 lecciones en total . Quiero...

Únete al Quinto Año del Reto #100sitioswebchallenge

Únete al Quinto Año del Reto #100sitioswebchallenge

https://www.youtube.com/watch?v=Pw5nzaXYvJ0 ¡Hola amig@s! Espero que estén teniendo un día excelente. Quiero compartirles que este año marca el quinto aniversario del inicio del reto #100sitioswebchallenge, el cual se trata de ejercitar y poner en práctica nuestros...