Tag: Open

From Figma to Functional App Without Writing a Single Line of Code

[unable to retrieve full-text content] How I Created a Design Tokens Converter in Minutes Using Claude Product designers don’t have to code, but knowing HTML and CSS will help us communicate with developers. In addition, a designer who knows JavaScript, Python, or another language, is a plus because they can explain the logic to the developer.… Continue reading From Figma to Functional App Without Writing a Single Line of Code

How to Create an Artboard in Affinity Designer

In this tutorial about Affinity Designer 2, we’ll learn what an artboard is and how you can easily add and customize one. We’ll also go over how to add reference images, which we’ll use later in the course. If you like design video tutorials, check out the complete Affinity Designer 2 course from the Tuts+… Continue reading How to Create an Artboard in Affinity Designer

7 Tips for Memorable and Easy-to-Understand Imagery

Summary:  A few relevant, high-quality visuals placed next to associated text can boost users’ comprehension of your content and its memorability. When implemented strategically, visuals can enhance users’ ability to understand and remember products. Here are seven best practices for memorable visuals. #1 Choose or Create Relevant Visuals Visuals exist alongside other content, and users… Continue reading 7 Tips for Memorable and Easy-to-Understand Imagery

How to Make an Event Program in InDesign

Learn how to create a memorable event program with this Adobe InDesign tutorial. Throughout this tutorial, you’ll learn what to have in an event program template and how to make an awards event program template.  What You Will Learn in This Event Program Template Tutorial What to have in an event program template How… Continue reading How to Make an Event Program in InDesign

How to Create a Trendy Pixelated Effect in Photoshop

What You’ll Learn in This Photoshop Tutorial How to pixelate an image in Photoshop How to add a pixelated effect in Photoshop How to make pixel art in Photoshop How to create a pixel art oil painting effect How to make oil pixel art What You’ll Need To recreate the… Continue reading How to Create a Trendy Pixelated Effect in Photoshop

5 Best Free Audacity Effects Plugins to Download 2024

Audacity, renowned for its open-source prowess, stands as a versatile audio editing software, catering to both beginners and those at an intermediate level. The key to unlocking its full potential lies in the use of Audacity plugins. In this article, we delve into the realm of free Audacity plugins, spotlighting those that stand out in… Continue reading 5 Best Free Audacity Effects Plugins to Download 2024

Audacity: How to Smooth Out & Clean Up Audio Quality

Audacity stands as a titan in the world of audio editing, offering a vast array of tools for those eager to enhance their audio recordings. This guide, tailored for intermediate users, focuses on how to smooth out and clean up audio in Audacity. It’s an essential read for podcasters, musicians, or any audio enthusiast aiming… Continue reading Audacity: How to Smooth Out & Clean Up Audio Quality

How to Quickly Cut and Trim Audio in Audacity

Editing audio can seem daunting, particularly when confronted with complex software. This is where Audacity, a free, open-source audio editing tool, shines. It streamlines the editing process, making cutting and trimming audio files a straightforward task. Ideal for podcasters, musicians, and video editors, Audacity simplifies audio editing without sacrificing functionality. By mastering Audacity, users can… Continue reading How to Quickly Cut and Trim Audio in Audacity

Using Figma variables for breakpoints

The hunt to find more use cases for local variables. At this point in 2023, almost all UX UI designers who use Figma should know about one of Figma’s biggest features of this year, local variables. Something I have continued to struggle with since its initial launch this past summer is how to actually apply… Continue reading Using Figma variables for breakpoints

How to Freely Download and Install Audacity in Windows & Mac

Welcome to the exciting realm of digital audio editing! If you’re embarking on a journey as a budding podcaster, an aspiring musician, a dedicated audiobook creator, or simply someone curious about the world of sound, Audacity is your perfect companion. This remarkable tool is not just any software; it’s a gateway to unleashing your creative… Continue reading How to Freely Download and Install Audacity in Windows & Mac

How to Make a Neon Text Effect in Affinity Designer

Are you interested in a simple and editable neon text effect that you can apply to other fonts and icons, including the Beat Saber logo? Stay tuned until the end to find it! If you don’t have the time to learn how to make a neon sign text effect, you can always try Envato Elements,… Continue reading How to Make a Neon Text Effect in Affinity Designer

How to Edit Audio for a Podcast in Audacity (Complete Guide)

What You’ll Be Creating Introduction: The Rise of Podcasting and the Importance of Quality Audio Editing Podcasting has experienced an unprecedented surge in popularity in recent years. This growth can be attributed to the medium’s unique blend of accessibility, intimacy, and the ability to deliver content to an engaged and dedicated audience. However, the rise… Continue reading How to Edit Audio for a Podcast in Audacity (Complete Guide)

How to Design a Creative Barcode

Want to learn how to design a barcode label? In this article, we’ll explore how to make a barcode and ways you can explore creative barcode design too. What You’ll Learn What is a barcode and what are barcodes used for? How to make a barcode and what tools you can use How… Continue reading How to Design a Creative Barcode

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

Open web3 usability questions

A list of web3 design patterns and user behaviours that puzzle me. DallE generated: “an astronaut pondering the mysteries of life” Through my articles on DeFi, I’ve identified various usability problems specific to crypto apps. I’ve also thought hard about how to build a general framework for web3 UX. I try to speak to users… Continue reading Open web3 usability questions

Published
Categorized as UX Tagged

Photoshop for Beginners

Learn how to use Adobe Photoshop in this detailed, easy-to-follow course. I’ll teach you all the essential Photoshop tools and techniques, starting from scratch and building to more advanced skills. Watch the Full Photoshop for Beginners Course What You’ll Learn How to use Photoshop layers and layer styles How to work with color and… Continue reading Photoshop for Beginners

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

How to Import Brushes Into Sketchbook Pro

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} If you want to add new brushes for Sketchbook Pro, you need just a few steps! In this short tutorial I’ll show you how to import brushes into Sketchbook Pro using my own custom Sketchbook brush pack. Disclaimer: this method works only for… Continue reading How to Import Brushes Into Sketchbook Pro

How to Send Serverless Emails With Node.js

If you are running a Jamstack architecture, sometimes you will require additional functionality like sending transactional emails to your users. Sending emails requires a server, so you can make a simple serverless service with an endpoint that takes a few fields and sends off an email. It’s an excellent alternative that doesn’t require the maintenance… Continue reading How to Send Serverless Emails With Node.js

How to Make a Halloween Flyer

What You’ll Be Creating Want to learn how to make a Halloween flyer? In this tutorial, we’ll create a Halloween costume contest flyer, and you could use these concepts to create any kind of Halloween event flyer you prefer. We’ll also take a look at some Halloween flyer ideas. We’ll create this Halloween flyer design… Continue reading How to Make a Halloween Flyer

How to Turn a Picture Into an SVG for Cricut

What You’ll Be Creating Looking to turn a picture into an SVG for Cricut? Then look no further! In this tutorial, we’ll go over what the SVG file type is and why you would want to use SVG files for Cricut. Next, we’ll go over how to create SVG files for Cricut in several different… Continue reading How to Turn a Picture Into an SVG for Cricut