Why UI designers should understand Flexbox and CSS Grid

CSS for UI Designer Or bye bye, 12-column grid layout Most designers are familiar with responsive design, a column-based layout approach with fixed breakpoints to cover all screen sizes. However, we can move beyond the rigid structure with modern CSS layouts, crafting flexible and dynamic designs that seamlessly adjust to different screen sizes. Designers and developers having different… Continue reading Why UI designers should understand Flexbox and CSS Grid

3 Essential Design Trends, February 2024

Design By Carrie Cousins 2 days ago From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to try this month. Spring into a new website design aesthetic with some of the hottest trends of the season. Some of the things we are seeing right now are… Continue reading 3 Essential Design Trends, February 2024

Housing, It’s a Human Right (Part 2)

A 3-Part Series on the digital accessibility of the housing process experienced by people with disabilities. In this 3-part series, we will look at the challenges and rewards of the entire experience surrounding the process of acquiring housing for people who live with a disability.  We will look at: Buying an existing home Leasing an… Continue reading Housing, It’s a Human Right (Part 2)

Designing a colour system

Building multi-brand colour systems that support light and dark modes with minimum effort. It is all about organizing, naming and choosing the right colour values for the system to work. I would like to share my view on the issue and tell about the methods I choose to make the system. Made with design tokens Design tokens are… Continue reading Designing a colour system

15 Best New Fonts, September 2023

Fonts By Ben Moss 4 days ago Nothing upgrades your designs like selecting the right font. It’s all too easy to fall into the trap of using the same typeface over and over, so every month, we publish this roundup to freshen up your font menu. In this month’s edition, you’ll find plenty of sans-serifs… Continue reading 15 Best New Fonts, September 2023

3 Essential Design Trends, September 2023

Here’s what’s trending in design this month: 1. Monochrome Color Schemes One-color design patterns can be beautiful and somewhat enchanting. With tints and tones of the same base color, there is a certain elegance that comes with a monochrome color scheme. Designers who have worked with color in this way know that while the end result may look… Continue reading 3 Essential Design Trends, September 2023

3 Essential Design Trends, June 2023

That’s a big part of the reason so many designers are stripping down menus to more minimal styles. (Plus, it can create a cleaner, more sleek overall design.) Here’s what’s trending in design this month – and it is all about navigation. 1. Pop-Out Navigation There’s an obvious connection to mobile-friendliness here – website designs that use… Continue reading 3 Essential Design Trends, June 2023

The Power of Place in Photography

Place in photography is everything to the photographer, as it helps him capture and investigate various concepts such as culture and identity, traditions, and environmental challenges. But also, place plays a more significant role in the photograph’s appearance and can give you a bad day at the office if not controlled. Although place can add… Continue reading The Power of Place in Photography

How high-fidelity prototypes can enhance user testing

During the usability testing phase, gathering as much information as possible about how users understand designs/product is essential. The objectives of usability testing often differ across studies. They typically uncover product or service design issues, discover opportunities for enhancement, and gain insight into the target user’s behaviour and preferences [1]. Tools like Figma and Sketch… Continue reading How high-fidelity prototypes can enhance user testing

How to design generative AI experiences to be truly helpful

From bullsh*t generator to ultimate copilot. Photo by Rolf van Root on Unsplash Suddenly, news about Generative AI is everywhere. People talk about how ChatGPT reached 1 million users in a record of 5 days, how Goldman Sachs predicts that AI will impact 300 million jobs, and how the new Bing goes “unhinged”… All the hypes aside,… Continue reading How to design generative AI experiences to be truly helpful

How playing improvised music can train the ability to synthesize in design

Improv form #1. Drawing by Alexander Pryshyvalka (Instagram) My experience with Minsk Improvisers Orchestra I was always certain that only those who are trained in understanding musical notation and playing music instrument, are allowed to create music — only these special kinds of people are eligible to be called musicians. I’m not one of this special kind… Continue reading How playing improvised music can train the ability to synthesize in design

