¿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

Cerramos Junio con nuevas ideas (y recursos frescos para ti)

Cerramos Junio con nuevas ideas (y recursos frescos para ti)

¡Hola, espero estés muy bien! Ya estamos terminando junio — ¡increíble cómo vuela el año! Este mes pude escapar un poco del calor y disfrutar un tiempo valioso con mi familia, aproveché para reflexionar sobre este cierre de junio y todo lo que está pasando en el mundo...

Inteligencia Artificial en el FrontEnd

Inteligencia Artificial en el FrontEnd

¡Hola! Después de unos meses de pausa por mi maternidad (una etapa muy transformadora en mi vida), estoy de vuelta y muy emocionada de reconectar con ustedes. Gracias por seguir aquí. Durante este tiempo lejos de la pantalla, el mundo del desarrollo web no se detuvo...

¡Un Brindis por el Desarrollo Web en el 2024 y Más Allá!

¡Un Brindis por el Desarrollo Web en el 2024 y Más Allá!

¡Hola amig@s! El 2024 ha sido un año lleno de aprendizajes y evolución en el mundo del desarrollo web. Este año nos enseñó que la tecnología avanza más rápido que nunca, y mantenerse actualizado es un desafío apasionante. Desde la consolidación de frameworks, hasta la...