SlideShare a Scribd company logo
Glassmorphism in user
interfaces is trending in 2022
User Interfaces (UI) are a crucial element in the success and acceptability of apps and websites. And since user interfaces are about looks and
design languages, it is susceptible to change in prevailing trends & fashion. Over the years, various evolving styles have influenced the UI
ecosystem. Skeuomorphism eventually gave way to flat, minimalistic designs. Then came Neumorphism, which was inspired by objects in the
physical world. The latest trend that has taken the UI world by storm is Glassmorphism.
Major instances of Glassmorphism
through the years
The beginnings of background blur dates back to 2013,
when Apple first introduced it with iOS 7. It was a whole
new design esthetic and the minimal, flat look was
accepted well. The new notification tray was semi-
transparent, and the user could see the objects behind the
tray with a blur. If the tray was pulled slowly, the icons
blurred gradually and that made for a very interesting,
dynamic look which had not been seen before.
Since both Apple and Microsoft adopted this design esthetic on their
respective desktop operating systems, it will be more widely adopted in
the months to come.
HOW
GLASSMORPHISM IS
TAKING THE UI INDUSTRY
BY STORM
Glassmorphism is actually a play between
background blur, shadow and transparency. The idea
is to achieve a balance between these three
elements.
The Mechanics of
creating the effect
THANK YOU
To know more, visit:
https://www.yellowslice.in/bed/glassmorphism-in-user-
interfaces/

More Related Content

Similar to Glassmorphism in user interfaces is trending in 2022

Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
InVision App
 
Neomorphism
NeomorphismNeomorphism
Lunch and Learn : 5 Website Trends in 2016
Lunch and Learn :  5 Website Trends in 2016Lunch and Learn :  5 Website Trends in 2016
Lunch and Learn : 5 Website Trends in 2016
ONE400
 
7 top UI UX Design Trends to follow in 2022.pptx
7 top UI UX Design Trends to follow in 2022.pptx7 top UI UX Design Trends to follow in 2022.pptx
7 top UI UX Design Trends to follow in 2022.pptx
Red Baton Design Studio
 
The top 9 Tech trends for 2016
The top 9 Tech trends for 2016The top 9 Tech trends for 2016
The top 9 Tech trends for 2016
Idean France
 
iOS HIG
iOS HIGiOS HIG
How will i os app development evolve over the next five years
How will i os app development evolve over the next five years How will i os app development evolve over the next five years
How will i os app development evolve over the next five years
Concetto Labs
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
DMI
 
How will i os app development evolve over the next five years
How will i os app development evolve over the next five years How will i os app development evolve over the next five years
How will i os app development evolve over the next five years
Concetto Labs
 
Office 2013
Office 2013Office 2013
Office 2013
Mani Kant Roy
 
5 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 20215 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 2021
Stefan Gerber
 
Service solahart sunter 087777888338
Service solahart sunter 087777888338Service solahart sunter 087777888338
Service solahart sunter 087777888338
hasian service
 
Service solahart sunter 0821225416663
Service solahart sunter   0821225416663Service solahart sunter   0821225416663
Service solahart sunter 0821225416663
servicewika
 
Service solahart sunter 0821225416663
Service solahart sunter   0821225416663Service solahart sunter   0821225416663
Service solahart sunter 0821225416663
solahartdki
 
Service solahart sunter 0821225416663
Service solahart sunter   0821225416663Service solahart sunter   0821225416663
Service solahart sunter 0821225416663
CV.Davinatama Service
 
Koru wearable trends 2015
Koru wearable trends 2015Koru wearable trends 2015
Koru wearable trends 2015
KoruLab
 
10 Design Trends 2013
10 Design Trends 201310 Design Trends 2013
10 Design Trends 2013
DMI
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013
Kim Peratt
 

Similar to Glassmorphism in user interfaces is trending in 2022 (20)

Android
AndroidAndroid
Android
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 
Neomorphism
NeomorphismNeomorphism
Neomorphism
 
Lunch and Learn : 5 Website Trends in 2016
Lunch and Learn :  5 Website Trends in 2016Lunch and Learn :  5 Website Trends in 2016
Lunch and Learn : 5 Website Trends in 2016
 
