Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Principios de diseño

3/17
Recursos

Aportes 17

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Principios de diseño y como establecerlos de forma efectiva en nuestro sistema

" Unos principios de diseño sólidos son la base de cualquier buen sistema de diseño que funcione bien".

Cuando diseñamos un producto digital lo hacemos para resolver problemas. Por ejemplo Amazon que lo que buscaba era hacer un producto más accesible para cualquier usuario.

¿Cómo reflejamos el propósito?

Gracias a los principios o fundamentos del diseño.

¿Qué son los principios?

El propósito del producto se refleja en el diseño:

  • Refieren generalmente a cualidades.
  • Son difíciles de establecer porque no son medibles.

Tipos de principios

Principios enfocados en distintos aspectos:

  • La marca
  • El proceso de trabajo
  • La cultura de la empresa

Características

  • Ser auténticos
  • Ser prácmaticos
  • Tener una perspectiva clara.
  • Recordarse con facilidad.

Pasos a seguir para definición

¿Cuál es el propósito de tu producto?

¿Qué elementos comunes y generales se ven dentro del proyecto?

¿Qué esperan los usuarios?

Estructura general

  • Nombre concreto
  • Descripción general
  • ¿Qué problemas resuelve? ¿Qué cuestiones nos plantea?

¡Hola comunidad! Les comparto una galería de diferentes sistemas de diseño que pueden ayudar para ir analizando con las clases 😄 :
https://designsystemsrepo.com/design-systems-recent/

Les comparto dos de mis webs de referencia favoritas
Atlassian Design System https://atlassian.design/
Mailchimp Pattern Library https://ux.mailchimp.com/

Hola, les comparto este link donde encuentran muchos ejemplos de principios de diseño
https://principles.design/

Principios o fundamentos de mi sistema de diseño para mi portafolio.

La marca : Animado, exclusivo , honesto.
El proceso de trabajo : Interactivo, rápido , reflexivo , reutilizable.
**La cultura de la empresa **: inclusivo, accesible, unificado, consistente.

Hola!!
Les comparto algunas herramientas que me han ayudado a entender y aprender sobre sistemas de diseño:

** Tipos de principios **
Se pueden enfocar en distintos aspectos como:

  • La marca:
  • El proceso de trabajo
  • La cultura de la empresa
    Características
  • Ser auténticos
  • Ser prácticos
  • Tener una perspectiva clara
  • Recordarse con facilidad
    **Pasos para la definición **
  • Encuentra el propósito de tu producto
  • Busca puntos comunes
  • Entiende a los usuarios

Esto siempre ha sido muy complicado, me acuerda de lo complejo que es tener un buen “concepto de diseño”, a partir de este se traza toda una hoja de ruta para el producto, físico en este caso. Con los principios veo el mismo patrón.

Excelente video 👍

Es interesante, sobre todo revisando el sistema de diseño de google, Material Design, es interesante para los estudiantes poder sacar un tiempo y leerlo

![](
![](

La creación de principios de diseño para un sistema de diseño es esencial para establecer pautas claras y coherentes. En primer lugar, identifica los valores fundamentales de tu marca y cómo se traducen en la experiencia del usuario. Pregúntate qué es lo más importante para tu audiencia y cómo deseas que se sientan al interactuar con tus productos. Luego, observa los patrones de diseño existentes en tu sistema y destaca aquellos que reflejan mejor esos valores.

En segundo lugar, piensa en la flexibilidad y la escalabilidad. Tus principios de diseño deben adaptarse a diferentes contextos y evolucionar con el tiempo. Considera cómo se aplicarán en diversas plataformas, dispositivos o incluso en futuras actualizaciones. Además, fomenta la innovación y la mejora continua al alentar a tu equipo a desafiar y mejorar los principios existentes en función de la retroalimentación del usuario y las tendencias del diseño.

Acá están mis definiciones de mis principios de diseño:

Los principios de diseño dentro de un sistema de diseño son directrices fundamentales que establecen cómo deben aplicarse los elementos visuales y funcionales para asegurar consistencia, coherencia y accesibilidad en la creación de productos digitales. Estos principios orientan a los diseñadores y desarrolladores sobre cómo tomar decisiones de diseño que alineen tanto la estética como la funcionalidad con los objetivos del proyecto y las necesidades de los usuarios. Algunos de los principios comunes incluyen: 1\. **Consistencia**: Los elementos deben ser uniformes en todas las plataformas y productos. Esto incluye el uso coherente de tipografías, colores, botones, iconos, etc. La consistencia mejora la experiencia del usuario al hacer que la interfaz sea predecible y fácil de usar. 2\. **Jerarquía visual**: Organiza la información de manera que lo más importante sea lo primero que capte la atención. El uso de tamaño, color, contraste y espacio ayuda a guiar a los usuarios a través de la interfaz y destacar los elementos más relevantes. 3\. **Simplicidad**: Los diseños deben ser simples y fáciles de entender. Evitar la sobrecarga de información y los elementos innecesarios ayuda a que el usuario se concentre en las acciones clave. 4\. **Escalabilidad**: Los elementos de diseño deben ser capaces de adaptarse a diferentes tamaños de pantalla y contextos. Un sistema de diseño debe funcionar igual de bien en dispositivos móviles, tabletas y computadoras de escritorio. 5\. **Accesibilidad**: El diseño debe ser inclusivo y permitir que cualquier persona, independientemente de sus habilidades o discapacidades, pueda interactuar con el producto. Esto incluye el uso de colores con suficiente contraste, textos legibles, navegación clara y compatibilidad con lectores de pantalla. 6\. **Flexibilidad**: A pesar de la consistencia, el sistema de diseño debe permitir cierta flexibilidad para adaptarse a necesidades específicas sin romper los principios generales del sistema. 7\. **Retroalimentación visual**: Los usuarios necesitan una respuesta clara al interactuar con elementos del diseño, como botones o formularios, para entender qué acciones se han realizado y qué resultados esperar. 8\. **Unidad**: Cada elemento dentro del sistema de diseño debe trabajar en conjunto para crear una experiencia visualmente armoniosa y funcional. Estos principios aseguran que el producto final sea eficiente, intuitivo, y brinde una experiencia de usuario cohesiva a lo largo de todas las interacciones.
Les comparto otros sistemas de diseño que me han aportado mucho en la creación de mis proyectos: <https://m3.material.io/> <https://getbootstrap.com/> <https://ant.design/components/radio>

Aquí los principios que propongo…