Exploring Glassmorphism|UX Design

Joy Mamudu
2 min readJul 12, 2022

I tried out a glassmorphism tutorial and this is how it turned out

Fitness app screens made with glassmorphic effect
Fitness app screens made with glassmorphic effect

A couple of days ago, I saw some glassmorphic UI designs posted on twitter and realized that up until then, I hadn’t really given glassmorphism a decent chance. I set out to remedy that with a couple of videos on The Amazing Knowledge Bank, or YouTube, as many people choose to call it.

It is always nice to learn something new that is enjoyable and yields a pretty result, so this task was fun for me. Even though I’ve shared this on twitter and Behance and LinkedIn, I thought to drop it here as well. When I first began learning UX design, I looked forward to the days when I would move past my theoretical lessons and actually begin to create design solutions that look great. I am now a lot more familiar with the overall design process and design tools like figma, and putting my work out feels like a celebration of all the preceding uncertainty.

For this design, I found this video on YouTube incredibly helpful. It is a very short and easy to follow tutorial to help you achieve the frosted glass or glassmorphic design effect. The Noise plugin on figma is free and gives you sufficient control over the visual outcome of your design.

I’ll keep sharing my designs as a nod to my younger designer self, as well as encouragement to everyone starting a new thing. Keep going, one day you will see your own growth and improvement.

--

--

Joy Mamudu

UX design, fiction, film and lifestyle. Clinging tenaciously to the buttocks of life.