Articles - Page 122

Browse hundreds of articles, tips, and inspiring design collections. Find helpful design advice, or the perfect resource for your next project.

Flat Design: An Evolving Trend

Graphics / 14 Jun 2017

Flat Design: An Evolving Trend

Is the flat design trend finished? We don’t think so. It’s not dead yet. But the trend has evolved to be less stark and more engaging for users.

The early days of flat design were marked by a complete lack of design elements such as shadows, gradients, or realistic elements with texture. Many of those design elements are back, but are being paired with the overall idea of flat design to create a website user experience that’s both simple and easy to engage with. Depending on what side you are on, it might be a better version of flat design.

Here’s a look at the flat design trend evolution, and where we are today.

Poly Shapes: A New Design Trend We Love

Graphics / 5 Jun 2017

Poly Shapes: A New Design Trend We Love

There’s a new favorite shape in design these days – the polygon. These affectionately called “poly shapes” are popping up on websites, posters and in printed projects. And one of the best parts of this versatile trend is that each of these designs is so different.

Polygons are shapes that are defined in elementary geometry as a “plan figure that is bounded by a finite chain of straight line segments in a loop to form a closed polygonal chain.” The shapes can have any number of sides or orientation, can be filled or hollow and can have paths and strokes that intersect. Polygons are typically flat, two-dimensional shapes, although in website projects some polygons animate move and seem to have more 3-D characteristics.

Polygons are a fun technique for new projects or can bring new life to a design that’s feeling a little stale. Here are a few projects with poly shapes to help jumpstart your next brainstorming session.

Color Fonts: A Beginner’s Guide

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.

Design Trend: Side Navigation Is Everywhere, but Does It Work?

Navigation / 24 May 2017

Design Trend: Side Navigation Is Everywhere, but Does It Work?

There’s a trending topic in website design navigation: sidebar menus. More designers are working with vertical side navigation for projects, with a specific location on the left side for many of these website designs.

And while it looks nice and can help streamline clutter in the overall canvas, does it really work? Will users respond to side navigation? Is it a design trend that you should consider? Today, we’ll try to get to the heart of the questions with some practical and usable answers.

How Many Design Options Should You Show a Client?

Business / 17 May 2017

How Many Design Options Should You Show a Client?

You’ve been working on a client project for a little while now. It could be a website design, brochure, or something else altogether — but you’ve spent some time on it. You like the concept. Is that all you need to go back to the client with? Or do you need to create a couple more options for the design review?

There’s a balance of creating enough for a client to choose from, and avoiding work that you know will certainly just get thrown aside. If you know the client well, chances are you can present just one design option. (Seriously!)

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

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).

5 Rules for Designing an Effective Ad Campaign

Business / 27 Mar 2017

5 Rules for Designing an Effective Ad Campaign

Designers have to wear a lot of hats these days. You might create a website one day, a brochure the next, and an ad campaign for print or social media after that.

And while many of these projects all rely on the same theories of design and an eye for what looks good, there are some differences that can impact the success of certain projects. Designing ad campaigns can be tricky if you haven’t done a lot of it. The canvas is often small and doesn’t give you a lot of room for error. You get just one chance to hook a user with design and information. Here’s how to do it.

Design Trend: Experimental Navigation Patterns

Layouts / 22 Mar 2017

Design Trend: Experimental Navigation Patterns

Long gone is the idea that navigation menus must be fixed at the top of a website design. While many designers opt for the safe, consistency of all caps navigation across the top of the screen with sans serif typography, more designs are breaking out of this pattern.

Experimental navigation patterns can be fun and interesting if they are intuitive enough for users to understand reasonably quickly. Different navigation styles can add interest to websites that are small, don’t have a lot of content or want users to move around in a specific way.

While experimental navigation isn’t for every design, it can be a fun alternative for the right project.

Design Trend: Innovative Hover Effects

Graphics / 6 Mar 2017

Design Trend: Innovative Hover Effects

Everywhere you look, there’s a cool new animated effect. If animation was the must-have design element of 2016, then innovated hover effects are the up and coming design trend of 2017.

Thanks in part to the popularity of Material Design and Apple’s animation guidelines with a focus on small movements, hover effects are making a comeback. But instead of the tacky, flashing, bouncing and spinning effects of the past, animations are simple, sharp and delightful. The best hover effects help the user and enhance the experience.

Hover effects can range from motion that has an impact on the entire screen to something as small as a directional cue or navigation element.

How to Customize an iPhone or iPad Mockup

iPhone Mockups / 2 Mar 2017

How to Customize an iPhone or iPad Mockup

It’s crunch time, and a client wants to see their design as it would look on an iPhone or iPad. Don’t fret; there are a number of ready-to-use mockups on the market waiting for your customization.

Customizing a mockup is an easy way to show off a design project in a realistic environment that’s sure to impress clients. Using a mockup can help others better visualize how the design will actually look with some idea of scale. (Sometimes it’s easy to forget not everyone sees and imagines a project in the same way you do.)

If you’ve never customized a mockup, it can be a little intimidating at first, but we’ll walk through the process.

Tips for Using Contrast to Enhance Readability

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.

Designing an Infographic? 5 Elements You Must Include

Graphics / 8 Feb 2017

Designing an Infographic? 5 Elements You Must Include

Designing an infographic is just like designing a website. It starts with a concept, goals and even a wireframe.

The big difference is that all the information for an infographic is contained in one unit, whereas a website has multiple pages and ways to engage users. You can almost think of an infographic as a flat, or static, mini-website. You can also design a one-page website as an infographic!

Here are five essential elements to help you make the most of your next infographic design.