Reproductor de Música Estilo Neomorfismo en HTML CSS y JS
En este screencast vamos a diseñar un reproductor de música con un diseño moderno y novedoso llamado neomorfismo en Inglés #Neumorphism (aka Neomorphism) Esta es una tendencia #ui de 2020 aunque previamente ya había visto unos diseños hechos en photoshop aunque no aplicados en el diseño web. ¿En que consiste? Pues bien es un estilo de diseño que trata de imitar objetos del mundo real, lo han descrito como Soft UI debido a la forma en que se utilizan sombras suaves para crear el efecto. Antes del neumorphism fue el Skeuomorphism impulsado en distintas versiones de iOS por parte de Apple.
La técnica para hacer este tipo de patrón de diseño es saber combinar los colores, así como también usar las propiedades background-color y box-shadow que nos ayudaran a generar el diseño.
Hay herramientas que nos van ayudar a generar este tipo de colores y estilos en las sombras aquí voy a dejar el enlace así como también blogs que hablan sobre este tema.
REFERENCIAS:
https://uxplanet.org/neumorphism-in-u...
https://css-tricks.com/neumorphism-an...
https://dribbble.com/shots/9517002--L...
Generador de Sombras:
https://neumorphism.io/
Encuentrame: #LupitaCoding
-Facebook / unachicaprogramadora
-Twitter / lupitacode
Watch video Reproductor de Música Estilo Neomorfismo en HTML CSS y JS online without registration, duration hours minute second in high quality. This video was added by user Lupita Code 20 June 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 50,752 once and liked it 1.7 thousand people.