Don’t limit your design options to preset fonts! Learn how to add fonts to Figma to create unique designs. Learn how to add fonts to Figma to create unique web designs. Choosing the right font for our design can be a game changer. Good typography not only makes your message readable, but it can define… Continue reading How to Add Fonts to Figma in 3 Steps
Tag: Text
How to Warp Text in InDesign
Do you want to learn how to create a wave warp on text in InDesign? This is an easy thing to do in programs like Adobe Illustrator. You can pull it off in InDesign too, but there are a few limitations to keep in mind. Remember that Adobe InDesign is more text-oriented, so our tools… Continue reading How to Warp Text in InDesign
How to Make Bootleg Retro T-Shirts in Photoshop
In this tutorial, we’ll delve into the art of crafting your very own bootleg retro T-shirts using Adobe Photoshop. Embrace the essence of the ’90s as we create an authentic retro shirt that pays homage to the era’s cheesy but iconic style. What You’ll Need to Complete This Bootleg T-Shirt Tutorial How to Make Bootleg… Continue reading How to Make Bootleg Retro T-Shirts in Photoshop
Adobe Illustrator 2024 Updates | From Adobe MAX 2023
Adobe Max 2023 has rolled out some exciting new features for Illustrator that you can try out in the new 2024 update. Illustrator continues to evolve, providing you with powerful tools and ground breaking new features such as how to convert text to vector in Illustrator and how to identify a font from an image.… Continue reading Adobe Illustrator 2024 Updates | From Adobe MAX 2023
2 Ways to Create and Display Footer Widgets in WordPress
Here’s our initial static demo that we’re going to convert into a WordPress theme (the colors have been changed for the WordPress version): Make a Plan For this demonstration, we’ll create a new simple custom WordPress theme (Playground). Its file structure will look like this: The theme structure We’ll host it on a GitHub… Continue reading 2 Ways to Create and Display Footer Widgets in WordPress
What is Adobe Firefly?
In the digital age, the emergence of Artificial Intelligence (AI) has revolutionized how designers can create and manipulate their designs. AI tools such as Adobe Firefly make it somewhat easier for designers to quickly generate visuals with minimal effort. This article will discuss what Adobe Firefly is, how to get Adobe Firefly, and how to… Continue reading What is Adobe Firefly?
How high-fidelity prototypes can enhance user testing
During the usability testing phase, gathering as much information as possible about how users understand designs/product is essential. The objectives of usability testing often differ across studies. They typically uncover product or service design issues, discover opportunities for enhancement, and gain insight into the target user’s behaviour and preferences [1]. Tools like Figma and Sketch… Continue reading How high-fidelity prototypes can enhance user testing
40 Best New Fonts of 2022
Choosing the right typefaces for your website can elevate a design from dour to delightful. The right typeface gives personality to your brand voice and can make sure your content gets read. And so, every month, we put together a roundup of the best new fonts for web designers. In this roundup of the year,… Continue reading 40 Best New Fonts of 2022
How to Create an Elementor Landing Page for Free
Businesses all around the world regularly roll out new products and services. Simply developing a great product isn’t a guarantee of success. Internet and social media regularly bombard us with new information about exciting products being launched. One way to increase your chances of success with the launch of any new product or service is… Continue reading How to Create an Elementor Landing Page for Free
Seven mental models for UX Writing
Mental models to help you mature your work and deliverables. This article is part of the UX Translations series. It was originally written in portuguese by Camila Gaidarji via UX Collective 🇧🇷 and was translated to english with the intention of helping more designers and reaching an even wider audience. You can check the original… Continue reading Seven mental models for UX Writing
How to Make a Monogram on Cricut
If you aren’t too sure how Cricut monogram fonts work and what is the best Cricut font for monogram, this tutorial will help you to overcome any intimidation you may have. This ready-to-use method to make a split letter monogram will have your project up and running in no time at all! Monogrammed clothing is… Continue reading How to Make a Monogram on Cricut
How to Etch Glass with Cricut
In this tutorial, you’ll learn how to etch glass with your Cricut machine, and we’ll also learn some fun uses for etched glass vinyl projects. This Cricut glass etching tutorial will teach you everything you need to know about what you need for your etching project as well as how to etch into glass. We’ll… Continue reading How to Etch Glass with Cricut
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 Outline Letters in Cricut Design Space
In this tutorial, you’ll learn how to outline a font in Cricut Design Space. I will cover everything you need to know about outlining text in Cricut Design Space—even if you have never used the software before! How to Outline a Word in Cricut Design Space Let’s see how to outline letters in Cricut. With… Continue reading How to Outline Letters in Cricut Design Space
Trending Distorted Fonts to Create a Glitch Text Effect
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} We all know and love the spooky sense of discord created by glitch effects, but what we may not know is how to create that awesome font glitch effect quickly and easily. Well, today we will share some great resources from Envato Elements and GraphicRiver for creating… Continue reading Trending Distorted Fonts to Create a Glitch Text Effect
What is React Native?
React Native is a cross-platform mobile application development framework that Facebook created in 2015. React Natives uses JavaScript as the underlying programming language, and it aims to help developers can build native mobile apps for both Android and IOS devices with a single codebase. In this post, I’ll introduce some of the key concepts and… Continue reading What is React Native?
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
8 Easy Ways to Improve Your Website Typography in Under 30 Minutes
Typography is one of the most important elements of any site, having a measurably large impact on brand and experience. So fundamental is it that making wholesale changes to your typography — opting for a new font, changing the measure, increasing leading — is complex and fraught with potential time-sinks. But there are some simple… Continue reading 8 Easy Ways to Improve Your Website Typography in Under 30 Minutes
Common React Native App Layouts: Login Page
In this series, you’ll learn how to use React Native to create page layouts commonly used in mobile apps. The layouts you’ll be creating won’t be functional—instead, the main focus of this series is to get your hands dirty in laying out content in your React Native apps. If you’re new to laying out React… Continue reading Common React Native App Layouts: Login Page
Build an HTML Email Template From Scratch
What You’ll Be Creating The best way to understand any process is to carry it out yourself, from the ground up. Today, we’re going to do just that with email design, by building an HTML email template from scratch. “The sooner you stop fighting the quirks of email, the sooner you can use them to… Continue reading Build an HTML Email Template From Scratch
Using Redux in a React Native App
Redux is a library for state management that ensures that the application logic is well-organized and that apps work as expected. Redux makes it easy to understand your application’s code regarding when, where, why, and how the state of the application is updated. Redux is made up of the following key parts: actions reducers store… Continue reading Using Redux in a React Native App
Understanding the Image Component in React Native
Images are an essential aspect of any mobile app. This tutorial will introduce you to the image component and show you how to use images in your React Native app. You will also learn how to create your own photo gallery! Prerequisites to Create a React Native App We will use the Expo CLI for… Continue reading Understanding the Image Component in React Native
Popular Design News of the Week: September 21, 2020 – September 27, 2020
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular Design News of the Week: September 21, 2020 – September 27, 2020
How to Make Effective Video Landing Pages
As a web developer, if you chance upon a comparison of the landing page and video landing page, what would be your first reaction? Both have all the characteristics of an excellent landing page. So, what sets them apart? Why does the subconscious choose the video landing page? It’s simple. It’s the video on the… Continue reading How to Make Effective Video Landing Pages