Hollow Icon vs. Solid Icon: Which Is More Friendly for Recognizing? | by Trista liu | Medium
Solid Vs. Outline Icons: Which Are Faster to Recognize?
Master's Paper | Filled-in vs. Outline Icons: The Impact of Icon Style on Usability
Solid vs. Outline Icons: Which Are Faster to Recognize?
Fluent UI
A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior.
Design Systems are for user interfaces
We often talk about design systems as singular entities. "The design system saves time and increases quality." "Oh, the design system provides that." "Update to the latest version of the design system." The reality is that a design system is a multi-faceted layer cake, and also operates as part of o
10 iconography rules to follow in UI design
Check out these icon design tips & best practices before implementing them in your next UI design.
Perceived brightness: an essential concept for UI design
Look at the image above. Don’t you feel some colors are brighter than others? For example, between the yellow and blue: which is brighter?
The perfect link
There’s more to a link than just a clickable word or image. So, how do you create the perfect link? Rian tells you in our blog!
3D prototyping tools for 2D designers | by G.E. Karen Lee | May, 2021 | UX Collective
How to prepare for the future.
Defining Colors in your Design System
Complete guide to build scalable, harmonious color system
Stop Doing Design System Projects
Your design system is not a project.
10 Key Takeaways from Google’s Material Design Guidelines
UI & UX best practices from Google’s design system documentation.
Building a Visual Language
Behind the scenes of our new design system (Airbnb)
The Way We Build
How rethinking the Airbnb app changed the way we approach design
Design Systems For Figma: Bringing Context To Design Systems
Hayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.
Ahmad Shadeed
A multidisciplinary designer with an eye for details.
UI Bugs
Documenting UI bugs to show that all UI developers make mistakes. This blog will showcase bugs in large and popular websites and apps.
Leading-Trim: The Future of Digital Typesetting
How an emerging CSS standard can fix old problems and raise the bar for web apps
Why Do We Interface?
The Past, Present, & Future of Interfaces • A micro-book with incomplete observations on human-computer interfaces by Ehsan Noursalehi
Accessibility Matters – Let's care more about web accessibility
Documenting everything through the journey of learning web accessibility.
The Onion for Design Systems: Atomic Design and Pace Layering
Understand Atomic Design with Pace Layering to assist Design Systems’ construction and maintenance
The Just in Case Mindset in CSS
Learn about how to write defensive CSS.
Omatsuri
Open source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum
UI cheat sheet: radio buttons, checkboxes, and other selectors
by Tess Gadd | UX Collective
Selection controls — UI component series
Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design. By Taras Bakusevych | Jun, 2020 | UX Collective
A designer's guide to creating effective dashboards
Useful Sections for a Design System Reference Site
Storybook: UI component explorer for frontend developers
Build bulletproof UI components faster – Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more.
Criteria for good data visualization, according to design and statistics
Designers and statisticians disagree on what makes a good information graphic