Stealing like an artist — design heuristics in creative ideation

Stealing like an artist — design heuristics in creative ideation Mental shortcuts and cognitive frameworks aren’t only useful in everyday judgments and problem-solving. When faced with creative challenges, we can also tap into our “design brain” to channel previously encountered ideas into our own work. At their core, design heuristics are the combination, exploration, or transformation of often already… Continue reading Stealing like an artist — design heuristics in creative ideation

Gestalt psicology for dataviz

Understanding why specific data visualization techniques work better than others may not be so simple. Visual Pattern — Credits: Omar Flores on Unsplash We easily perceive a design that catches our attention, or elements that are out of place, but then we hardly know how to identify and evaluate them accurately, almost as if their effect acts at the… Continue reading Gestalt psicology for dataviz

Make Smooth Transitions with Easing in Figma and After Effects

I love creating smooth transitions in Figma, both for concepts and final designs. But for extra finesse and control over easing types, you should export from Figma into Adobe After Effects and finish the job there—let me show you! Smooth(er) Transitions in Figma and Adobe After Effects Smooth transitions in apps and websites are where… Continue reading Make Smooth Transitions with Easing in Figma and After Effects

How to Auto Align in Photoshop

Today, we’ll be looking at how to use the auto align tools in Photoshop, as well as guides and snapping! Photoshops auto align tools are simple but powerful, and they’ll keep you from sending out a design with the always annoying uncentred text or misaligned words.  If you’re looking to speed up your workflow, try… Continue reading How to Auto Align in Photoshop

How to Kern a Font in Cricut Design Space

In this tutorial, you’ll learn how to kern in Cricut Design Space. You may be asking yourself, “What is a kerned font in Cricut?” Often, fonts have incorrect or uneven spacing when you type a word out, and these fonts don’t have kerning, so we have to do it manually.  I will cover everything you… Continue reading How to Kern a Font in Cricut Design Space

How to Create a Brochure Mockup in Photoshop

If you’re looking to present your latest design project or establish a portfolio of your work, a good square trifold brochure mockup is a fantastic start! You’ll learn everything you need to know in this easy-to-follow square brochure mockup tutorial and will walk away with design skills that you can apply straight away. In this… Continue reading How to Create a Brochure Mockup in Photoshop

Decolonizing typography: creating a font for Afrikan writing systems

The driving force behind my relentless mission to create digital fonts for Afrikan writing systems, one letter at a time. In this case study I’ll walk you through the process of designing a font for the Bassa Vah Alphabet. The name ‘Bassa’ and a Bassa proverb. Background Bassa language is spoken by about 600 000 Bassa… Continue reading Decolonizing typography: creating a font for Afrikan writing systems

15+ Best Shopify Themes for Selling Coffee and Tea

The tea and coffee market is booming. Expected to be worth US$135.9 Billion by 2027 and growing at a CAGR of 2.3% over 2020-2027, it’s a great time to be investing in the industry. With Shopify templates, all you need to do is choose which template is your cup of tea, edit it to make… Continue reading 15+ Best Shopify Themes for Selling Coffee and Tea

20 Best eCommerce Plugins for WordPress

WordPress does not come with built-in eCommerce capabilities. But it allows you to add eCommerce functionality so you can sell tangible products, digital products, or any kind of services and receive money for them on your website. To make this possible, there are a huge number of eCommerce plugins, both free and premium, that you… Continue reading 20 Best eCommerce Plugins for WordPress

How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

In the past, we’ve discussed different customizations of the WordPress Contact Form 7 (CF7) plugin. Today, we’ll learn how to build custom checkboxes and radio buttons with this plugin. Sound like a good exercise? Here are two animated images that show how these form elements will look after our custom styling: And here is a… Continue reading How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

How to Remove Green Screen in Photoshop

Today we will be looking at how to remove green screen in Photoshop! Using only built-in auto-select tools and a few adjustment layers, you can perform a quick and simple background swap on any green screen photo. In a hurry? Swap backgrounds, automate your workflow, and chroma key in Photoshop using one of the thousands… Continue reading How to Remove Green Screen in Photoshop

