Guías de estilo de diseño para aprender en 2018

Muchos diseñadores a menudo pasan horas mirando "inspiración" en Dribbble, Behance y otras plataformas que muestran diseños. Como la mayoría de nosotros tenemos una larga lista de cosas que hacer y lograr en el nuevo año, agreguemos una cosa más a nuestra resolución para 2018: explorar las pautas de diseño.

Para todos aquellos que no saben, las marcas más populares tienen pautas de diseño y / o marca que muestran públicamente. Estas pautas a menudo contienen ideas de colores interesantes, fuentes y, a menudo, algunos consejos y trucos que podrían ser útiles en sus proyectos de diseño. Una pauta de diseño popular son las pautas de diseño de materiales de Google, pero no nos centraremos en eso. (sabrá por qué a medida que lea más adelante ...)

Además, muestre algo de AMOR ❤ DONANDO, para que pueda seguir escribiendo artículos increíbles: https://www.paypal.me/punitweb

Mis 3 mejores elecciones

- Duolingo

Duolingo es una de las mejores aplicaciones de aprendizaje de idiomas del mundo. Nunca he intentado aprender un idioma, pero tengo amigos que sí lo tienen, y todos encuentran que la experiencia de usuario (UX) es muy fácil de usar y amable a la vista. Estos son dos rasgos que siempre debe desear tener en sus diseños.
Para empezar, los colores son suaves y funcionan bien en cualquier pantalla y son menos sofisticados que muchas otras paletas de colores. La paleta de colores es monocromática y creo que es excelente para cualquier categoría de aplicación.

¿Creías que "Rose Gold" era un nombre interesante para un color? Duolingo en realidad nombra sus colores después de comestibles como gelatina, frambuesa y plátano; no se pone más interesante que eso.
También me gusta especialmente su conjunto de iconos que tienen como objetivo ser universalmente reconocibles, funcionan bien con su paleta de colores y se ven acogedores.

Duolingo también tiene algunas palabras sabias para crear ilustraciones:
‘Todas las ilustraciones son geométricas y creadas con totalidades, mitades y cuartos de cuatro formas básicas. La restricción se muestra cuando se aplican detalles para evitar que las ilustraciones parezcan ruidosas en tamaños más pequeños "

Consulte la guía de estilo de Duolingo aquí: https://goo.gl/gjvmBQ

- IBM

¡Olvídese del diseño de materiales, la Guía de diseño de IBM es el barco que debe abordar ahora! Personalmente, pensé que IBM como una plataforma de aplicaciones y servicios ignoraba el diseño, hasta que sacudieron a la comunidad de diseño de UX y UI con una renovación completa de sus estándares de marca y diseño. De hecho, me impresionó tanto que incluso tuiteé al respecto:

Se han quedado con un enfoque básico para los elementos de diseño, utilizando iconos y gráficos reconocibles, pero mucho más en sintonía con las tendencias de diseño actuales.
Esta es una empresa que ha entendido la importancia de una buena experiencia de usuario, como dicen específicamente:

"Creemos que las experiencias humanas impulsan los negocios"

Este estándar o lenguaje de diseño se enfoca más en conectar aplicaciones y servicios con una base común en lugar de simplemente mantener todo uniforme. Este parece ser un gran enfoque para una gran empresa de redes y TI como IBM. Muestra lo importante que es mantener tus raíces mientras creces.

IBM también tiene una biblioteca de animación que proporciona a los desarrolladores y diseñadores una guía para animaciones y transiciones; además de proporcionar recursos para iOS y web. Realmente me gusta la curva de Bézier que usaron para su sincronización de animación, es suave y receptiva al mismo tiempo, ¡bien hecho IBM!

Consulte la guía de estilo de IBM aquí: https://goo.gl/jQc6V1

La única serie que quieres seguir en Medium >>>

- BBC (GEL)

Al igual que las pautas de interfaz humana iOS de Apple, la BBC también tiene su propio estándar de diseño o sistema llamado GEL o Global Experience Language. BBC está luchando por un enfoque centrado en el usuario con un enfoque coherente. Establecen 5 principios principales para el diseño, que creo que son clave para cualquier diseñador:

Respeta a todos
Cree una experiencia personalizada para cada individuo, sean cuales sean sus necesidades, horarios e intereses.

El amor necesita
Diseñe a las necesidades de su audiencia. Toda innovación tiene que beneficiarlos o deleitarlos.

En todas partes, siempre
Considere cada pantalla y dónde, cuándo y por qué podría usarse, desde el sillón hasta el Ártico.

Descubrimiento de unidades
El viaje es tan importante como el destino. Y si su usuario se desvía en una dirección nueva y emocionante en el camino, mucho mejor.

Más juntos
Recicle los diseños existentes. Te dará más tiempo para innovar. Y la mayor consistencia fomentará una mayor exploración de la BBC, en línea.

Este lenguaje de diseño se centra en la arquitectura de la información y cómo afecta a toda la interfaz de usuario. Realmente puedes aprender de

Las pautas de diseño de la BBC son un verdadero ejemplo de un diseño básico que abastece a una vasta base de usuarios. Por lo tanto, usar estos diseños con un proyecto que marque todas esas casillas de verificación, es una gran idea.

Consulte la guía de estilo de la BBC aquí: https://goo.gl/HdYYCk

Menciones especiales

- Samara por Airbnb

AirbnbEng siempre ha estado a la vanguardia de la cama y desayuno con un enfoque único de un sistema tradicional. Airbnb ha creado un estudio de diseño llamado Samara, que se centra en un diseño simple basado en el objetivo de Airbnb de confiar en extraños. Diseñadores y arquitectos japoneses han construido un conjunto de espacios reales que son nada menos que hermosos. No existe una guía de diseño o libro de marca, pero con una exploración cuidadosa se puede aprender mucho sobre su enfoque y diseño.

Explore más aquí: https://goo.gl/AHfA3w

- Plataforma universal de Microsoft Windows

Con la actualización de los creadores de Microsoft Windows 10, muchos componentes fundamentales de sus diseños cambiaron. Han arreglado la mayor parte de lo que hicieron mal en Windows 8. Crean profundidad con colores y gradientes basados ​​en acrílico, movimiento de paralaje en animaciones y un conjunto creativo de sonidos. Lo que más me gusta de esta guía de estilo es cómo se adhiere a ciertos estándares mientras es experimental con el diseño. Así es como me gusta hacer mis diseños.

Compruébalo aquí: https://goo.gl/vyzY9R

Por qué iOS HIG y el diseño de materiales no llegaron a esta lista

El iOS HIG de Apple (pautas de interfaz humana) y el diseño de materiales han sido estándares en la industria del diseño para muchos diseñadores y desarrolladores. Ambas plataformas se han vuelto más maduras y se han adaptado principalmente a las nuevas tendencias de diseño y la competencia también. Sin embargo, estas pautas se usan en exceso y los diseñadores a menudo se limitan a estos estándares. Los diseños se ven bien cuando provienen de la experimentación y cometen errores, no siguiendo estándares. Además, Apple fue muy criticado en 2017 por no centrarse en las pequeñas cosas y cometer errores muy básicos en el marco.

Espero que les haya gustado mi escritura y que hayan aprendido un poco también. ¡Apóyeme SIGUIENDO y APAGANDO!

Además, muestre algo de AMOR ❤ DONANDO, para que pueda seguir escribiendo artículos increíbles: https://www.paypal.me/punitweb