Visual Design Articles & Videos

  • AI-Generated Images Can Perform as Well as Stock Photography

    When users didn’t know whether an image was AI-generated, the images we tested did not create any perception penalty compared to stock photos.

  • Handmade Designs: The New Trust Signal

    In an era of AI-generated-everything, AI-fatigued users want designs that look like they were made by a person.

  • Good Visual Design, Explained

    To create appealing designs, align type and elements to a grid, build a clear visual hierarchy, use color intentionally, and stay consistent with every design choice.

  • Liquid Glass Is Cracked, and Usability Suffers in iOS 26

    iOS 26’s visual language obscures content instead of letting it take the spotlight. New (but not always better) design patterns replace established conventions.

  • Designing Use-Case Prompt Suggestions

    Use-case prompt suggestions show how to effectively prompt AI tools. They aid learnability and creativity, helping users explore what AI tools can do.

  • Button States: Communicate Interaction

    Minor visual changes help users distinguish between 5 different button states: enabled, disabled, hovered, focused, pressed.

  • Neobrutalism: Definition and Best Practices

    As a UI design style, neobrutalism focuses on raw, unrefined elements like bold colors, simple shapes, and intentionally "unfinished" aesthetics.

  • Testing Visual Design: A Comprehensive Guide

    Use methods like 5-second testing, first-click testing, and preference testing to gain insights into how users perceive your visual design.

  • Glassmorphism: Definition and Best Practices

    Glassmorphism is a UI design trend that features translucent interface components to create depth.

  • Design Systems vs. Style Guides

    Design systems are a set of standards (like Google’s Material Design or IBM’s Carbon Design System) needed to manage design at scale. Style guides (like content or visual style guides) are just one piece in a design system.

  • Visual Design: Glossary

    Use this glossary to quickly clarify key terms and concepts related to visual design.

  • Typography Terms: Glossary

    Use this glossary to clarify key definitions related to typography.

  • 7 Tips for Memorable and Easy-to-Understand Imagery

    A few relevant, high-quality visuals placed next to associated text can boost users’ comprehension of your content and its memorability.

  • The Picture-Superiority Effect: Harness the Power of Visuals

    People often remember visuals better than words. Designers can leverage the picture-superiority effect to make their products memorable and learnable.

  • Skeuomorphism

    Skeuomorphism involves designing digital interfaces that imitate physical elements, reducing the learning curve for unfamiliar interactions.

  • The Aesthetic-Usability Effect

    Users are more tolerant of minor usability issues when they find an interface visually appealing, and this effect can mask UI problems during usability testing.

  • Dark Mode: How Users Think About It and Issues to Avoid

    Dark mode is popular, but not always a critical feature. Users behave similarly without it. They think about it at the system level, not the application level.

  • Using Imagery in Visual Design

    When choosing images for your visual designs, match similar characteristics, balance high quality with adequate file size, prioritize information-carrying images over purely decorative ones, and provide robust alternative text.

  • The Anatomy of a Good Design: An Analysis of 4 Sites

    Visually pleasing designs use consistent type styles and spacing, create a visual hierarchy, and utilize an underlying grid structure.

  • UX Mapping Methods: Visual-Design Guide

    Visual-design principles can be applied consistently throughout the process of creating a polished UX map. Start by choosing a tool, then create a visual system, establish the basic layout, and finally add content and make adjustments.