Tag: color

Card sorting with visually impaired participants: how to overcome accessibility barriers

A guide to conducting card sorting with participants who are visually impaired. Photo by Author; generated using Stable Diffusion. Card Sorting is a UX research method used to understand how users categorize and organize information, which reflects how they expect information and content to be organized on a user interface. In this method, participants are… Continue reading Card sorting with visually impaired participants: how to overcome accessibility barriers

How to Create a Double Exposure Effect in Affinity Photo

In this tutorial, we will be learning how to create a double exposure in Affinity Photo. We’ll just need two photos and a few layer masks and adjustments for it to all come together in only a few steps. And thanks to being able to nest and create multiple masks, creating a double exposure in… Continue reading How to Create a Double Exposure Effect in Affinity Photo

What did Victor Papanek leave for UX designers in “Design for Real Word”?

In the “Back to basics” series, I would like to rediscover the content of the textbooks I read at the beginning of my industrial design studies. I am a supporter of wise (prudent) use of the achievements of the predecessors, which is why I re-read these valuable, twentieth-century books on design and try to extract… Continue reading What did Victor Papanek leave for UX designers in “Design for Real Word”?

Sketchy Pencil Effect with Three.js Post-Processing

From our sponsor: Get suggestions for improving your content, targeting, and marketing automations to help you increase revenue. In this tutorial, you’ll learn how to create a sketchy, pencil effect using Three.js post-processing. We’ll go through the steps for creating a custom post-processing render pass, implementing edge detection in WebGL, re-rendering the normal buffer… Continue reading Sketchy Pencil Effect with Three.js Post-Processing

The Ultimate Guide to Typography

Are you interested in typography? This complete course covers everything from typography history to the difference between typefaces and fonts, typeface classification, how to choose a font, and more! Watch the Ultimate Guide to Typography Course What You’ll Learn What is the history of typography? What is the difference between a typeface and a… Continue reading The Ultimate Guide to Typography

20 Best New Websites, July 2022

Welcome to our guide to the best new websites this month. If subtle, minimal sites are your thing, either look away now or prepare to have your preconceptions challenged because this month, we are going maximalist. Lots of elements fill up the screen, lots of color, lots of big fonts, lots of illustration, and plenty… Continue reading 20 Best New Websites, July 2022

15 Top Schedule Planners in Figma & Adobe XD to Download in 2022

Are you a designer creating apps or task management platforms? Helping your clients to keep a realistic schedule planner can change the way they manage their time. Create your own using a schedule planner template for Figma or Adobe XD.  This is a great schedule planner template for Figma and Adobe XD. A well designed… Continue reading 15 Top Schedule Planners in Figma & Adobe XD to Download in 2022

3 Essential Design Trends, July 2022

There are a lot of dark, retro vibes trending in website design right now. Although there are still some light projects popping up – including a pastel trend below – a lot of what we are seeing has a quite moody feel. Here’s what’s trending in design this month.   Pastel Color Palettes Let’s start… Continue reading 3 Essential Design Trends, July 2022

Gestalt psicology for dataviz

Understanding why specific data visualization techniques work better than others may not be so simple. Visual Pattern — Credits: Omar Flores on Unsplash We easily perceive a design that catches our attention, or elements that are out of place, but then we hardly know how to identify and evaluate them accurately, almost as if their effect acts at the… Continue reading Gestalt psicology for dataviz

Top seven free color contrast checkers & analyzers

1. Contrast Checker (Monsido) Contrast Checker (monsido.com) Perfect if you just want a quick and easy contrast measurement without having to download anything. Measure contrast quickly in this web app Very intuitive to use Multiple ways to input colors Screenshot of Contrast Checker (Monsido) 2. Tanaguru Contrast Finder Tanaguru Contrast Finder Perfect if you want… Continue reading Top seven free color contrast checkers & analyzers

Flyer Templates