7 top UI UX Design Trends to follow in 2022.pptx
7 top UI UX Design Trends to follow in 2022.pptx7 top UI UX Design Trends to follow in 2022.pptx
7 top UI UX Design Trends to follow in 2022.pptx
 
The top 9 Tech trends for 2016
The top 9 Tech trends for 2016The top 9 Tech trends for 2016
The top 9 Tech trends for 2016
 
iOS HIG
iOS HIGiOS HIG
iOS HIG
 
How will i os app development evolve over the next five years
How will i os app development evolve over the next five years How will i os app development evolve over the next five years
How will i os app development evolve over the next five years
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
How will i os app development evolve over the next five years
How will i os app development evolve over the next five years How will i os app development evolve over the next five years
How will i os app development evolve over the next five years
 
Office 2013
Office 2013Office 2013
Office 2013
 
5 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 20215 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 2021
 
Service solahart sunter 087777888338
Service solahart sunter 087777888338Service solahart sunter 087777888338
Service solahart sunter 087777888338
 
Service solahart sunter 0821225416663
Service solahart sunter   0821225416663Service solahart sunter   0821225416663
Service solahart sunter 0821225416663
 
Service solahart sunter 0821225416663
Service solahart sunter   0821225416663Service solahart sunter   0821225416663
Service solahart sunter 0821225416663
 
Service solahart sunter 0821225416663
Service solahart sunter   0821225416663Service solahart sunter   0821225416663
Service solahart sunter 0821225416663
 
Koru wearable trends 2015
Koru wearable trends 2015Koru wearable trends 2015
Koru wearable trends 2015
 
Android Design
Android DesignAndroid Design
Android Design
 
10 Design Trends 2013
10 Design Trends 201310 Design Trends 2013
10 Design Trends 2013
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013
 

More from Yellow Slice

Problem Statement
Problem StatementProblem Statement
Problem Statement
Yellow Slice
 
Hackday (Anthony - Rohan).pptx
Hackday (Anthony - Rohan).pptxHackday (Anthony - Rohan).pptx
Hackday (Anthony - Rohan).pptx
Yellow Slice
 
Modern Fonts
Modern FontsModern Fonts
Modern Fonts
Yellow Slice
 
Modern Fonts
Modern FontsModern Fonts
Modern Fonts
Yellow Slice
 
Filtering ux best practices
Filtering ux best practicesFiltering ux best practices
Filtering ux best practices
Yellow Slice
 
Empathy
EmpathyEmpathy
Empathy
Yellow Slice
 
Gaming in Office
Gaming in OfficeGaming in Office
Gaming in Office
Yellow Slice
 
UX design company in india
UX design company in indiaUX design company in india
UX design company in india
Yellow Slice
 
Let’s Peep in the Future of UI Design [to thrive over the next decade]
Let’s Peep in the Future of UI Design [to thrive over the next decade]Let’s Peep in the Future of UI Design [to thrive over the next decade]
Let’s Peep in the Future of UI Design [to thrive over the next decade]
Yellow Slice
 
Link in your life
Link in your lifeLink in your life
Link in your life
Yellow Slice
 
Think What You Can Do With The Box - Urdhva D
Think What You Can Do With The Box  - Urdhva DThink What You Can Do With The Box  - Urdhva D
Think What You Can Do With The Box - Urdhva D
Yellow Slice
 
Crafting Delightful Experiences Through The Lenses Of Innovation
Crafting Delightful Experiences Through The Lenses Of InnovationCrafting Delightful Experiences Through The Lenses Of Innovation
Crafting Delightful Experiences Through The Lenses Of Innovation
Yellow Slice
 
Cooking Time
Cooking Time Cooking Time
Cooking Time
Yellow Slice
 
The Art of Pitching - Yellow Slice
The Art of Pitching - Yellow SliceThe Art of Pitching - Yellow Slice
The Art of Pitching - Yellow Slice
Yellow Slice
 
Icon design
Icon designIcon design
Icon design
Yellow Slice
 
Data Visualisation
Data VisualisationData Visualisation
Data Visualisation
Yellow Slice
 
Symbolism in Logo Design
Symbolism in Logo Design Symbolism in Logo Design
Symbolism in Logo Design
Yellow Slice
 
In the world of colours.
In the world of colours.In the world of colours.
In the world of colours.
Yellow Slice
 
Design With A Process
Design With A ProcessDesign With A Process
Design With A Process
Yellow Slice
 
User Testing
User TestingUser Testing
User Testing
Yellow Slice
 

More from Yellow Slice (20)

Problem Statement
Problem StatementProblem Statement
Problem Statement
 
Hackday (Anthony - Rohan).pptx
Hackday (Anthony - Rohan).pptxHackday (Anthony - Rohan).pptx
Hackday (Anthony - Rohan).pptx
 
Modern Fonts
Modern FontsModern Fonts
Modern Fonts
 
Modern Fonts
Modern FontsModern Fonts
Modern Fonts
 
Filtering ux best practices
Filtering ux best practicesFiltering ux best practices
Filtering ux best practices
 
Empathy
EmpathyEmpathy
Empathy
 
Gaming in Office
Gaming in OfficeGaming in Office
Gaming in Office
 
UX design company in india
UX design company in indiaUX design company in india
UX design company in india
 
Let’s Peep in the Future of UI Design [to thrive over the next decade]
Let’s Peep in the Future of UI Design [to thrive over the next decade]Let’s Peep in the Future of UI Design [to thrive over the next decade]
Let’s Peep in the Future of UI Design [to thrive over the next decade]
 
Link in your life
Link in your lifeLink in your life
Link in your life
 
Think What You Can Do With The Box - Urdhva D
Think What You Can Do With The Box  - Urdhva DThink What You Can Do With The Box  - Urdhva D
Think What You Can Do With The Box - Urdhva D
 
Crafting Delightful Experiences Through The Lenses Of Innovation
Crafting Delightful Experiences Through The Lenses Of InnovationCrafting Delightful Experiences Through The Lenses Of Innovation
Crafting Delightful Experiences Through The Lenses Of Innovation
 
Cooking Time
Cooking Time Cooking Time
Cooking Time
 
The Art of Pitching - Yellow Slice
The Art of Pitching - Yellow SliceThe Art of Pitching - Yellow Slice
The Art of Pitching - Yellow Slice
 
Icon design
Icon designIcon design
Icon design
 
Data Visualisation
Data VisualisationData Visualisation
Data Visualisation
 
Symbolism in Logo Design
Symbolism in Logo Design Symbolism in Logo Design
Symbolism in Logo Design
 
In the world of colours.
In the world of colours.In the world of colours.
In the world of colours.
 
Design With A Process
Design With A ProcessDesign With A Process
Design With A Process
 
User Testing
User TestingUser Testing
User Testing
 

Recently uploaded

Business Valuation Principles for Entrepreneurs
Business Valuation Principles for EntrepreneursBusiness Valuation Principles for Entrepreneurs
Business Valuation Principles for Entrepreneurs
Ben Wann
 
The-McKinsey-7S-Framework. strategic management
The-McKinsey-7S-Framework. strategic managementThe-McKinsey-7S-Framework. strategic management
The-McKinsey-7S-Framework. strategic management
Bojamma2
 
Cree_Rey_BrandIdentityKit.PDF_PersonalBd
Cree_Rey_BrandIdentityKit.PDF_PersonalBdCree_Rey_BrandIdentityKit.PDF_PersonalBd
Cree_Rey_BrandIdentityKit.PDF_PersonalBd
creerey
 
Kseniya Leshchenko: Shared development support service model as the way to ma...
Kseniya Leshchenko: Shared development support service model as the way to ma...Kseniya Leshchenko: Shared development support service model as the way to ma...
Kseniya Leshchenko: Shared development support service model as the way to ma...
Lviv Startup Club
 
FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134
LR1709MUSIC
 
Introduction to Amazon company 111111111111
Introduction to Amazon company 111111111111Introduction to Amazon company 111111111111
Introduction to Amazon company 111111111111
zoyaansari11365
 
amptalk_RecruitingDeck_english_2024.06.05
amptalk_RecruitingDeck_english_2024.06.05amptalk_RecruitingDeck_english_2024.06.05
amptalk_RecruitingDeck_english_2024.06.05
marketing317746
 
