Creating Flat Design Websites

Libro corto de Packt escrito por António Pratas, diseñador portugués afincado en Londres que había publicado artículos en Designmodo, Webdesigner Depot y Awwwards. Enseña a diseñar y maquetar sitios web con estilo flat design, la tendencia visual que dominaba la web en 2014. Su subtítulo es «Design and develop your own flat design websites in HTML». Está pensado tanto para quienes empiezan en el desarrollo web como para desarrolladores con experiencia que quieren dominar este estilo. Conviene tener nociones básicas de HTML y CSS.

El libro explica primero el origen del flat design y sus principios como estilo visual: colores planos, tipografía y ausencia de efectos como sombras o texturas. Después enseña a crear una interfaz plana que siga siendo usable y a evitar los errores de usabilidad habituales de este estilo, como no distinguir bien qué elementos se pueden pulsar. A continuación planifica y diseña en Photoshop un sitio propio, tomando como punto de partida el Flat UI de Designmodo, y lo desarrolla en HTML y CSS sobre Bootstrap, con jQuery para animar la navegación. Termina con la creación de un kit de interfaz personalizado: diseño de los componentes, exportación y código, y documentación.

Sigue un formato paso a paso en el que las secciones se encadenan hasta obtener un sitio web terminado. Es útil para entender el razonamiento detrás de una tendencia que influyó en el diseño de interfaces posterior. Al ser breve, no profundiza en diseño responsive avanzado, accesibilidad ni en el código que exigiría un proyecto real. Además, tanto la estética como las técnicas de maquetación reflejan la web de 2014, así que conviene complementarlo con recursos actuales de CSS.