Visual design


Articles

Web Fonts: Definition and 10 Recommendations

Interaction Design Foundation

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 design

Visual Hierarchy: Making User Experiences Easier to Understand :: UXmatters

UX Matters

UX Matters - 6 February 2024

Web magazine about user experience matters, providing insights and inspiration for the user experience community

Visual design Visual grammar

The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond — Smashing Magazine

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 …

Artificial intelligence Visual design

UX Tools Matter Less Than You Think

Interaction Design Foundation

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, …

Interface design Visual design

Minion Yellow - An Iconic Palette Emerges from Collaboration

UX Planet

UX Planet - 11 December 2023

Illuminating the Spectrum of Color Continue reading on UX Planet »

Visual design

Crafting A Killer Brand Identity For A Digital Product — Smashing Magazine

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 …

Visual design

37 Innovative Ways to Use Accent Colors - Visual Guide

UX Planet

UX Planet - 10 October 2023

Accent colors in UI design are like the punctuation marks in a sentence — they emphasize, guide, and create visual …

Visual design

37 Visually Pleasing Ways to Use Accent Colors - Visual Guide

UX Planet

UX Planet - 10 October 2023

Accent colors in UI design are like the punctuation marks in a sentence — they emphasize, guide, and create visual …

Visual design

Typography Trends in Web Design 2023

UX Planet

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 …

Visual design

20 essential Figma plugins every designer must try

UX Planet

UX Planet - 8 August 2023

A collection of Figma plugins for everyday design tasks — from finding good font pairs to creating responsive design. Most …

Interface design Visual design

Using Color and Design Elements to Maximize Ecommerce Sales

UX Matters

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 …

E-commerce Visual design

“The Aesthetic Usability Effect - How Visuals Can Enhance User Experience”

UX Planet

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 …

Visual design

UX/ UI tips - A guide to UX typography

UX Planet

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…

Visual design

Figure It Out

A List Apart

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, …

Visual design

Tools

Accessible Colours

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.

Accessibility Visual design
Accessible brand colors

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.

Accessibility Visual design
Accessible color palette builder

Accessible color palette builder

This is a tool to help designers build color palettes with combinations that conform with accessibility standards.

Accessibility Visual design
Adobe XD

Adobe XD

Adobe's UX design tool. Basically their answer to Sketch.

Developer handoff Prototyping Visual design
Affinity Designer

Affinity Designer

The fastest, smoothest, most precise vector graphic design software available for Mac, Windows and iPad.

Visual design Wireframing
Color Oracle

Color Oracle

Design for the color impaired. A free color blindness simulator for Windows, Mac and Linux.

Accessibility Visual design
Color Safe

Color Safe

Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.

Accessibility Visual design
Color Tool

Color Tool

Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.

Accessibility Visual design
Colorable

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.

Accessibility Visual design
Colorblind Web Page Filter

Colorblind Web Page Filter

Use the Colorblind Colorlab to select safe colors earlier in the design process.

Accessibility Visual design
Colorbox

Colorbox

Comprehensive colour palette generator, now sponsored by Lyft.

Accessibility Visual design
Contrast

Contrast

A macOS app for quick access to WCAG color contrast ratios.

Accessibility Visual design
Figma

Figma

Where teams design together. Design, prototype, and collaborate all in the browser.

Collaboration Design systems Developer handoff Prototyping Visual design
Figmac

Figmac

A super lightweight Figma desktop app that delivers a more natural Mac experience.

Visual design
Figurative

Figurative

Love Figma? Love your iPad Pro? Meet Figurative.

Interface design Visual design
InVision Studio

InVision Studio

Web-based design tool. Invision's version of Sketch.

Visual design
Leonardo

Leonardo

Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.

Accessibility Visual design
Photopea

Photopea

Photopea.com is a free online tool for editing raster and vector graphics with support for PSD, AI, and Sketch files.

Interface design Visual design
Sim Daltonism

Sim Daltonism

The color blindness simulator.

Accessibility Visual design
Sketch

Sketch

The industry-leading tool for digital design.

Design systems Prototyping Visual design
Vectornator

Vectornator

Vectornator Pro makes your designs more powerful. Visualize every detail, explore the space and let your creativity run wild.

Visual design
Vectorpea

Vectorpea

Vectorpea.com is a free online tool for editing vector graphics with support for AI, PDF and SVG files.

Diagramming Illustration Visual design Wireframing