Trends and Movements (isms) in Web Design You Should Know

In web design nowadays we’re quick to assign an “ism” to any passing trend. But no matter how arbitrary or fleeting they are, these isms can be important to understand.  “Isms” in the art and design world come from artistic movements; styles and philosophies practiced by a group of artists and designers, usually with a… Continue reading Trends and Movements (isms) in Web Design You Should Know

3 practical uses of the UUP UX metric

Measuring perceptions and acting on findings. Early in 2019 I wrote, UX Metrics: Why not measure aesthetics? Extending proven user experience measures to account for aesthetic usability effect, which introduced UUP or “up score”. It received more attention than I expected, which spawned exchanges with other designers. Many were about ways to apply the UUP… Continue reading 3 practical uses of the UUP UX metric

Published
Categorized as UX Tagged

A Beginner’s Guide to the Character Panel in Illustrator

In the following tutorial, you’ll learn everything you need to know about Adobe Illustrator’s Character panel. You can read this detailed written guide, and additionally, you can follow this new video from the Envato Tuts+ YouTube channel: What You’ll Learn in This Character Panel Illustrator Tutorial How to open the Character panel in Illustrator … Continue reading A Beginner’s Guide to the Character Panel in Illustrator

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

Analyzing Code With Code Detection API

The world runs on code. Nearly every single aspect of our lives is in some way, shape, or form handled by code. It may be hidden and running behind the scenes, but it is ever-present in our daily activities. Waking in the morning thanks to our alarm clock or phone app, consuming news and media… Continue reading Analyzing Code With Code Detection API

2 Ways to Protect Your HTML Email Links (and Prevent SPAM)

In this tutorial we’ll describe two straightforward techniques for protecting HTML email links from being scraped by spammers. Although these techniques cannot guarantee full success, they’ll give you an extra layer of protection. Email Templates on Envato Elements Before we dive in, don’t forget that you can download unlimited email templates with your Envato Elements… Continue reading 2 Ways to Protect Your HTML Email Links (and Prevent SPAM)

10+ Best Themes for Shopify Automotive Stores 2022

If you wish to create an automotive shop online, there are several factors you need to consider before you begin. For starters, you need to think about the types of products you want to sell and how you wish to present them to your customers. You also need to think about the features you want… Continue reading 10+ Best Themes for Shopify Automotive Stores 2022

The Best WordPress Multilingual Plugins Compared

Do you want to offer your website content in more than one language and reach a wider customer base, including international customers? The best way to offer a personalized and localized customer experience is through users’ native language. You can reach audiences in languages they speak, even if you do not know a single word… Continue reading The Best WordPress Multilingual Plugins Compared

8 Best WordPress Forum Plugins

Do you want to add a forum to your WooCommerce website? Forums can create a high level of engagement for users of your site.  Example of forums include:  question and answer platforms discussion boards peer to peer support, especially for software  To add a forum to your website you will need a… Continue reading 8 Best WordPress Forum Plugins

How to Make a Y2K Art Collage in Photoshop

Today we’ll be recreating the Y2K art style using 3D assets and vibrant color grades! We’ll be learning how to create a collage in Photoshop that focuses more on using Y2K-inspired graphics, as opposed to photo-realistic realism. We want the Y2K aesthetic pink trees to look fake and the environment to pop! In a hurry?… Continue reading How to Make a Y2K Art Collage in Photoshop

30 Web Development Best Practices for Beginners

There is a lot to learn as a web developer. For starters, the syntax of HTML, CSS and JavaScript, and how these fundamental web languages work together. However, on top of that you need to learn how to code well: how to use the web technologies like a professional, to create efficient, maintainable, and scalable… Continue reading 30 Web Development Best Practices for Beginners

How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

In the past, we’ve discussed different customizations of the WordPress Contact Form 7 (CF7) plugin. Today, we’ll learn how to build custom checkboxes and radio buttons with this plugin. Sound like a good exercise? Here are two animated images that show how these form elements will look after our custom styling: And here is a… Continue reading How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons