Design Shack — Web Design Gallery, Articles & Community

Typography / 3 Jul 2017

Back to Basics: Beautiful Typography in Web Design

A great website starts with beautiful typography. And while breaking the occasional rule is great, sometimes it’s good to get back to the principles of what makes great typography — and how to create it.

It’s a vital refresh that can help you rethink projects, consider a new approach or just get back to a simpler, more streamlined design.

So today, we’re ignoring trends and ways to break the rules to focus on typography theory and how the “rules” can be a great guideline for creating phenomenal type.

Typography / 31 May 2017

Color Fonts: A Beginner’s Guide

So what in the heck is a color font? It’s a term that keeps popping up and is starting to gain traction, although use in large design projects is still in its infancy.

Vendors such as Adobe’s Typekit have started to release some color font options with browser support, so there’s some movement toward wider use. Some have even called color fonts “the next big thing in web design.”

Here, we’ll look at the trend and let you decide how big – or not – this concept will be.

Graphics / 8 May 2017

How to Start and Promote an Illustration Project

Illustration projects can be tough. But if you are an illustrator, it is your job (duty even) to keep drawing and promoting illustration projects. But how do you do it?

How can you sell a client on the concept of an illustration when it can be difficult for them to imagine? You can do it. Here are some tips for getting started. (Plus, this post includes illustration projects to help jumpstart your creativity.)

Graphics / 1 May 2017

Stunning Examples of White Space… That Aren’t White at All

When you think of white space in web design, examples such as Apple or Google are probably the first ones that come to mind. While these companies do a great job of using white space in their designs, there are plenty of other ways to make the most of space.. even if it isn’t always white.!

White space is an important part of your design plan. Here, we’re going to look at the importance of space as a design tool and five examples of websites that are making great use of white space (that isn’t white at all).

Inspiration / 18 Apr 2017

20+ Best Condensed & Narrow Fonts of 2017

Contrary to popular belief, condensed and narrow fonts don’t make your text cramped, or crowded. You just have to know the appropriate time and place to use the font. Condensed fonts are widely used these days for headlines and portraying bold messages, and when deployed in the right place, they can give stunning impact!

It takes a lot of testing and experimenting to find the perfect font for a design. This process can be costly at times. The good news is you can download all the fonts in this list for a single price when you subscribe for Envato Elements. It’s only $29 per month, and gives you access to hundreds of beautiful typefaces.

Business / 10 Apr 2017

Good Design Starts With Real Content

You’ve probably heard the phrase “content is king.” Cliches aside, it really is. When it comes to website design, quality content is the cog that powers usability, user flow and conversions.

You need real and authentic elements to create a connection with users to engage them. The best designs start with content that is close to the final product, and designers should be reluctant to work with anything less. But what is real content anyway? Here’s a guide to get you started.

Typography / 15 Feb 2017

Tips for Using Contrast to Enhance Readability

Good design is readable design. Without a clear message, displayed in an easy-to-digest way, it’s easy to lose the meaning of any piece of design work. That’s why it’s so crucial that any design must be easy to read.

Designing for readability is a lesson in typography, but also in contrast. Contrast is the key to enhancing readability, and helping create a flow through the text in a logical manner so that users understand exactly what you want to say.

Graphics / 18 Jan 2017

7 Rules for Creating a Simple Design

Keep it simple, stupid. This concept dates to 1960 when the U.S. Navy implemented the KISS principle, which maintains that most systems work best if they are simple, rather than complicated. The same is true of pretty much any design project as well.

Most graphic designers learn about KISS early in their careers. So how can you do it? Creating a simple design is a little more complicated than you might think. Here are seven rules to design by, that help you cut away all the clutter and create a beautifully simple account.

Typography / 19 Dec 2016

Typography in Shared Spaces: A Trend You Need to Know

It seems like such a simple concept, but this trend is just starting to take off. Designers are allowing typography to cross planes between elements.

The trend is exemplified by type starting in one part of the canvas and then it extends into the space of something else, such as overlapping part of a photo or encroaching on another colored box or image. The layering technique is interesting and can help add a bit of creativity to a design in a number of ways. Here’s a closer look at ways to use typography in shared spaces.

Graphics / 31 Oct 2016

Choosing the Right Display Typeface: 5 Tips for Success

One of the biggest trends in web design is a large hero image or video at the top of a page with a few words to guide users into the site. This kind of aesthetic puts a lot of pressure on the designer to come up with just the right display typeface to pull the design together.

With so many typefaces to choose from, this can be a bit of a daunting task. But you can find a great typeface with a little planning and luck. Here are five tips to get started with a few beautiful examples of display typography.

Business / 1 Jun 2016

What Needs to Be in Your Style Guide? (And How Do You Enforce It?)

Everyone with a website needs a style guide. It’s that simple. If you’re wanting to instil more consistency in your project, and get everyone on the same page, your style guide will become invaluable.

Now that we have that out of the way, what exactly do you put in that guide? And how do you make sure other people on the team follow the rules so that your visual presence maintains consistency? That’s a little more complicated. Let’s dive into the topic today.

Graphics / 16 May 2016

Design Trend: The Modern Retro Touch

You’ve probably heard the saying “everything old is new again.” The same can be said about design and design trends. While the medium might change, many of the old styles can come back into fashion.

One example of this is modern retro design. Today, we’re going to take a look at what modern retro is all about and how you can make this most of it in your design projects. What’s really nice about modern retro is that it works across mediums. While we are seeing a lot of it in website design right now, modern retro adds a fun touch to print projects from business cards to poster design to party invitations.