Category: Graphics

Categories

contrast
Accessibility / 25 Feb 2016

5 Ways to Boost Contrast in Your Web Design

Is your design project lacking that special pop? It’s likely what you are missing is enough contrast. Contrast provides differentiation between elements, making each one look more individual, prominent and special.

Design contrast is created in a number of ways, and using all different types of elements. From typography to color to space, creating contrast can take a design from bleh to wow. Here are five ways to do it.

space
Graphics / 8 Feb 2016

How to Create a Design That Lives in Space

When you think of space, the first thing that might come to mind as a designer is “white space.” Today though, we are going to look at outer space and how to design elements that live in the outer realms.

The trick to designing “in space,” as we’ll call it, is to avoid common traps and clichés. But an overall dark and starry aesthetic can be a fun way to do something a little bit different with a project. Join us as we take a look at a few examples, and tips for figuring out how this type of design can work well.

duotone
Graphics / 27 Jan 2016

Duotone Color: Tips & Examples for This Vibrant Trend

The next big web design image trend is here, and it’s vibrant, colourful, and beautiful!

Thanks to Spotify, duotone is growing in popularity almost daily. The effect, which uses a pair of colors over a photo is striking, fun and vibrant. It’s also quite trendy, with new sites changing to a duotone format almost daily. Here are a few ways to make the most of this hot design technique.

micro-content
Graphics / 25 Jan 2016

How to Design Killer Micro-Content

The smallest parts of a design project can be the most important. It’s something we all know conceptually, right?

But do you ever get caught just filling in these details at the last minute? Does your micro-content suffer because you are ready to be finished with a project? Don’t let that happen. Plan out micro-content from the start to create better, more usable pieces that will help make the design better than you had hoped.

web-design-diy
Business / 11 Jan 2016

DIY and Web Design: What We Can Learn From Home Renovation

If you’re anything like me, you see design everywhere. It’s not just on websites, posters, or business cards. All the same concepts you use for work also get used in other aspects of your life.

So, what about the other way around? Have you ever thought about how projects around the house inspire you to become a better designer? What tricks and techniques carry over from do-it-yourself projects to design work? Let’s dive in and take a peek at a few things you can be on the look-out for!

melanue
Graphics / 6 Jan 2016

7 Ways to Design a Killer ‘First Screen’ for Your Website

It’s time to talk about first screen design. The first screen is that initial glimpse that a user gets into your website. It’s everything above the scroll, whether the user accesses a website from a desktop, tablet or mobile device.

The information you include on this “first screen” is the key to website success. The design can entice and keep users clicking, or force them to navigate away from the page. What needs to be on the screen before users start scrolling? Let’s take a look.

constraints
Graphics / 4 Jan 2016

Designing With Constraints: Thinking Inside the Box

It’s one of those fundamental parts of design we don’t talk about much: Designing within the rules. We talk a lot about creativity and innovation, but sometimes leave out one of the ideas that pushes most projects along, and that’s actually creating something with a lot of rules attached. It’s thinking “inside the box.”

Design constraints are those little keys to consistency that help brands establish visual identity and guide voice. These restrictions can come in a number of forms, and like them or not, it’s something you are going to have to deal with.

And here’s the good news: Constraints can actually help you become a better designer.

pantone-2016
Graphics / 10 Dec 2015

How to Use the Pantone Color of the Year in Design Projects

So Pantone threw us a curveball this year and announced a pair of colors as the “Color of the Year” for 2016. To create the actual hue, Pantone is blending Rose Quartz and Serenity.

This pairing of soft colors will likely be one of the color trends of the coming year. As with previous Pantone selections, the colors often become a staple in design, fashion and other projects. Pastels can be a little uncomfortable to work with for some designers. But today we’re going to take a look at ways you can make the most of these colors in your design projects.

muted-color
Graphics / 18 Nov 2015

The Evolution of Flat Design: Muted Colors

Today, we’re taking flat design to the next level. Not every project works with some of the bold, bright color choices that are commonly connected to flat design.

So don’t get stuck using them. Kick up your flat design scheme a notch with a more muted color palette. The subtle change can help give your site a trendy overhaul and help it stand out in the flat design crowd. Here we’re going to pick apart a few websites that are using this style exceptionally well to help you create a site using flat design and a muted color palette.

watercolour
Graphics / 4 Nov 2015

Design Trend: Using Watercolor Patterns in Web Design

Add a little art to your web design with the watercolor trend. Watercolor techniques are a popular design option because they are fun, easy to use and work with a variety of different types of content.

Watercolor styles can be used in a number of ways to emphasize your content. Whether you are considering a watercolor look for your website framework or just want to experiment with the style, we have a collection of ideas, examples and resources to help you get started.

ui-elements
Graphics / 22 Oct 2015

Detox Your Design: 8 UI Elements to Eliminate

Is your design starting to look old? Old and out-of-date user interface elements can make a site feel much more dated than it actually is.

Here, we look at eight UI elements that you should eliminate from your design plan. But that’s not all; each “don’t” comes with a suggestion for modernizing your website. We’ll get that design looking up-to-date in no time!

svg
Graphics / 12 Oct 2015

The Practical Beginner’s Guide to SVG

Although the format is not particularly new, SVG images are increasingly popular in the design of websites. All major web browsers support the format and SVG is changing the way we think about and render images for the web.

Why at they so popular? And what exactly is different about an SVG file? Today, we have the answers and everything else you need to know to get started with this file type. (As a little bonus, all of the images in this post are available in SVG from Creative Market.)