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
Смотрите видео Reproductor de Música Estilo Neomorfismo en HTML CSS y JS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Lupita Code 20 Июнь 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 50,75 раз и оно понравилось 1.7 тысяч людям.