Figma component properties — broken logic or new approach?

When Figma announced new components on Config 2022 I was really thrilled. The feature looks neat, it simplifies the variants and in theory, gave us more control to build more intuitive and straightforward components. However, the devil is always hidden in details. So after a few first interactions with new component properties, I see them… Continue reading Figma component properties — broken logic or new approach?

WordPress 6.0 Lives Up To The Hype

WordPress 6.0 has been released, and another niche jazz musician will be enjoying extra Spotify royalties next month. WordPress 6, named for latin-jazz musician Arturo O’Farrill, is the realization of a change of direction the WordPress Foundation adopted several years ago. All versions of WordPress now power around 42% of the web. That’s approximately 810,000,000… Continue reading WordPress 6.0 Lives Up To The Hype

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

Remote friendly or unfriendly?

Some easy steps to elevate remote working amongst colleagues and teams. I’ve been a product designer for a few years now, working in different countries and environments, with clients in completely different time zones, colleagues in different offices geographically, working remotely due to coronavirus, and of course, worked full time in the office with colleagues. Over… Continue reading Remote friendly or unfriendly?

Notifications require some much-needed attention

Source: Tubik on Dribbble In the mid-2000s every “who’s who” in town was rocking a blackberry with its tactile qwerty keypad and a membership to the exclusive blackberry messenger club. Blackberry was the bridge between the pager and palmtop devices of yesterday and the smartphones of today. One of the most interesting and often overlooked… Continue reading Notifications require some much-needed attention

How to Use Procreate

The Procreate app has been taking the design world by storm. In this comprehensive guide, you’ll learn how to use Procreate to produce beautiful digital artwork and graphic design. We’ll go through a brief introduction to Procreate, and then we’ll look at Procreate brushes and where to download fonts for Procreate. And along the way,… Continue reading How to Use Procreate

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

Script & Handwritten Fonts

Script and handwritten fonts are a great way of giving your designs a strong personality. A playful script font is great for informal projects with a fun, energetic vibe, while a formal calligraphy font is great if you’re going for elegance and class. In this guide, you’ll learn what script and handwritten fonts are and… Continue reading Script & Handwritten Fonts

Guide to Serif Fonts

Welcome to the ultimate guide to serif fonts! Whether you’re new to the subject or a bit more experienced, this guide will help you out. We’ll start by explaining what a serif font is and when you’d want to use one, and then we’ll look at some different types of serif fonts and introduce you… Continue reading Guide to Serif Fonts

Why designers don’t use your design system

Improve the adoption of your design system through components flexibility Thumbnail of Cosmos Design System ❤ This is not a recipe for success or a know-it-all article. Here I’m focusing on the most constant and significant challenge when building design systems — reaching a balance and compromising between flexibility and rigidity of components standards. The components in the… Continue reading Why designers don’t use your design system

The dark yellow problem, UX in the 90s, background grids, inclusive design

“Inclusivity is at the heart of user-centric design approach, which considers not just the average user, but all users. That said, inclusivity isn’t an on/off switch you can magically flip in an instance. To design for all users, you need to consider their physical abilities, experiences, expectations, values, beliefs, and much more.” Inclusive design 101… Continue reading The dark yellow problem, UX in the 90s, background grids, inclusive design

Published
Categorized as UX Tagged

Brochure Templates

What is a brochure? Wondering how to make a brochure or where to find the best brochure templates? You’ll learn the answers to all those questions in this comprehensive guide. Let’s get started! What Is a Brochure? When a company wants to advertise its products and services, print brochures are a great option. They give… Continue reading Brochure Templates

Why component properties will save your design system

Figma dropped some huge new features this month and you need to embrace them A design toolkit is only as good as the tools in it. New Figma features just gave your tools a lot more power. Photo by Cesar Carlevarino Aragon on Unsplash Figma has had a big year. Sure, it surpassed 4 million users and… Continue reading Why component properties will save your design system

Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript

In this new tutorial we’ll discuss a straightforward approach for reducing spam from form submissions. This technique will use PHP and JavaScript to block form submission until the user provides the correct answer to a simple math CAPTCHA. Here’s a quick video that demonstrates the expected functionality: It’s important to note that this is just… Continue reading Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript

How to Paint Watercolor in Procreate

This Procreate watercolor tutorial will teach you how to create a vibrant yet soft digital watercolor portrait in Procreate from scratch.  We’ll explore different drawing techniques and textures to achieve an authentic watercolor look. Also, you’ll learn how to make your portrait expressive using colors and lines. Creating a watercolor portrait in Procreate is a… Continue reading How to Paint Watercolor in Procreate

Accessibility week, low-tech UI, how to ask for a promotion, dark mode

Weekly curated resources for designers — thinkers and makers. “What do we even mean by web3? We have NFTs (non-fungible tokens), cryptocurrencies, the metaverse, blockchain and DAOs (decentralized autonomous organizations). It’s not just one thing we don’t understand. It’s a lot of things we don’t understand. What’s in? What’s out? And how do all of these pieces fit… Continue reading Accessibility week, low-tech UI, how to ask for a promotion, dark mode

10 design practices combine in life-centred design

An introduction to 10 design practices that work together to make human-centred design more sustainable, regenerative, and fair Today’s linear consumer system of ‘take, make, and throw-away’ is immensely inefficient and wasteful, devastating to the environment, and a major contributor to climate change. Unfortunately, decades of human-centred design have contributed significantly to today’s wicked problems… Continue reading 10 design practices combine in life-centred design

Published
Categorized as UX Tagged

16 Fonts Similar to Cern

Cern is a sans serif typeface you cannot miss. If you are looking for fonts similar to Cern to use in your next design project, then you’ve come to the right place. In this article, we will introduce you to some fonts like the Cern typeface, which will be a great addition to your font… Continue reading 16 Fonts Similar to Cern

Resizing images for the Web

Using Python to create image collections for different screen resolutions. Continue reading on UX Collective »

Published
Categorized as UX

Web3 has a user experience problem

We can’t change the world if nobody understands what we’re talking about “Welcome to Web3. A world filled with unicorns, long acronyms, market-moving memes, and slang that changes quicker than a well-executed rug pull.” – The Web3 Glossary, Unstoppable Domains Whether you’re excited by the potential or mostly indifferent, it has become increasingly difficult to… Continue reading Web3 has a user experience problem

Published
Categorized as UX