Search Results For: effect

Graphics / 7 Aug 2017

8 Ways to Use Hand Drawn Icons & Elements

While there’s often a focus on pixel-perfect design elements, they aren’t suitable for everything. Sometimes you want something with a little more… whimsy. Something a little more authentic!

Hand drawn icons or elements can be just the right design technique to add something special to a project. While most designers won’t go crazy with elements that appear to be hand-drawn, a few touches can add a personal feel that users are drawn to.

It’s something that’s trending in web design as well. From a squiggle in an icon, to a full-experience that’s equal usability and art, hand drawn elements are a popular design option. Here are eight fresh ways to use this trend!

CSS / 19 Jul 2017

12 Fun CSS Text Shadows You Can Copy and Paste

Typography is everyone’s favorite toy in web design. One particularly fun tool that CSS gives you to play with your type is text-shadow, which seems simple enough at first but can be used to create some remarkable effects with a little ingenuity and creativity.

Today we’re going to run through several text-shadow examples that you can copy and paste for your own work.

Google Fonts / 13 Jul 2017

10 Great Google Font Combinations You Can Copy

The average man considers which flavor of Doritos will taste good with his Heineken. The sophisticated man considers which cheese will pair well with his choice of wine. The designer of course considers which two fonts will look great on the same page.

Today we’re going to use the Google Font API as a playground for mixing fonts and finding ideal pairings. You’ll be able to skim through and instantly grab out selections that you think are appropriate for your projects.

The best part? You need only to copy and paste our code to implement these fonts on your site. It’s completely free and there are no downloads required.

Graphics / 29 Jun 2017

Neon Colors in Web Design: The Do’s and Don’ts

Neon colors are tough to use without clashing with the rest of your design. They work great for signs and lights in real-world applications, but can present major issues in web design, unless carefully implemented.

Today, we’re going to look at ways to effectively use neon colors in your design work, with a list of do’s and don’ts to help you make the most of bold, bright color choices. You’ll be a neon ninja in no time, weaving it through your design work!

Graphics / 26 Jun 2017

Design Trend: Waves and ‘Soft’ Lines

There’s a softer design trend taking over website projects – waves and soft lines. Where backgrounds have been dominated by single “flat” color, we’re seeing a shift toward curved lines and waves.

The elements are lighter, softer and evoke a different overall feel for the design. What’s especially nice is that waves and softer lines can be used a lot of different ways so that each design feels totally different. (It’s one of those trends that can almost sneak up on you because it appears in so many forms.)

Here’s a look at the waves and “soft” lines trend in website design.

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.

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.

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.

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

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.

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.

Business / 23 Jan 2017

Flex Your Design Muscles With These 10 Creative Exercises

Are you already over all those New Year’s resolutions? Now that we are a little further into the year, it’s time to pause and refresh in a way that will last longer than a fad diet or 30-day gym membership. You need to flex your creative muscles.

You might be surprised at the value of simple design workouts. They can help you forget problems you are actually working on (maybe helping you solve those design dilemmas), and even learn something new.

It only takes a few minutes a week to work through an exercise or two, and really stretch those creative muscles. Pick an exercise from our collection below – each one includes just three steps — and make a date to get in design shape!