Esto es una entrada que tiene que ver con la charla de "Diseño para programadores". No se trata más que de saber qué y cómo meter algo de diseño a nosotros los back end capaces de hacer sistemas de la leche pero sin diseño alguno.
Para empezar, se recomienda la herramienta Balsamiq mockups, con la que puedes hacer un diseño, imprimirlo, y poder discutir sobre él sobre papel. Tiene un efecto de mano alzada únicamente para dejar claro, en caso de estar con el cliente, que es un mockup.
Así, lo que tendremos que mirar desde un principio es tanto el color como el espacio:
- Contraste, por ejemplo, esta web
- Balance, por ejemplo, esta web
- Armonía, por ejemplo, esta web
- Ritmo, movimiento
- Proporciones
- Geometrización, por ejemplo, esta web
- Espacio, por ejemplo, esta web
- Disposición de los controles, nº áureo o Fibonacci
- Colores --> Colores luz
- Color o gama vs. tono
más de un color, no tenemos más que trazar un triángulo equilátero, poner la punta del mismo sobre el color que queremos combinar, y nos dará dos colores.
Tip: Usar 3 colores --> 2 principales y 1 para darle algo de vida
- Usemos la paleta, como se muetra en esta web
- Tipografía, las familias se clasifican en:
- Serif
- Sans Serif
Con respecto a la tipografía, podemos usar:
- Web Safe
- Google fonts, esta además, mola mucho porque está libre de derechos, y tiene previsualizaciones estupendas.
Tip: Usar 2 tipografías, una con Serif y otra sin
Serif
- Consistencia, como por ejemplo, esta web
No hay comentarios:
Publicar un comentario