Exciting New Tools for Designers, September 2020

It’s fun to see new website design tools that reflect current times and the state of the world. That’s very true this month with new databases devoted to diversity and women in technology, as well and resources to make your design life easier.

Here’s what’s new for designers and developers this month:

Ztext.js

Ztext.js is an easy to implement, three-dimensional typography tool for the web that works with any font you want to use. With the popularity of 3D effects and animation, this tool has a lot of practical applications. Everything you need, including documentation, is available from developer Bennett Feely on his website and GitHub. (It’s free but you can show appreciation with a donation if you like it.)

<img style="max-width:100%;" src="http://idgraphics.com/wp-content/uploads/2020/09/ztext-jpg.

Continue Reading…

Popular Design News of the Week: September 14, 2020 – September 20, 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, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

The Beginner’s Guide to Responsive Web Design in 2020

 

Frontendor – HTML Templates and Blocks to Help Build Beautiful Websites

<img style="max-width:100%;" class="image-border" src="http://www.idgraphics.com/wp-content/uploads/2020/09/rontendor-jpg.

Continue Reading…

The Latest Research for Web Designers, September 2020

In today’s look at the latest research for web designers, we’re going to look at studies and reports from Payoneer, Robert Half, Hootsuite, and Contentsquare to see what they have to say about things like:

  • Current freelancer demand
  • Web designer earning potential
  • A change in ecommerce shopping trends
  • Unseen content rates

1. There’s Light At the End of the COVID-19 Tunnel for Freelancers

Payoneer’s The State of Freelancing During COVID-19 had to take a different approach to reporting on the freelancer workforce than in years passed.

Here’s why:

When 1000+ freelancers around the globe were asked how demand for their services changed during COVID-19, this was the response:

<img style="max-width:100%;" src="http://www.idgraphics.com/wp-content/uploads/2020/09/reelancer-demand-png.

Continue Reading…

3 Essential Design Trends, September 2020

A seasonal change is on the horizon and that always has me looking to refresh projects. This month’s design trends provide a few different ways to do that without ripping up your entire website.

Here’s what’s trending in design this month.

Animated Heroes (That Aren’t Video)

Hero headers and screens that feature video animation have been popular for a while, but more website designers are experimenting with other types of full-screen moving graphics.

What’s cool about this trend is that it can take on plenty of different forms and look a lot of different ways, meaning that no two websites are identical in this regard.

The other bonus to this trend is that you can add a full-screen animation to almost any style of design without a complete overhaul of the website.

Continue Reading…

8 Easy Ways To Ruin Your User Onboarding

To understand why user onboarding is such an indispensable tool, we need to empathize with the people using our products; we all come from different backgrounds and cultures, we make different assumptions, and we see the world differently.

User onboarding helps mitigate these differences by making your product’s learning curve less steep.

However, companies often make unfortunate mistakes that hinder user experience and cause frustration. In today’s article, we’ll take a look at eight ways companies ruin their products’ onboarding process.

Let’s dive right in, shall we?

1. No User Onboarding at all

As a part of the team that created a product, you’ve probably spent hundreds of hours going over its features and the most minute detail. Naturally, you know the product like the back of your hand. The user does not.

Continue Reading…

20 Freshest Web Designs, August 2020

In this month’s collection of the freshest web designs from the last four weeks the dominant trend is attention to detail.

You’ll find plenty of animation, in fact, almost every one of these sites uses animation to a greater or lesser degree. Let’s dive in:

Globekit

Globekit is a tool that allows developers to quickly create animated and interactive globes and embed them on web pages. Its site features some exceptional 3D animation.

Yolélé

Yolélé is food company built around fonio, a West African super grain. Its site features a great page transition, and the landing page carousel is one of the few examples of horizontal scrolling we’ve seen work well.

<img style="max-width:100%;" src="http://www.idgraphics.

Continue Reading…

3 Essential Design Trends, August 2020

Do the lazy days have you longing for a new design technique to try? You are in luck.

This month’s collection of essential design trends is packed with functional ideas to spruce up design projects. And all of them are fairly easy to accomplish and will give your project a modern – or intentionally old-school – look.

Here’s what’s trending in design this month:

Angles

There are so many ways to add and use funky angles in design projects.

An angle with a color-block can be a great way to help add a place for a text element on top of an image or video to help ensure readability. Use a color for the angled element that contrasts with the background and text overlay for a striking visual or use a color that matches the background for a more subtle feel.

Continue Reading…

Popular Design News of the Week: July 27, 2020 – August 2, 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, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

Stroke Text CSS: The Definitive Guide

 

Code Snippets for Easier Coding

<img style="max-width:100%;" class="image-border" src="http://www.idgraphics.com/wp-content/uploads/2020/08/snippets-jpg.

Continue Reading…

Popular Design News of the Week: July 20, 2020 – July 26, 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, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week.

4 Design Patterns that Violate “Back” Button Expectations

 

We Designed Something that Couldn’t Work

<img style="max-width:100%;" class="image-border" src="http://www.idgraphics.com/wp-content/uploads/2020/07/couldntwork-jpg.

Continue Reading…

The Designer’s Guide to Letter-Spacing

Most of the information we consume happens through reading, so it makes a lot of sense to pay attention to the words when designing. There are many aspects to typography, but one of the things that helped improve the quality of my design was letter-spacing.

Letter-spacing is about adding and removing space between letters. Some people confuse it with kerning, but these two are different; letter-spacing affects the whole line of text, whereas kerning adjusts the space between two individual letters at the time. Kerning is best left to type designers, besides which, unlike letter-spacing there is currently no way to control kerning in CSS.

I believe that practice and a lot of observation will change the way you treat letter-spacing in your work as well.

The Purpose of Letter-Spacing

The main purpose of letter-spacing is to improve the legibility and readability of the text.

Continue Reading…