Search Results For: design

Kinetic Typography: An Introductory Guide

Typography / 5 Aug 2015

Kinetic Typography: An Introductory Guide

Kinetic typography seems to be everywhere these days. From television commercials to website landing pages, movable type is a popular visual tool. This popularity could come from a number of reasons but one obvious factor is that it catches your attention. People tend to be drawn to words and want to read them.

Kinetic typography puts this together with some simple animations to create words that move on the screen, grabbing your attention and engaging the senses. So let’s take a look at kinetic typography and how you can integrate it into some of your design projects. (Note: The examples in this article include animation; click the images for links to the original sources to see them in action.)

Typekit vs. Google Fonts: Pros and Cons

Google Fonts / 21 Jul 2015

Typekit vs. Google Fonts: Pros and Cons

Choosing the right font is an important aspect of any web design project. There are hundreds, even thousands, of great options out there and many can be used with free licenses thanks to tools such as Adobe Typekit and Google Fonts.

But is one service better than the other? Is there a benefit to Google Fonts or Typekit over the other? And just how can you get started with these tools if you have not used them yet. You are in luck, because today we’ll answer those questions.

How to Create a Twitter Header Photo: Examples and Best Practices

Graphics / 15 Jul 2015

How to Create a Twitter Header Photo: Examples and Best Practices

With more than 302 million monthly users and 500 million tweets per day, chances are you are using Twitter to promote yourself, brand or business. (And if you aren’t using the 140-character platform, what are you waiting for?)

Twitter customization is a big part of your social media strategy. As a designer, creating a great header photo is an important part of the puzzle. Here we’ll take a look at ways to create a header photo and overall profile that stand out among the millions of other Twitter personalities out there and showcase a few pages for design inspiration.

How to Create a Google+ Cover Image: Examples and Best Practices

Inspiration / 6 Jul 2015

How to Create a Google+ Cover Image: Examples and Best Practices

A Google+ cover image is more than just a photo. It is the first impression you are giving a potential customer or user about your business or website. The photo should represent who you are, what you do, and why users should engage with your page.

It should also serve as a gateway to other actions. Google+ is a business gateway and social media platform. The information you provide and share goes into search rankings and helps more users find you online. It all starts with a great cover photo.

The Importance of a “Leave-Behind” for Clients: Top Tips & Advice

Freelancing / 1 Jun 2015

The Importance of a “Leave-Behind” for Clients: Top Tips & Advice

As a freelancer, your name – or business name if you have one – is your brand. Just like with any other company, it takes marketing chops to make sure clients know about you, your services, and how to make contact if they are interested in working with you.

That’s where having a good leave behind comes in. Don’t have a good leave behind yet? Here’s everything you know to get started. (Bonus: This post is full of fun leave behind items from designer portfolios, make sure to click on the links and explore for even more inspiration.)

The (Sometimes Hidden) Meaning of Shapes

Layouts / 12 May 2015

The (Sometimes Hidden) Meaning of Shapes

The shapes of objects in your design may be sending a message to users that you aren’t even aware of. Whether you put an image inside a square or circle or triangle can have an impact on what people think about that image.

Sometimes a shape is more than just a group of connected lines. The use of shapes can be obvious or subtle and appear within images or as elements in a design. Here, we will look at common shapes used in design projects and the signals they may convey.

How to Make a Budget Wedding Website With Tumblr

Tumblr Themes / 5 May 2015

How to Make a Budget Wedding Website With Tumblr

Having a wedding website or blog is all the rage, and it can be a great way to keep your friends and family up-to-date with your wedding planning for the special day.

There are lots of services out there to help, but many are quite expensive or complicated. Today we’re taking a look at how you can build your own wedding website in a few simple steps, using the Wedding Tumblr theme.

You’ll have a wedding website to be proud of, in no time at all (here’s an example). All for the price of a couple of wedding magazines!

Understanding and Working With Aspect Ratio

Layouts / 17 Feb 2015

Understanding and Working With Aspect Ratio

Every image, every canvas, every frame has a shape. And often that shape is a rectangle. Even more common is a rectangle of a particular proportion based on medium.

From cameras to television to movies to computer screens, every medium has an almost distinct shape on to itself. That can be a challenge for designers, especially when you have to crop and convert content and information to fit a variety of mediums. Because of all these different shapes, understanding aspect ratios can help you easily move images and designs from one medium to another.

How Color, Type and Space Can Impact Mood

Graphics / 12 Feb 2015

How Color, Type and Space Can Impact Mood

Do you ever think about mood when you are designing? Mood has impact in two ways – the mood of the project itself and the mood of users. Together they create an experience that connects each user to the project.

While you can’t always account for the mood of users, or their good and bad days, you can create an aesthetic that emphasizes the right mood for your project. Three basic design techniques – color, typography and space – are key components for establishing the mood of a project.

Looking at Images: Phi Grid vs. Rule of Thirds

Layouts / 9 Feb 2015

Looking at Images: Phi Grid vs. Rule of Thirds

When you are thinking about images, do you consider framing and the shape of the crop? The answer does not lie in the shape of the box you just created on a design canvas. It has a lot to do with the content of the image itself.

How you frame and crop images can impact engagement and even how a person looking at the image feels about it (whether they know it or not). Here, we’re going to look at two different ways of thinking about images – using the phi grid and rule of thirds — and how you can apply them to your work.

What Makes a Great 404 Error Page?

Inspiration / 17 Nov 2014

What Makes a Great 404 Error Page?

No one wants to think website visitors are spending time on error pages, but it happens. The 404 error page is one place that these interactions happen rather frequently. Design it in a way that speaks to users rather than encouraging them to leave your site.

More memorable and less frustrating 404 error pages are the most successful. They can also be the most fun to design. So what can you do to create the best 404 page for your site? Here are a few tips, tricks and gallery of great examples.

Getting Started With Letterpress Printing

Inspiration / 29 Sep 2014

Getting Started With Letterpress Printing

Have you ever picked up a printed work and taken a minute to admire the feel of it? You hold the paper and get a feel for the thickness and texture while noting the impressions of each letter? That is the beauty of letterpress. This style of printing presses the image into the paper in a technique that has a special feel and quality to it.

While letterpress looks and feels sophisticated, it is something that is an option for most designers working on print projects. You just need to find a printer in your area (or invest in letterpress machinery yourself) and understand the intricacies of preparing a design for this printing method.