Tag: image

Figma AI Tools

[unable to retrieve full-text content] In this article, I will review a few new AI tools that Figma recently introduced. https://medium.com/media/bd5872bb7c297a17ab1e0a646a348f86/href Note: You should have Figma paid plan to use AI tools. First Draft First Draft is a fancy name for a UI design generator. To use it, click Actions and select First Draft. When you click… Continue reading Figma AI Tools

Tools of the trade: Getting started with accessibility

I recently gave a talk called “Tools of the trade: Accessibility without the cost” to Accessibility NYC (a11yNYC) in Lower Manhattan. The session focused on accessibility tools—which ones to invest in, how to get the most out of them, and when to consider paid features. In this post, I’ll recap some of the insights I… Continue reading Tools of the trade: Getting started with accessibility

UX Leads Adoption of AI Chat

Summary:  UX ranks among top fields adopting AI, mostly in writing, design, and coding tasks — though complex or human-centric UX activities remain largely AI-free An analysis of one million conversations with Claude.ai indicates that, while UX professionals represent less than 0.01% of the US workforce, they generate a remarkable number of AI conversations (7.5%… Continue reading UX Leads Adoption of AI Chat

How to create an image compressor tool in JavaScript

Images can impact your website’s performance if they are not properly optimised. One of the ways to solve this issue is ensuring images are optimised by reducing their file size.  Properly optimized images load faster and also provide a better user experience. Building our own will also be a great exercise in learning JavaScript. So… Continue reading How to create an image compressor tool in JavaScript

Alt Text: Not Always Needed

Summary:  Write alt text that communicates an image’s purpose without repeating page content. Focus on meaning rather than visual description. Alt text (or alternative text) is metadata intended to help screen-reader users understand what an image is depicting. Most guidance for writing alt text describes how to make individual web-based images accessible and understandable for… Continue reading Alt Text: Not Always Needed

30+ High-Impact Websites Leveraging the Latest Web Design Trends

In today’s tech-driven world, the art of crafting high-impact websites relies heavily on harnessing web design trends that captivate and convert. Each year, new innovations influence how brands and businesses present their digital identity. From animations that bring content to life, to layouts optimized for interaction, top trends in web design emphasize aesthetics, accessibility, and… Continue reading 30+ High-Impact Websites Leveraging the Latest Web Design Trends

Accessible Images For When They Matter Most

<div class=”logo”> <a href=”/” title=”Back to the homepage”> <picture> <source media=”(min-width: 1350px)” srcset=”…/images/logo-full.svg”> <img src=”…/images/logo/logo.svg” alt=”Smashing Magazine”> </picture> </a> </div> Hearing both the phrase “back to the homepage” and “Smashing Magazine” in one feature is OK since each phrase is unique and connected to a different purpose. For more complex alternative text phrases, conduct the… Continue reading Accessible Images For When They Matter Most

15 Free Resume Templates (PSD)

In today’s competitive job market, a strong first impression can be the key to landing your dream role. Your resume is often that first introduction to potential employers. By choosing the right design, you can highlight your skills and experiences while standing out visually. If you’re looking for professionally designed resumes without breaking the bank,… Continue reading 15 Free Resume Templates (PSD)

How to make interactive charts accessible

Interactive charts can transform data into compelling stories, offering valuable insights at a glance. But what happens when these visual tools are inaccessible to those with visual impairments? In this post, we’ll show you how to ensure your interactive charts are accessible to all users, regardless of their abilities. Before digging deeper, let’s establish what… Continue reading How to make interactive charts accessible

Free Simple Branding Stationery Mockup

Presenting your branding concepts professionally can make all the difference in winning over clients and securing contracts. A well-designed Stationery Mockup allows you to showcase your branding assets in a realistic and visually appealing way. Whether you’re designing for a corporate client or creating personal branding projects, having the right branding mockups is essential for… Continue reading Free Simple Branding Stationery Mockup

How to animate CSS Grid layouts (image grid project)

That’s right—it turns out we can animate some of the CSS Grid properties! Today, we’ll see this behavior in action by building a responsive image grid with hover effects. Taking this opportunity, we’ll also utilize the powerful :has() CSS selector. Let’s get started! Our Image Grid Here’s what we’re going to create—be sure to view… Continue reading How to animate CSS Grid layouts (image grid project)

Tips to Master Advanced Compositing Techniques

Advanced Photoshop compositing techniques Now that you’ve learn a number of photo manipulation and composition skills in the previous tutorials of this course, let’s use these four main components to practice some advanced Photoshop compositing techniques: a landscape a panda a group of fog layers a color grade This isn’t… Continue reading Tips to Master Advanced Compositing Techniques

35+ Clever Negative Space Logos That Will Inspire You

Negative space logos are a unique and compelling design technique that uses the empty spaces within and around a logo to create a secondary image or visual effect. This approach not only adds depth and complexity to the design but also engages the viewer, encouraging them to look closer and discover hidden meanings. These logos… Continue reading 35+ Clever Negative Space Logos That Will Inspire You

Elevate Your Typography with Creative Lettering Photoshop Actions

Lettering Photoshop Actions: Typography has always been the cornerstone of visual communication. From the elegant curves of serif fonts to the clean lines of sans-serif, typefaces hold the power to inform, inspire, and evoke emotions. These actions can further enhance the impact of your typography by adding creative effects and styles to your text. But… Continue reading Elevate Your Typography with Creative Lettering Photoshop Actions

Simple and Clean Minimal CV Resume Templates

In today’s fast-paced job market, recruiters often spend mere seconds scanning resumes before deciding on an interview. A cluttered or poorly formatted CV Resume can mean your application gets tossed aside, even if you possess the perfect skillset. This is where the power of minimal CV resumes comes into play. As technology evolves, so too… Continue reading Simple and Clean Minimal CV Resume Templates

The 4 Stages of AI Image Generation: An Experience Map

Summary:  AI image generation users often follow a similar creative process: ideate, generate, refine, and export. Understanding how expert users use AI tools in the process of image generation can help designers and other beginner users get better at using these tools for their projects; it can also inform the future design of such tools.… Continue reading The 4 Stages of AI Image Generation: An Experience Map

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

The power of beauty in communicating complex ideas

Can we defend pursuing beauty when communicating science or innovation? When creating visuals to explain complex ideas, cutting edge innovations or new scientific research we often focus on the images’ ability to carry information. But data visualization, infographics or even schematics have a hidden power we rarely discuss: beauty. Obviously not all images are beautiful. As… Continue reading The power of beauty in communicating complex ideas

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

The Art of Engineering AI Prompts

AI By Louise North 3 days ago In the rapidly evolving world of artificial intelligence, the ability to communicate effectively with AI tools has become an indispensable skill. Whether you’re generating content, solving complex data problems, or creating stunning digital art, the quality of the outcomes you receive is directly influenced by the prompts you… Continue reading The Art of Engineering AI Prompts

Design is not a thing, the R1 flaw, interview advice, social computing

Weekly curated resources for designers — thinkers and makers. I remember the first time I heard these words. Me and my dad had just sat down to eat lunch at a restaurant at a local hotel in my hometown. I was home visiting for the summer. My dad and I started talking about creativity. The ups and downs… Continue reading Design is not a thing, the R1 flaw, interview advice, social computing

25 Best Free New Years PowerPoint PPT Templates for 2024

It’s that time of the year again. We start counting down the days in anticipation of the new year.  Are you tasked to make a presentation for the upcoming New Years event? We’ll look at some New Year template to help you on this mission.  Happy New Years PowerPoint Template, a premium file from Envato… Continue reading 25 Best Free New Years PowerPoint PPT Templates for 2024

3 Common Color Accessibility Issues One Can Easily Avoid

Color is often used to evoke emotions and emphasis. That’s one of the reasons why designers see color as an important element in their work. Colors communicate messages on both psychological and visual level. The importance of color is undeniable, but is basing the message solely on color the right thing to do? This post… Continue reading 3 Common Color Accessibility Issues One Can Easily Avoid