
Modular Design Frameworks
James Cabrera
- Editorial
- Apress
- Año
- 2017
- Páginas
- ~86
- Nivel
- Intermedio
De qué trata
Guía breve basada en proyectos de James Cabrera, diseñador visual que trabaja en diseño de interfaces y desarrollo de prototipos en Refinery29 (y con formación en matemáticas y física), publicada por Apress en 2017 con el subtítulo «A Projects-based Guide for UI/UX Designers». Propone un método casi científico para crear una estrategia de diseño sólida y escalable a partir de módulos, y está dirigida a diseñadores de UI/UX de nivel intermedio que ya conocen lo básico de HTML y CSS y quieren estructurar mejor sus sitios.
Los capítulos tratan la idea de un «futuro modular» del diseño, la elección de tipografías y colores, la definición de una unidad básica de medida a partir de la cual se construye todo el sistema, la adaptación, reutilización, iteración y variación de los módulos, y la organización del contenido en grupos, páginas y navegación; un apéndice descompone ejemplos reales en sistemas modulares. Según la ficha del editor, el lector aprende a examinar el proceso de diseño de forma modular, adaptar el HTML a distintos tipos de aplicación, construir un framework alineado con los objetivos de cada sitio, diseñar pensando en la escala y crear un esqueleto base reutilizable.
Lo práctico del libro es que trabaja sobre un único proyecto que evoluciona: primero un sitio sencillo de tipo «nameplate» y luego su adaptación a otros tipos de web. Su aporte está en enseñar a pensar el diseño como un sistema de piezas reutilizables, una base útil para entender los design systems actuales. Por su extensión (unas 86 páginas) es más una introducción a la metodología que un tratado: no profundiza en herramientas de diseño, frameworks CSS ni en el desarrollo de la parte de servidor de los sitios de ejemplo.
- Diseño modular
- Frameworks de diseño
- UI/UX
- Tipografía
- Color
- Unidad base
- Navegación
- Escalabilidad
- HTML
- Design systems
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Sitio nameplate
Proyecto base del libro: una web sencilla de presentación sobre la que se definen la unidad básica, tipografía, colores y navegación del framework modular en HTML y CSS.
Sitio de portafolio
Adaptación del mismo esqueleto modular a un portafolio, reorganizando módulos y contenido según los objetivos de este tipo de sitio.
Sitio de comercio electrónico
Reutilización del framework para una tienda en línea, ajustando la estructura HTML y los módulos a las necesidades de un catálogo de productos.
Sitio de noticias/publicación
Versión del sistema modular orientada a un medio editorial, con mayor peso en la organización y navegación de contenidos.

