Visual design
Articles
Web Fonts: Definition and 10 Recommendations
Interaction Design Foundation - 26 February 2024
Discover the power of web fonts in enhancing user experience and brand identity with 10 top recommendations and essential selection …
Visual Hierarchy: Making User Experiences Easier to Understand :: UXmatters
UX Matters - 6 February 2024
Web magazine about user experience matters, providing insights and inspiration for the user experience community
The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond — Smashing Magazine
Smashing Magazine - 23 January 2024
AI promises a major upheaval in typography, with designers finding themselves navigating both opportunities and challenges. How will it impact …
UX Tools Matter Less Than You Think
Interaction Design Foundation - 22 January 2024
your UX tools don’t matter that much. We’re not saying you shouldn’t learn any UX tools or that they’re bad, …
Minion Yellow - An Iconic Palette Emerges from Collaboration
UX Planet - 11 December 2023
Illuminating the Spectrum of Color Continue reading on UX Planet »
Crafting A Killer Brand Identity For A Digital Product — Smashing Magazine
Smashing Magazine - 28 November 2023
In this article, Sasha guides you through crucial processes and factors to achieve a consistent brand presence across platforms. She …
37 Innovative Ways to Use Accent Colors - Visual Guide
UX Planet - 10 October 2023
Accent colors in UI design are like the punctuation marks in a sentence — they emphasize, guide, and create visual …
37 Visually Pleasing Ways to Use Accent Colors - Visual Guide
UX Planet - 10 October 2023
Accent colors in UI design are like the punctuation marks in a sentence — they emphasize, guide, and create visual …
Typography Trends in Web Design 2023
UX Planet - 15 September 2023
The importance of typography in web design keeps waxing and waning every few years. One year, ‘experts’ will claim that …
20 essential Figma plugins every designer must try
UX Planet - 8 August 2023
A collection of Figma plugins for everyday design tasks — from finding good font pairs to creating responsive design. Most …
Using Color and Design Elements to Maximize Ecommerce Sales
UX Matters - 7 August 2023
By Catherine Schwartz Now more than ever, ecommerce businesses strive to create captivating online experiences that can help keep their …
“The Aesthetic Usability Effect - How Visuals Can Enhance User Experience”
UX Planet - 26 May 2023
Have you ever been influenced by the aesthetics or the visual appeal while shopping for your favourite car or any …
UX/ UI tips - A guide to UX typography
UX Planet - 16 February 2023
Wikipedia describes Typography as ‘the art and technique of arranging type to make written language legible, readable and appealing when…
Figure It Out
A List Apart - 21 May 2020
Color is, without a doubt, the visual element most often misunderstood and misused. As mentioned earlier, when designing visual representations, …
Tools
Accessible Colours
We evaluate your color combination using the WCAG 2.0 guidelines for contrast accessibility. If your combination does not meet the guidelines, we find the closest accessible combination by modifying the color lightness.
Accessible brand colors
This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.
Accessible color palette builder
This is a tool to help designers build color palettes with combinations that conform with accessibility standards.
Adobe XD
Adobe's UX design tool. Basically their answer to Sketch.
Affinity Designer
The fastest, smoothest, most precise vector graphic design software available for Mac, Windows and iPad.
Color Oracle
Design for the color impaired. A free color blindness simulator for Windows, Mac and Linux.
Color Safe
Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
Color Tool
Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.
Colorable
Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.
Colorblind Web Page Filter
Use the Colorblind Colorlab to select safe colors earlier in the design process.
Colorbox
Comprehensive colour palette generator, now sponsored by Lyft.
Contrast
A macOS app for quick access to WCAG color contrast ratios.
Figma
Where teams design together. Design, prototype, and collaborate all in the browser.
Figmac
A super lightweight Figma desktop app that delivers a more natural Mac experience.
Figurative
Love Figma? Love your iPad Pro? Meet Figurative.
InVision Studio
Web-based design tool. Invision's version of Sketch.
Leonardo
Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.
Photopea
Photopea.com is a free online tool for editing raster and vector graphics with support for PSD, AI, and Sketch files.
Sim Daltonism
The color blindness simulator.
Sketch
The industry-leading tool for digital design.
Vectornator
Vectornator Pro makes your designs more powerful. Visualize every detail, explore the space and let your creativity run wild.
Vectorpea
Vectorpea.com is a free online tool for editing vector graphics with support for AI, PDF and SVG files.