Welcome to this comprehensive guide to flyer templates. We’ll look at what flyers are, why to use them, and how to create them. And we’ll also look at plenty of flyer design inspiration. Let’s get started! What Is a Flyer? At its most basic level, a flyer is a small sheet of paper containing printed… Continue reading Flyer Templates

How to Customize the WooCommerce Checkout Page

The checkout page is one of the most important pages on any eCommerce website. All the effort that you put into your website content, design and marketing will amount to nothing if your customers keep abandoning their carts and never complete the checkout process. Some statistics show that cart abandonment rate can vary in range… Continue reading How to Customize the WooCommerce Checkout Page

How to Make the Background Transparent in Photoshop

There are several different ways to make a background transparent in Photoshop. And when multiple different tools do the same thing, it can be a pain to figure out which to use and when. Follow along as we go through four of the easiest ways you can quickly remove a background in Photoshop.  In a… Continue reading How to Make the Background Transparent in Photoshop

Choosing a WordPress Website Builder and Why You Should Use One

There are a lot of tools and services for creating websites today. However, none of them are as popular as WordPress. In fact, WordPress powers around 43% of all websites: that include hobby sites, official government websites, and the biggest news websites. Some examples of websites built with WordPress are The White House, Rolling Stone,… Continue reading Choosing a WordPress Website Builder and Why You Should Use One

10 Essential Design Tips for Photoshop

Photoshop’s been the industry standard for artists and designers for decades, adding new and improved features every year. This is great for those of us who’ve been using it for years, but it can be a lot to take in for someone just getting into the digital art world! So I’ve made a list of… Continue reading 10 Essential Design Tips for Photoshop

Visual forensics, impostor syndrome, UI color system, accessibility checklist

Weekly curated resources for designers — thinkers and makers. “User feedback is always a valuable source of information. But if product designers aren’t careful, user feedback can quickly become a to-do list of features organized by whoever yells the loudest and most often. This not only runs the risk of pulling a product team in dozens of different… Continue reading Visual forensics, impostor syndrome, UI color system, accessibility checklist

8 Best Free and Open-Source JavaScript Image Editors

The internet is filled with countless images uploaded by users. This is especially true for social media websites—and it is very rare for people to post original unedited images anywhere. It is also common to need to post images with a specific size or format. While there are a lot of full-fledged image editing apps… Continue reading 8 Best Free and Open-Source JavaScript Image Editors

Does UX have an imposter problem?

8 reasons it might be them, not you. Illustrations throughout by Emma Clayton Eyes cast down, she whispered, “I feel like UX is a dance club that I can’t get a ticket into.” A heavy silence hung in the air. This, after two years working at one of the largest technology firms, in what most of us would consider… Continue reading Does UX have an imposter problem?

Customize a WooCommerce Product Page for Free

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Creating a fully functioning eCommerce store requires you to take care of a lot of big and small things. Any website that you create to sell products will have different types of pages to address different needs. Dedicated product pages are one such example. A product page… Continue reading Customize a WooCommerce Product Page for Free

Fixing Problems With Borders in Dark Mode (Email Design)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Borders aren’t always treated the same as other elements when it comes to emails in Dark Mode. In this article I’ll take you through what is happening to your borders, as well as how fix any problems you’re having with them. Top Email Templates on Envato Elements… Continue reading Fixing Problems With Borders in Dark Mode (Email Design)

3 Essential Design Trends, December 2021

The year might be coming to an end, but plenty of design trends are still beginning to emerge. It’ll be interesting to see how many of these website design elements remain popular into the new year. From vintage elements to circles to happier feelings, there’s a lot to play with here. Here’s what’s trending in… Continue reading 3 Essential Design Trends, December 2021

10 Retro Website Designs to Inspire Your Next Web Project

November 22, 2021 by Veronika The retro style has once again overtaken the design industry for its elegant look and timeless feel. Creating a retro website is much harder than designing a site with a minimalist look as it requires the placement of a lot more additional elements than what we’re used to. Retro websites… Continue reading 10 Retro Website Designs to Inspire Your Next Web Project