Search Results For: design

Layouts / 13 Nov 2017

Parallax Effects Compared: 5 Choices to Consider

Parallax effects remain one of the hottest web design trends. This animated scrolling technique happens when background and foreground move at different speeds while the user scrolls so that there are two independent layers moving at the same time.

This effect can be used for any number of website types and is a fun way to create – and increase – user engagement. The nice thing about parallax effects is that you don’t have to use them on every page of a design; parallax scrolling is a great homepage technique to help drive users to calls to action or other content.

Parallax effects create an element of depth and distance and a greater sense three-dimension than some other techniques, making users feel like part of the design.

The downside to parallax effects is that they don’t always work on mobile devices. (But there are some workarounds for that as well in the tutorial at the end of this article.)

Here are five parallax effects and styles to consider. (Make sure to click through the links to see exactly how each animation works.)

UX Design / 6 Nov 2017

7 Steps to Creating a Solid UX Strategy

Everyone knows that the first step in any business venture is research on the path to creating a strategy. This strategy determines how you’ll function and guide the decision-making process.

A website project – whether it is for a business or not – should follow the same concept. Without a solid user experience strategy, the design is likely to lack the features, elements and overall usability that make the website popular among visitors.

While the idea of creating a UX strategy might not sound like a lot of fun, it’s a valuable exercise. And when done well, and with purpose, can definitely be enjoyable!

How to Design a Logo / 23 Oct 2017

Is the Static Logo Dead?

There’s a bit of disruption happening in the world of logos. The single static logo isn’t enough to carry your brand anymore. You actually need a library of logos to meet all the needs of your brand.

This idea has been evolving for a while; just think of the variations for a website, social media and even that tiny favicon in web browsers.

It can be a lot to think about. So let’s try to organize those logo thoughts.

Graphics / 18 Oct 2017

The Greatest Print Campaigns of All Time: Volkswagen Think Small

You’re a web designer living large in the 21st century. Your job is defined by screens and software. What in the world could you possibly learn about design from a bunch of old dusty print ads? The answer of course, is “a ton.”

Today we’re examining one of the most famous print ad campaigns of all time. The Volkswagen “Think Small” campaign. How did a funny looking car that was named after a bug, known for being slow and manufactured in factories built by Nazis ever become iconic to a generation of post-war Americans? Great design and fantastic marketing.

Layouts / 11 Oct 2017

Coming Soon Landing Pages: Tips and Best Practices

What do you do when your website is under construction and you aren’t quite ready for launch?

Whether you’re generating buzz to release a new product or app, or just waiting for a new website project to be ready, a coming soon page can be the fix.

When used well, coming soon pages can help generate leads (with an email signup form) and drum up some interest for your website.

Graphics / 9 Oct 2017

Tips for Creating a Modern Monochrome Color Palette

A monochrome color scheme isn’t always the first idea that comes to mind when starting a new design project. But single-color design projects can have a lot of impact and give the opportunity to branch out and try some new techniques.

Monochromatic projects, which consist of a color palette with just one color, can be striking because they aren’t as commonly seen as projects with more color variances. This alone can make your project stand out.

Graphics / 4 Oct 2017

DPI vs. Pixels: What Do I Use?

You hear these phrases tossed around by everyone today – from amateur photographers, to the iPhone salesman, to some of the world’s most acknowledged visual creators and designers. But what do image size specs really mean? And what should you use?

Simply, it all depends on your project. Knowing what medium you are creating for and how your images will be used is key to sizing and picking the right number of pixels or DPI. Before you begin your next project, though, make sure you are familiar with all the image-quality jargon.

Graphics / 28 Sep 2017

How & Why Faces Increase User Engagement

There’s a lot of science and psychology that goes into design. Even if you don’t consciously think about it, choices that you make when selecting imagery and user interface elements can establish a connection with users (or not) and even lead to higher engagement rates.

Using actual human faces in the design is one way to do this. Seeing a face can make people more likely to engage with a design because it makes the app/website/poster feel more human. It creates a more distinct emotional connection.

Here, we’re going to look at designs that use faces in different ways and how you can up user interaction with some of the same design techniques.

Graphics / 19 Sep 2017

10 Best Tools & Tips for Choosing a Website Color Scheme

Finding the perfect color combination for a website can be a challenging task, especially when you’re trying to make a particular design fit in with a client’s requirements. We’ve picked out a few great color scheme generating tools for you to easily create the perfect palette!

If you’re stuck trying to find the perfect color scheme for a website design, don’t feel bad. It’s OK if you’re not an expert on color palettes. You just need to find the right set of tools to do that job for you.

But, before you go crazy with the color tools, let’s figure out some of the things you need to consider when choosing the right color combination for a design.

Instagram Templates / 6 Sep 2017

10 Simple Steps to Refresh Your Instagram Account

Taylor Swift did it. She deleted her Instagram account before re-emerging with a newly refreshed persona. The tactic was part of a campaign for her new album release, but shows a good point: sometimes your accounts just need a refresh.

You can learn more about how Swift did it, or take on a personal challenge to refresh your Instagram account. It’s easier than you might think. (Once you get over the mental block of changing the way you post photos, anyway.)

Here’s how you can refresh your Instagram account in 10 simple steps (and maybe even feel as diva as Taylor Swift in the process).

Bootstrap / 29 Aug 2017

20+ Minimal Bootstrap Templates

Clean, minimal layouts are all the rage in web design these days. Whether it’s to have your work stand out in your portfolio, send a clear business message, or showcase your blog content — a minimal theme or template might be the answer.

Today, we’ve collected a selection of minimal Bootstrap templates that fit the trend. Most simply use HTML and CSS with Bootstrap as the foundation, but some are also integrated with WordPress as well. All of these templates are fully responsive, flexible, clean, search engine optimized and come with an advanced framework with plenty of powerful and flexible options.

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!