UI

UI

112 bookmarks
Custom sorting
How to Master Vertical Rhythm for Better UX Design
How to Master Vertical Rhythm for Better UX Design
Why do some fonts stand out while others fade into obscurity? Consistency in typographical design creates the visual connectedness that drives user engagement. A highly readable and scalable headline or logo is the most desirable. How can you ensure yours follows a logical pattern and taps into the power of vertical rhythm? What Is Vertical […]
·designworklife.com·
How to Master Vertical Rhythm for Better UX Design
Actual UI Design Trends to Consider in 2025
Actual UI Design Trends to Consider in 2025
Finding good information on the web can feel like a challenge sometimes. I recently came across an article titled “Top 15 Design Trends to…
·dartstudios.medium.com·
Actual UI Design Trends to Consider in 2025
Tooltip Best Practices | CSS-Tricks
Tooltip Best Practices | CSS-Tricks
What are tooltips, exactly? There's two kinds and the one you use has implications on the user experience, as Zell illustrates in this explainer on best practices.
·css-tricks.com·
Tooltip Best Practices | CSS-Tricks
7 Simple Button Design Tips That Make a Big Impact
7 Simple Button Design Tips That Make a Big Impact
While you are working on a UI/UX design project, I have developed a set of practical tips for designing a clickable button that helps me…
·medium.com·
7 Simple Button Design Tips That Make a Big Impact
Segmented control Blueprints
Segmented control Blueprints
Segmented control anatomy, states, behavior, best practices, and usage examples
·designsystems.surf·
Segmented control Blueprints
Woah, opacity! A full guide to this badass hero of efficient UI design
Woah, opacity! A full guide to this badass hero of efficient UI design
See how opacity can be a game changer for web apps, minimizing the number of design tokens, styles, and component variants, thus making your workflow more efficient and flexible, especially useful for startups and fast-moving teams.
·evilmartians.com·
Woah, opacity! A full guide to this badass hero of efficient UI design
Contextual help
Contextual help
Meet the users where they are, and offer just-in-time help
·uxknowledgebase.com·
Contextual help
What is Glassmorphism
What is Glassmorphism
Glassmorphism is a design style that, as the name suggests, is known for featuring glass-like effects. All elements in this design style…
·uxplanet.org·
What is Glassmorphism
Why Your Links Need a Hover Effect
Why Your Links Need a Hover Effect
Links contain text, but they should never look like text. When users read a web page, they need to be able to distinguish what’s clickable. If your links don’t have enough contrast, users could miss them. Color is Not Enough for the Colorblind Most sites make their links a different color from their text. But […]
·uxmovement.com·
Why Your Links Need a Hover Effect
7 Silent UI Hacks That Web Designers Use for Websites
7 Silent UI Hacks That Web Designers Use for Websites
Web and app design is not just about choosing colours and fonts. There are many subtleties and tricks behind creating an attractive website…
·uxplanet.org·
7 Silent UI Hacks That Web Designers Use for Websites
UX Drill 06 — How Apple uses “Sheets”
UX Drill 06 — How Apple uses “Sheets”
This is part of my drill-down journey of UX design during my graduate program in Human Computer Interaction. Despite rigorous 4 years of…
·medium.com·
UX Drill 06 — How Apple uses “Sheets”
7 Silent UI Hacks That Web Designers Use for Websites
7 Silent UI Hacks That Web Designers Use for Websites
Web and app design is not just about choosing colours and fonts. There are many subtleties and tricks behind creating an attractive website…
·sergushkin.medium.com·
7 Silent UI Hacks That Web Designers Use for Websites
5 Rules for Clean Design
5 Rules for Clean Design
Making a clean design sounds simple but it's hard as f**k. But I have found 5 rules to help you design like a minimalist.
·javascript.plainenglish.io·
5 Rules for Clean Design
What’s up with the “share” icon?
What’s up with the “share” icon?
The great overlap between “share” and “upload” icons and how design decisions shape user understanding of these similar actions.
·medium.com·
What’s up with the “share” icon?