How to Build a Responsive Slider With Swiper.js

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js

Fixing Problems With Borders in Dark Mode (Email Design)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Borders aren’t always treated the same as other elements when it comes to emails in Dark Mode. In this article I’ll take you through what is happening to your borders, as well as how fix any problems you’re having with them. Top Email Templates on Envato Elements… Continue reading Fixing Problems With Borders in Dark Mode (Email Design)

How to Create a Trendy Neon and Oil Spill Rainbow Poster

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;} In this tutorial, you’ll learn how to make a Y2K style poster with an oil spill rainbow background that will make you want to step out of the box. We’ve said it over and over again—trends are made to come back. The Y2K… Continue reading How to Create a Trendy Neon and Oil Spill Rainbow Poster

How to Create a HubSpot Email Signature

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} HubSpot is an invaluable marketing and managing assistant that you can use to improve your online business. It helps you analyze your website’s performance, manage your contacts, send marketing emails, boost sales, and more. In this tutorial I’ll explain how you can set your HubSpot email signature,… Continue reading How to Create a HubSpot Email Signature

How to Add Fonts to Sketchbook Pro

* { 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 learn how to add fonts to Sketchbook Pro, in this short tutorial I’ll show you how to do it on two systems: Windows and Mac. You’re just a few steps away from expanding the Sketchbook Pro font library with some amazing fonts! And… Continue reading How to Add Fonts to Sketchbook Pro

How to Create a Digital Clock Text Effect

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;} In the following tutorial, you will learn how to create a digital clock text effect in Adobe Illustrator. For this tutorial, you will need this digital clock font, so check out Envato Elements where you can find other designs and fonts that look… Continue reading How to Create a Digital Clock Text Effect

3 Essential Design Trends, October 2021

Design trends on top of design trends. This theme of this month’s collection is trends that seem to build on each other. These examples use multiple trends listed here: hero typography, round buttons, and big branding. Here’s what’s trending in design this month… 1. Hero Typography Big, bold, and even unusual typography choices are the… Continue reading 3 Essential Design Trends, October 2021

How to Create Mobile App Animations With SVGator

Designing animations by coding is both a complex and time-consuming undertaking that can hinder creativity. This is why designers are looking for a no-code solution to create scalable animations for mobile apps. Finding a way to easily create and export these types of engaging branding assets can also make the designer-to-developer handoff a frustration-free exchange.… Continue reading How to Create Mobile App Animations With SVGator

3 Essential Design Trends, September 2021

Do you ever get bored with design projects? Feel like you keep designing the same things on repeat? This collection of trends – from fun angles to illustrations where you wouldn’t expect them to cool three-dimensional concepts – is sure to help you think a little more out of the box. It might be just… Continue reading 3 Essential Design Trends, September 2021

How to Make your First App in Java

Are you a budding developer who knows the basics of Java and wants to make their first app using Android Studio? With PlayStore currently hosting 2.89 million Android apps and growing every minute, it is a great decision to learn and eventually master Android apps development. Get Started With Android Studio To make an android… Continue reading How to Make your First App in Java

10 Website Design Must-Haves For Any Small Business

0 Shares Having a website is essential for small businesses. It helps build an online presence and expand your reach. However, to maximize the website’s potential, website owners need to understand must-have web elements. If your website misses important features, you may lose out on potential customers and revenue. It’s also worth mentioning that not… Continue reading 10 Website Design Must-Haves For Any Small Business

Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

From our sponsor: Guide customers along the path to purchase with our award-winning platform. Starting at $14.99/mo. It’s fascinating which magical effects you can add to a website when you experiment with vertex displacement. Today we’d like to share a method with you that you can use to create your own WebGL shader animation linked to… Continue reading Rock the Stage with a Smooth WebGL Shader Transformation on Scroll

Building micro-interactions in Adobe XD

[unable to retrieve full-text content] The beauty about micro-interactions is that it’s a digital conversation users can initiate with the system or the system can initiate with the user. Let’s start with what they are Micro-Interactions are a heuristic approach to meaningful feedback responses that let users know when an action is performed. Simply put, the user… Continue reading Building micro-interactions in Adobe XD