[unable to retrieve full-text content] AI-generated imagery has become an essential part of the modern product designer’s toolkit — powering everything from early-stage ideation to polished design assets. Stable Diffusion is one of the most popular and flexible platforms for creatives that enables designers to generate a wide range of imagery with ease. However, with growing competition… Continue reading Stable Diffusion & Its Alternatives: Top 5 AI Image Generators
Tag: image
How to enlarge an image without losing quality?
How do you enlarge an image without pixelation? Have you ever wanted to enlarge a picture for your designs, only to end up with a blurry and pixelated mess? Enlarging images without pixelation is crucial for all designers. It’s a common problem, but thankfully, modern AI tools can help maintain the sharpness of your images… Continue reading How to enlarge an image without losing quality?
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