Buy Verified PayPal Account | Buy Google 5 Star Reviews
Buy Verified PayPal Account | Buy Google 5 Star ReviewsBuy Verified PayPal Account | Buy Google 5 Star Reviews
Buy Verified PayPal Account | Buy Google 5 Star Reviews
usawebmarket
 
Recruiting in the Digital Age: A Social Media Masterclass
Recruiting in the Digital Age: A Social Media MasterclassRecruiting in the Digital Age: A Social Media Masterclass
Recruiting in the Digital Age: A Social Media Masterclass
LuanWise
 
Maksym Vyshnivetskyi: PMO Quality Management (UA)
Maksym Vyshnivetskyi: PMO Quality Management (UA)Maksym Vyshnivetskyi: PMO Quality Management (UA)
Maksym Vyshnivetskyi: PMO Quality Management (UA)
Lviv Startup Club
 
What is the TDS Return Filing Due Date for FY 2024-25.pdf
What is the TDS Return Filing Due Date for FY 2024-25.pdfWhat is the TDS Return Filing Due Date for FY 2024-25.pdf
What is the TDS Return Filing Due Date for FY 2024-25.pdf
seoforlegalpillers
 
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdfModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
fisherameliaisabella
 
Mastering B2B Payments Webinar from BlueSnap
Mastering B2B Payments Webinar from BlueSnapMastering B2B Payments Webinar from BlueSnap
Mastering B2B Payments Webinar from BlueSnap
Norma Mushkat Gaffin
 
Affordable Stationery Printing Services in Jaipur | Navpack n Print
Affordable Stationery Printing Services in Jaipur | Navpack n PrintAffordable Stationery Printing Services in Jaipur | Navpack n Print
Affordable Stationery Printing Services in Jaipur | Navpack n Print
Navpack & Print
 
The Parable of the Pipeline a book every new businessman or business student ...
The Parable of the Pipeline a book every new businessman or business student ...The Parable of the Pipeline a book every new businessman or business student ...
The Parable of the Pipeline a book every new businessman or business student ...
awaisafdar
 
ikea_woodgreen_petscharity_dog-alogue_digital.pdf
ikea_woodgreen_petscharity_dog-alogue_digital.pdfikea_woodgreen_petscharity_dog-alogue_digital.pdf
ikea_woodgreen_petscharity_dog-alogue_digital.pdf
agatadrynko
 
The key differences between the MDR and IVDR in the EU
The key differences between the MDR and IVDR in the EUThe key differences between the MDR and IVDR in the EU
The key differences between the MDR and IVDR in the EU
Allensmith572606
 
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
BBPMedia1
 
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdfMeas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
dylandmeas
 
5 Things You Need To Know Before Hiring a Videographer
5 Things You Need To Know Before Hiring a Videographer5 Things You Need To Know Before Hiring a Videographer
5 Things You Need To Know Before Hiring a Videographer
ofm712785
 

Recently uploaded (20)

Business Valuation Principles for Entrepreneurs
Business Valuation Principles for EntrepreneursBusiness Valuation Principles for Entrepreneurs
Business Valuation Principles for Entrepreneurs
 
The-McKinsey-7S-Framework. strategic management
The-McKinsey-7S-Framework. strategic managementThe-McKinsey-7S-Framework. strategic management
The-McKinsey-7S-Framework. strategic management
 
Cree_Rey_BrandIdentityKit.PDF_PersonalBd
Cree_Rey_BrandIdentityKit.PDF_PersonalBdCree_Rey_BrandIdentityKit.PDF_PersonalBd
Cree_Rey_BrandIdentityKit.PDF_PersonalBd
 
Kseniya Leshchenko: Shared development support service model as the way to ma...
Kseniya Leshchenko: Shared development support service model as the way to ma...Kseniya Leshchenko: Shared development support service model as the way to ma...
Kseniya Leshchenko: Shared development support service model as the way to ma...
 
FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134
 
Introduction to Amazon company 111111111111
Introduction to Amazon company 111111111111Introduction to Amazon company 111111111111
Introduction to Amazon company 111111111111
 
amptalk_RecruitingDeck_english_2024.06.05
amptalk_RecruitingDeck_english_2024.06.05amptalk_RecruitingDeck_english_2024.06.05
amptalk_RecruitingDeck_english_2024.06.05
 
