Graphics

Inspiring advice, tips, and suggestions for improving your graphic design skills, logo design, working with templates, and more.

Figma to WordPress: Tips, Tools & Advice

Graphics / 19 Apr 2024

Figma to WordPress: Tips, Tools & Advice

Making your own WordPress themes used to be a complex process that only the most skilled web developers were able to do. But, when using Figma, this process becomes just as simple as setting up a WordPress website.

One of the most powerful features of Figma is its third-party plugin support. There’s so much you can do with them, including the ability to convert your designs into fully functional WordPress themes without even having to write code.

Today, we take a closer look at the process of taking your designs from Figma to WordPress and see how it works. We also lined up some useful tips, suggestions, and a quick guide on how to get started.

Let’s dive in.

80+ iPhone PSD Mockups (Free + Premium) 2024

iPhone Mockups / 4 Apr 2024

80+ iPhone PSD Mockups (Free + Premium) 2024

An iPhone mockup graphic is the perfect way to demonstrate your app, website, or user interface. We’ve collected dozens of the best iPhone mockup PSDs and vectors, in all shapes and sizes, for your next project.

A well-designed mockup can make your app or website interface stand out from the crowd, and it’s the perfect way to present your design to a client. Our iPhone mockup picks vary between photograph-based PSDs, or vectors that can scale to any size. Some are free, some cost a few dollars, but all of them are a great way to showcase your app.

We’ve also collected a mix of iPhone mockups for different versions of the phone — from the iPhone 7, to the iPhone XS, covering every type of device.

What Is a WebP File? Pros, Cons & How to Convert

Graphics / 25 Mar 2024

What Is a WebP File? Pros, Cons & How to Convert

WebP is an advanced image format that offers a compelling blend of quality and compression, promising to accelerate website loading times while maintaining visual fidelity.

Almost every popular website on the Internet now uses the WebP format for displaying images. Should you do the same for your website? Is it worth going through the trouble of converting all your images to WebP? Let’s find out.

In this post, we uncover the advantages and drawbacks of using WebP. And guide you through various conversion techniques to create WebP images out of other formats. Make sure to read all the way to the end. This could be the big break you’re looking for to get your website back on top of search results.

The 15 Best (And Worst!) Rebrand Examples of 2023 & 2024

Graphics / 27 Feb 2024

The 15 Best (And Worst!) Rebrand Examples of 2023 & 2024

Doing a rebrand is a massive undertaking for most companies and often involves taking great risks. That’s usually why we see only a handful of rebrands in a year.

However, we saw so many popular and iconic companies go through massive rebrands over the past few months. And it doesn’t appear to be slowing down. Clearly, we are in the midst of a rebrand season.

Refreshing a brand according to new design standards is always a good thing but not all brands get this part right.

Today, we take a look at some of the best rebrands of the past few months. As well as the worst rebrands that got everything wrong by trying to follow a trend. Let’s dive in.

10 Famously Bad Examples of Design (& What to Learn From Them)

Graphics / 23 Feb 2024

10 Famously Bad Examples of Design (& What to Learn From Them)

Even some of the world’s biggest brands and most reputable designers make mistakes. Today, we take a look at some of the famously bad design examples to see what you can learn from them.

They say you should try to learn from your mistakes. But, do you know what’s even better? To learn from other people’s mistakes! And that’s exactly what we’re about to do.

In this list, we showcase some of the popular examples of bad graphic design and web design examples to help you learn from the mistakes that made the world cringe.

What Is a Logo Design Brief? (Examples, Templates & More)

How to Design a Logo / 20 Feb 2024

What Is a Logo Design Brief? (Examples, Templates & More)

Designing a logo for a brand is a massive undertaking that involves many different aspects, steps, and research. That’s why a logo design brief is a godsend for designers.

As the client, providing a detailed logo design brief is the best thing you can do to help designers understand what you want to achieve with your new logo. It will not only make their job easier but also ensure the logo design comes out just the way you expect it to be.

So, before you get in touch with a design agency or contact freelancers, create an effective logo design brief to get all the information in order. Don’t worry, creating a design brief is quite simple. Here’s how it’s done.

Flyer Design Ideas & Inspiration: How to Stand Out

Flyer Templates / 9 Feb 2024

Flyer Design Ideas & Inspiration: How to Stand Out

A flyer is a great way to promote your work, event, or even a business offering. This small piece of collateral is a point of contact that can help get people excited about something and generate interest.

A well-designed flyer grabs the attention of users and is something that people want to grab a hold of.

While most flyers are on the smaller side, they can include anything from printed pieces that are postcard size to information that is the size of a sheet of office paper (and even slightly larger).

Here’s how you create a flyer design that stands out.

What Is a Lookbook? (+ 15 Stunning Examples)

Business / 1 Feb 2024

What Is a Lookbook? (+ 15 Stunning Examples)

Whether you’re a designer wanting to show off work or have a request to create one for a client, a lookbook can be an effective way to showcase a variety of elements in a single design.

A lookbook is a portfolio of sorts and has wide application in a number of fields, including website design, graphic design, and development.

Here’s a guide to what a lookbook is, what to include in one when you start designing it, and some examples that are sure to help you find a little lookbook inspiration.

How to Design a Flowchart (+ Creative Flowchart Design Ideas)

Business / 26 Jan 2024

How to Design a Flowchart (+ Creative Flowchart Design Ideas)

Flowcharts are powerful tools for simplifying complex processes by illustrating them in visual form. Today, we’ll show you how to design a flowchart, without having to install or invest in any premium software.

Whether it’s to map out a business process, plan a project, or break down a concept, a well-designed flowchart goes a long way to enhance communication. However, crafting a flowchart that is both informative and engaging requires creative and strategic thinking.

To remedy that, we also found a few creative flowchart design ideas to help you find inspiration for your flowchart designs.

Let’s get started.

What Is Digital Design? a 101 Primer

Business / 16 Jan 2024

What Is Digital Design? a 101 Primer

Digital design is a broad term that generally refers to visuals, products, and services that are created for digital screens.

Everything you see on TV, smartphones, and computers is a digital design, whether it’s an image, video, web page, or app you use every day. If you’re interested in joining a field in digital design, it’s important to have an understanding of the basics.

In this 101 primer, we explore the world of digital design to learn about the many fields, concepts, trends, and principles that come together to create this medium of visual communication.

Let’s get started.

Wireframe vs Mockup: What’s the Difference? (And When to Use Each)

Mockup Templates / 13 Dec 2023

Wireframe vs Mockup: What’s the Difference? (And When to Use Each)

In the dynamic world of web and app design, understanding the tools and processes is crucial for creating effective designs. Among these, wireframes and mockups are fundamental elements, but they are often confused or used interchangeably.

This guide aims to demystify these concepts, highlighting their distinct roles in the design process. We also explore the differences between wireframes and mockups, their unique roles, and offer practical advice on when and how to use each effectively in your design projects.

Let’s get started.

How to Customize a Website Mockup Template

Mockup Templates / 8 Dec 2023

How to Customize a Website Mockup Template

A website mockup template can be a design life-saver. It makes it easy to show off a website design concept in a setting that represents actual use (on many different devices). But how can you customize a website mockup template and drop in your own design? Here’s how.

There are two ways to get started. You can either create your own website mockup template to use in projects or download one to get started quickly. The great thing is that there are so many template options out there to help clients visualize a new design in real-time.

Here’s everything you need to know about customizing a template (as well and finding a great template, to begin with).