Visual Design – Page 2 – Design and Code

AI Color Palette Generator

A New Way to Explore Color Combinations

Running out of inspirations for colors when designing or illustrating? Give this new tool a try!

AI Color Palette Generator (Web/Figma) is a new way to explore different color combinations. It allows designers or illustrators to search for the right palettes based on nouns or adjectives like those related to seasons, mood, themes, colors…

This tool extracts colors from the huge library of high-quality photos made possible by Unsplash. When enough palettes have been extracted from photos for a particular keyword, the AI will kick in and learn those palettes to generate even more combinations. You can even specify a color bias for the AI. The possibilities are endless.

Send me an email if you have any comments or questions. If you want to support me, you can buy me a coffee.

Enjoy the new tool!

Visual Design

Denoise Our Designs

Here’s the design I created recently. It was a big card containing some smaller cards inside.

Cards inside a another card creates gaps and gutters, which are non-communicating elements that add noises to our design.

I knew it wasn’t the ideal design, but I couldn’t pinpoint exactly where the problem was.

Visual Design

How to Pick Sophisticated Colors to Create Better Designs

Colors create vibes and convey tones of voice. Oftentimes, rookies designers pick those that are too saturated while the more experienced are able to select the more muted ones to create a vintage and sophisticated look and feel. This is not to say that we should always use muted colors. One exception, for example, is kids products. That said, choosing sophisticated colors is one of those skills that I believe if you master, it’ll catapult your design to the next level.

Small is Powerful: Why You Should Use Sprites in Your Design

Sprites are small images on their own inside a page or screen that typically contain a single object with a transparent background, just like the satellite receiver, the TV and the profile pictures in the following examples.

How to Create a Radiant Animation inside Figma

Grab the 2-year NordVPN plan with 68% off: https://go.nordvpn.net/aff_c?offer_id=15&aff_id=49790&url_id=902