Hey there đź‘‹! I’m Matias, a creative web dev based in Buenos Aires, Argentina. I currently run joyco.studio, and we recently released the first version of our website. It features a comic-like dot grid shader background, and in this post, I’ll show you how it’s coded, breaking it down into 4 simple steps. But before… Continue reading How to Code a Subtle Shader Background Effect with React Three Fiber
Tag: color
50 Best Procreate Brushes For Digital Illustration (Free & Paid)
Digital illustration is made so much easier and more enjoyable with the right tools, and Procreate has quickly become a favorite among illustrators for this reason. With its user-friendly design and a vast array of features, Procreate allows both beginners and professionals to explore their creativity without limits. When it comes to enhancing your work,… Continue reading 50 Best Procreate Brushes For Digital Illustration (Free & Paid)
40+ Adorable Halloween Costumes for Kids That They’ll Love!
When Halloween approaches, excitement fills the air as kids dream about their Halloween costumes, trick-or-treating adventures, and, of course, all the candy! From classic ghost costumes to creative, one-of-a-kind looks, Halloween costumes for kids are more than just an outfit; they’re an expression of their imagination and enthusiasm. For parents, finding the perfect costume that… Continue reading 40+ Adorable Halloween Costumes for Kids That They’ll Love!
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
Breathtaking Digital Portrait Illustrations from Top Artists and Designers
Digital portrait illustrations have become a significant art form in today’s creative world. Artists worldwide are pushing the boundaries of digital tools to create stunning, lifelike images that leave a lasting impression. From their unique styles to their intricate details, these artists are redefining what portrait illustrations can achieve. Here are six top artists whose… Continue reading Breathtaking Digital Portrait Illustrations from Top Artists and Designers
How to work with color and textures in Photoshop
In our previous tutorial, you learnt how to retouch underwater elements to make things appear more realistic. In this lesson, you will learn how to work with color and textures to enhance your composition. If you prefer video tutorials, watch the complete Advanced Photoshop Techniques course from the Tuts+ YouTube channel. Additionally, you can check… Continue reading How to work with color and textures in Photoshop
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
UX Design Mistakes of the B2C E-Commerce Galaxy
Want to know more? Come with me to meet some design mistakes in the galaxy of e-commerce far, far away. 1. The petrol station approach – main navigation issue Finding the toilet in a petrol station’s cafeteria can be stressful.You enter the main door and find yourself in an open space. While figuring out if… Continue reading UX Design Mistakes of the B2C E-Commerce Galaxy
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
How to match color in photo manipulation
Trying to guess things like color, contrast, and saturation by eye when working in Photoshop isn’t the best option. Instead, create “color check” layers that simplify your image so you can pinpoint and adjust the different settings more precisely, without having to guess. Step 1 Create a new layer at the top of your layer… Continue reading How to match color in photo manipulation
Qualtrics Reviews: Pros, Cons & More
This article compiles user feedback on Qualtrics CX, highlighting its strengths and weaknesses. By sharing real-world experiences, we aim to help UX professionals determine if Qualtrics CX is the right tool for their survey and data collection needs. âť• Important note: This review site presents information relevant for researchers, not for participants in… Continue reading Qualtrics Reviews: Pros, Cons & More
5 Website Features to Help Your Business Thrive in the Digital AgeÂ
In the age of instant gratification, attention spans are shorter than a tweet on a Tuesday. That’s why your website, the digital doorknob to your business, needs to make a stellar first impression. Studies show that a whopping 95% of a visitor’s initial judgment is based on design alone. Now, that’s a statistic that could… Continue reading 5 Website Features to Help Your Business Thrive in the Digital AgeÂ
40+ Creative Rooster Logos and Illustrations For Inspiration
The rooster, with its proud posture, vibrant colors, and distinctive crow, has captivated cultures for centuries. This majestic bird isn’t just a symbol of the dawn; it’s also a popular choice for logos and illustrations. Let’s explore the reasons why the rooster reigns supreme in the world of visual branding with 40+ creative rooster logos… Continue reading 40+ Creative Rooster Logos and Illustrations For Inspiration
Visual Design: Glossary
Summary: Use this glossary to quickly clarify key terms and concepts related to visual design. Visual design requires knowledge and understanding of many jargon terms. Use this glossary as a reference as you delve into visual and user interface design. Jump to a definition in the table or review the complete glossary. Aesthetic-Usability Effect Users’… Continue reading Visual Design: Glossary
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility
In today’s digital age, creating inclusive designs that cater to all users is paramount. Accessibility in web design ensures that everyone, regardless of their abilities, can access and interact with digital content seamlessly. One crucial aspect of accessible design is color contrast, which plays a significant role in making content legible for all users, including… Continue reading Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility
AI UX-Design Tools Are Not Ready for Primetime: Status Update
Summary: Our research and evaluation shows that there are currently few design-specific AI tools that meaningfully enhance UX design workflows. AI tools won’t be replacing UX designers any time soon. Currently available LLM-based tools are not shortcutting steps in the design process just yet. Our Study There’s so much marketing hype around AI that it’s… Continue reading AI UX-Design Tools Are Not Ready for Primetime: Status Update
How to Create a Coffee Cup Mockup
There’s nothing like a fresh cup of coffee in the morning. Learn how to create a coffee cup mockup in Adobe Photoshop. During this tutorial, you will discover how to create a smart object for your coffee logo and apply effects to generate a realistic cup mockup. What You’ll Learn in This Coffee Cup Mockup… Continue reading How to Create a Coffee Cup Mockup
4 Ways You Can Test Your Design System in Figma
Consistency is key for a successful UX design system. Learn about different ways to test your design system in Figma. Keeping consistency and efficiency across design projects is essential. A good UX design system must include all the elements that make up your brand’s visual and functional identity. As you may already know, one of… Continue reading 4 Ways You Can Test Your Design System in Figma
Google Maps: a refreshing turn in the right direction
Finally! Google Maps gets a much-needed makeover… and we’re here for it. Sometimes, a reroute is all it takes to rediscover the joy of the journey — Google Maps’ latest update is a testament to that. What’s New Since My Last Rant A few months back, I ripped into some serious user experience flaws in Google Maps. Google Maps: about that… Continue reading Google Maps: a refreshing turn in the right direction
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
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
Housing, It’s a Human Right (Part 3)
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 3)
30 Amazing Chrome Extensions for Designers and Developers
Compilations By Robert Reeve 2 days ago Searching for a tool to make cross-platform design a breeze? Desperate for an extension that helps you figure out the HTML code of that fantastic color palette? Looking for a trick that will supercharge your productivity this year? We’ve got you covered. Chrome extensions are the bread and… Continue reading 30 Amazing Chrome Extensions for Designers and Developers
Using ChatGPT to generate sequential color schemes
Here, I explore how to use ChatGPT, a text-based generative AI model, as a color suggestion system for building sequential color schemes. I do this by prompting the trained AI model for color schemes and then evaluate the recommendations. Successful results are based on the specific text phrasing used to request ChatGPT to perform these… Continue reading Using ChatGPT to generate sequential color schemes