• Nosotros
  • Servicios
  • Contacto
  • Portfolio

Sistematizando el diseño UI

Proyectos Ficticios Present →

Lowferry (AdobeXD) →

Dormin (Figma) →

Roco (Figma) →


Espaciados y tipografía figma →

Tipografía plural DS→

Espaciados plural DS→


Checklist Entregable

  • ✅ Escala de espaciados responsive
  • ✅ Escala tipográfica. Desktop y Mobile
  • ✅ Paleta cromática
  • ✅ Rejilla
  • ✅ Containers
  • ✅ Un sistema de iconos
  • ✅ Sistema de botones y estados (Active, hover, disable)
  • ✅ Listado de módulos y variaciones de los mismos
  • ✅ Borders Radius
  • ✅ Shadows
  • ✅ Recursos (Logos vectoriales en varios colores, imágenes, favicon)
  • ✅ Header + Menú mobile. Detallar comportamiento
  • ✅ Footer
  • ✅ Home
  • ✅ Home mobile

Material Extra y bibliografía

¿Qué son los design tokens? Ui From Mar →

Cómo administrar el espacio en Figma usando tokens. Medium (Rafael Sepeda) →

Digital System Playbook. FarCo →

Hand Book Mendesaltaren →

Atomic Design. Brad Fros →

¿Cómo pueden los diseñadores entregar su trabajo a los desarrolladores de manera efectiva? Medium (Joana Boavida) →

Consejos para comunicar mejor la información de los archivos Figma a los desarrolladores. Medium (Eduardo Chechique) →

Color

Todo lo que debes saber de Colores en UI Design: Teoría y Práctica. Medium (Christian Vizcarra) →

Paletas de colores para UI: créala en solo 2 pasos. Ui From Mars →

Product Design HandBook Mendesaltaren →

5 consejos sobre los colores en el diseño UI →

Generador de sistemas de color de código abierto →

Tipografía

Tipografía: una guía básica para su uso en el diseño digital. Diana Bobo →

Tipografía en sistemas de diseño. SuperFriendly →

Fonts Knowledge. Google Fonts →

Herramientas para escalas tipográficas

Type Calculator →

Syncope →

Archetypeapp →

Type-scale →

Design Systems

Plural DS. Sngular →

Helsinki DS →

Polaris Shopify →

Chicago DS →

Mercury DS Canadá →

Elastic UI →

🤔 Encuesta de satisfacción

Ir a la encuesta →

© 2022 Copyright branng. Aviso Legal | Política de cookies | Política de privacidad

×

¿Cómo protegemos tus datos?

Guardaremos todos los datos que nos proporciones de forma confidencial en branng.com No los cederemos a terceros salvo por obligación legal.

¿Por qué los recopilamos? Necesitamos tus datos para enviarte la información que solicites y personalizarla ajustándonos a tu perfil.

¿Cuándo se hace efectivo tu consentimiento? Al aceptar este mensaje.

¿Dónde guardamos tus datos? Almacenamos tus datos en nuestro hosting de RaiolaNetwork en un servidor físico en España.

¿Qué control tienes sobre tus datos? Puedes ejercer tus derechos de acceso, rectificación, limitación y supresión escribiéndonos a hola[arroba]branng.com.

¿Necesitas más información? Consulta nuestra Política de Privacidad y Política de Cookies.

Utilizamos cookies para darte la mejor experiencia en nuestra web. Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los AJUSTES.

Powered by  GDPR Cookie Compliance
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.