Glassmorphism - UI Design Trend 2020
Ok guys, here we go again. After I came up with Neumorphism last year (and wrote the very first article defining and naming it) this year it's time for Glassmorphism. What is that new UI design style? Is it going to be the main trend for app and web design for 2021? We'll see - probably not, but it can work great if it's used the right way. Some often call it Glass Morphism, or Glass-Morphism, but it's really just Glassmorphism. And you can do it in Figma, Sketch, Adobe XD and likely even Photoshop ;)
Want to learn how? Watch my analysis and a short Sketch and Figma tutorial on how to make this effect.
You can read my original article here:
https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9
Albert's CSS breakdown:
https://www.albertwalicki.com/glassmorphism-how-to-create
Don't forget to follow me on Twitter @michalmalewicz
And you can check out the biggest UI design book in the world at www.designingui.com
Enjoy!
Видео Glassmorphism - UI Design Trend 2020 канала Malewicz
Want to learn how? Watch my analysis and a short Sketch and Figma tutorial on how to make this effect.
You can read my original article here:
https://uxdesign.cc/glassmorphism-in-user-interfaces-1f39bb1308c9
Albert's CSS breakdown:
https://www.albertwalicki.com/glassmorphism-how-to-create
Don't forget to follow me on Twitter @michalmalewicz
And you can check out the biggest UI design book in the world at www.designingui.com
Enjoy!
Видео Glassmorphism - UI Design Trend 2020 канала Malewicz
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Glassmorphism UI - Free Figma Tutorial - 100 000 designers took it!](https://i.ytimg.com/vi/uRVnX0k593E/default.jpg)
![Glassmorphism Card Animation in Figma | Figma + Anima | Design Weekly](https://i.ytimg.com/vi/Y_JF_padZBg/default.jpg)
![Is your RESUME bad?](https://i.ytimg.com/vi/3GjARLIYzqs/default.jpg)
![Neumorphism UI Button | Pure CSS Tutorial](https://i.ytimg.com/vi/Q2LVC_hHVvs/default.jpg)
![Intro to Sketch for Beginners | Sketch Tutorial (2020)](https://i.ytimg.com/vi/ilcwjXTqyNM/default.jpg)
![Shop Website Design In Adobe Xd](https://i.ytimg.com/vi/1S6yLaUcJ6M/default.jpg)
![Designer of the Month. 6/2022](https://i.ytimg.com/vi/ZQb25uj7j7s/default.jpg)
![How to Match Color and Light in Photoshop! (3-STEP PROCESS)](https://i.ytimg.com/vi/Y-RXsQLvFNQ/default.jpg)
![I created Neumorphism, Glassmorphism and Aurora](https://i.ytimg.com/vi/SdcyDZbFYFU/default.jpg)
![Illustrator Tutorial - How to create Brushes for a Technology Background](https://i.ytimg.com/vi/WbbLz9JHjBc/default.jpg)
![Figma Shoe Ordering Mobile App Design (Figma Mobile Design 2020)](https://i.ytimg.com/vi/JM7P7mWgJbo/default.jpg)
![Must Have Figma Plugins for 2020 | Design Essentials](https://i.ytimg.com/vi/7v667KeGqyc/default.jpg)
![Level up your UX research with heatmaps.](https://i.ytimg.com/vi/tokYjWcu5ok/default.jpg)
![Neumorphism in Figma 😍👌 | Soft UI Design (#neumorphism #figma)](https://i.ytimg.com/vi/BFQHOQPpQlo/default.jpg)
![Slow Glass-Effect Card Tutorial in Adobe Illustrator // Trend on Dribbble // How To // KAPUSTIN](https://i.ytimg.com/vi/E9hcRFTCnuc/default.jpg)
![Figma Tips & Tricks - UI Designer's Superpower](https://i.ytimg.com/vi/Vo0sEPqArRQ/default.jpg)
![Turn Design into React Code | From prototype to Full website in no time](https://i.ytimg.com/vi/0xhu_vgKZ8k/default.jpg)
![LOGO DESIGN AND ANIMATION [Figma]](https://i.ytimg.com/vi/l8o3WOldZ3c/default.jpg)
![Naming Things in Figma: My Best Tips & Tricks](https://i.ytimg.com/vi/hEUO-9s7db4/default.jpg)
![Figma Auto Layout | Getting Started with Auto Layout](https://i.ytimg.com/vi/Do6HJBj984I/default.jpg)