</> CodeBooks
    ← Volver a UX y UI (página 1)
    Portada de Modular Design Frameworks

    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?

    TeóricoPráctico

    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.

    Más de UX y UI con nivel Intermedio