Articles - Page 120

Web Standards / 7 Feb 2018

The 3 Cs of User Interfaces: Color, Contrast, and Content

There’s an old business model that many business strategists live by—the 3 Cs. It’s a reminder to focus on the company, customers and competitors. Many small businesses and websites also use this model. But for designers, the three Cs are a little different.

When creating user interfaces, you should focus on color, contrast, and content. These three elements are the foundation of good design. But each is a little more complex than it might seem from the surface. Here’s how to think about–and incorporate–the three Cs of user interfaces into your design projects.

Graphics / 14 Dec 2017

Pantone’s Color of the Year: Ultra Violet (And How to Use It)

Ultra Violet. It sounds like the name of a pop band. Pantone’s Color of the Year for 2018 is inspired by music and art and individuality.

The color is reminiscent of Prince’s famous purple and it is part of a growing trend in design to use bolder, brighter colors in more projects. Here’s a look at Pantone’s color of the year and how you can use it in your projects.

Typography / 15 Nov 2017

Every Design Needs Three Levels of Typographic Hierarchy

One of the most important elements for people looking at anything you design is the type. It needs to be clear and readable and it should direct users through a design, from most important elements to least.

And that, in a nutshell, explains typography hierarchy. But to really master the art of type, you need to understand how to layer type throughout a design to achieve maximum impact. Read on to learn how to master typography hierarchy and create effective type in every project.

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.

Graphics / 16 Oct 2017

Design Trend: Vivid Rainbow Colors

If nothing else, 2017 has been a year of color in website design. Color trends have dominated the conversation about design, with brighter, bolder hues as a large part of the landscape.

There’s a new color trend that combines a lot of those bright options into bigger color palettes that you might now expect – rainbow color patterns. That’s right, more designers are taking a change with a lot of color and incorporating vivid rainbow, gradient colors into design projects. And it’s pretty cool!

Here’s a look at the trend and some ideas for how to use vivid color that aren’t garish.

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.

How to Design a Logo / 2 Oct 2017

5 Tips for Creating a Memorable Logo Design

A logo might be the single most important visual connection a brand makes with users. It identifies the company or organization and sets a basic tone for interactions with users.

From color to shape to words, every element in a logo design says something. (That’s why such a small element is so important to your brand.)

Logo design takes a lot of planning and thought and it is important to create a mark that represents your business and is something that users can identify and remember. It’s doubtful that you’ll develop the next Nike swoosh, but with the right approach you can create a memorable logo design.