Buy Verified PayPal Account | Buy Google 5 Star Reviews
Buy Verified PayPal Account | Buy Google 5 Star ReviewsBuy Verified PayPal Account | Buy Google 5 Star Reviews
Buy Verified PayPal Account | Buy Google 5 Star Reviews
 
Recruiting in the Digital Age: A Social Media Masterclass
Recruiting in the Digital Age: A Social Media MasterclassRecruiting in the Digital Age: A Social Media Masterclass
Recruiting in the Digital Age: A Social Media Masterclass
 
Maksym Vyshnivetskyi: PMO Quality Management (UA)
Maksym Vyshnivetskyi: PMO Quality Management (UA)Maksym Vyshnivetskyi: PMO Quality Management (UA)
Maksym Vyshnivetskyi: PMO Quality Management (UA)
 
What is the TDS Return Filing Due Date for FY 2024-25.pdf
What is the TDS Return Filing Due Date for FY 2024-25.pdfWhat is the TDS Return Filing Due Date for FY 2024-25.pdf
What is the TDS Return Filing Due Date for FY 2024-25.pdf
 
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdfModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
 
Mastering B2B Payments Webinar from BlueSnap
Mastering B2B Payments Webinar from BlueSnapMastering B2B Payments Webinar from BlueSnap
Mastering B2B Payments Webinar from BlueSnap
 
Affordable Stationery Printing Services in Jaipur | Navpack n Print
Affordable Stationery Printing Services in Jaipur | Navpack n PrintAffordable Stationery Printing Services in Jaipur | Navpack n Print
Affordable Stationery Printing Services in Jaipur | Navpack n Print
 
The Parable of the Pipeline a book every new businessman or business student ...
The Parable of the Pipeline a book every new businessman or business student ...The Parable of the Pipeline a book every new businessman or business student ...
The Parable of the Pipeline a book every new businessman or business student ...
 
ikea_woodgreen_petscharity_dog-alogue_digital.pdf
ikea_woodgreen_petscharity_dog-alogue_digital.pdfikea_woodgreen_petscharity_dog-alogue_digital.pdf
ikea_woodgreen_petscharity_dog-alogue_digital.pdf
 
The key differences between the MDR and IVDR in the EU
The key differences between the MDR and IVDR in the EUThe key differences between the MDR and IVDR in the EU
The key differences between the MDR and IVDR in the EU
 
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
RMD24 | Debunking the non-endemic revenue myth Marvin Vacquier Droop | First ...
 
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdfMeas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
 
5 Things You Need To Know Before Hiring a Videographer
5 Things You Need To Know Before Hiring a Videographer5 Things You Need To Know Before Hiring a Videographer
5 Things You Need To Know Before Hiring a Videographer
 

Glassmorphism in user interfaces is trending in 2022

  • 1. Glassmorphism in user interfaces is trending in 2022
  • 2. User Interfaces (UI) are a crucial element in the success and acceptability of apps and websites. And since user interfaces are about looks and design languages, it is susceptible to change in prevailing trends & fashion. Over the years, various evolving styles have influenced the UI ecosystem. Skeuomorphism eventually gave way to flat, minimalistic designs. Then came Neumorphism, which was inspired by objects in the physical world. The latest trend that has taken the UI world by storm is Glassmorphism.
  • 3. Major instances of Glassmorphism through the years The beginnings of background blur dates back to 2013, when Apple first introduced it with iOS 7. It was a whole new design esthetic and the minimal, flat look was accepted well. The new notification tray was semi- transparent, and the user could see the objects behind the tray with a blur. If the tray was pulled slowly, the icons blurred gradually and that made for a very interesting, dynamic look which had not been seen before.
  • 4. Since both Apple and Microsoft adopted this design esthetic on their respective desktop operating systems, it will be more widely adopted in the months to come. HOW GLASSMORPHISM IS TAKING THE UI INDUSTRY BY STORM
  • 5. Glassmorphism is actually a play between background blur, shadow and transparency. The idea is to achieve a balance between these three elements. The Mechanics of creating the effect
  • 6. THANK YOU To know more, visit: https://www.yellowslice.in/bed/glassmorphism-in-user- interfaces/