Thread by @fmontes

¿Eres #developer pero te cuesta diseñar? Te dejo otro post de mi serie:

⭐️ Diseño para desarrolladores ⭐️

Como diseñar un banner principal en 7 pasos

🚀 RT para salvar un #programador a la vez

#diseño #ui #webdesign #diseñoweb #frontend #desarrollo

👇🏽 THREAD 👇🏽

Lo primero es analizar qué está mal para saber como mejorarlo.

- La imagen
- El texto no se lee
- ¿Llamado a la acción?

Necesitamos conseguir una imagen con un "espacio libre" donde poder ubicar el texto.

Par de sitios para descargar imagenes free-stock.

- unsplash .com
- pexels .com

Ubicamos el texto en el espacio libre y reducimos el ancho del párrafo. El máximo ancho recomendado es 70 caracteres (70ch en #CSS) para facilitar la lectura.

Los banners son elementos que su misión es captar la atención rápidamente, el equivalente a una valla de carretera en tu Web. Necesitamos redactar un texto corto y conciso que se pueda leer rápidamente.

Como el fondo es muy claro, para mejorar la lectura usamos un color oscuro para el texto.

Aumentamos el tamaño del titulo para establecer una jerarquía bien definida.

El llamado a la acción es lo que queremos que el usuario haga y debe estar bien presente en nuestro diseño, un botón o un link bien llamativo.

Un banner ayuda mucho para explicar rápidamente al usuario de que se trata tu sitio Web, asegúrate que esté bien diseñado con todos sus elementos.

Si te gustó este contenido no te puedes perder el en vivo que vamos a tener @Brolag, @malvarezcr y yo este miércoles, acá dejo el link:

@threader_app compile