Search Results For: effect

Graphics / 15 Apr 2014

Paper 101: Quick Start Guide for Print Projects

While most principles and tenets of design are pretty universal, printing is not. For anyone jumping to a different medium (online to print) or even one medium to another, it is vital to know just what you need and will get when working on a print job.

Elements such as paper stock, paper size, coating and fold can significantly impact how a design is put together for a printed project. Here’s a guide to help you get started and better understand the ins and outs of printed projects.

Mobile / 5 Mar 2014

Tips for Designing Better Mobile Typography

Mobile is big right now. But often the typography is small. When it comes to creating great type on small screens, there are plenty of challenges.

So how can you make the most of responsiveness, mobile design and typography? The first step is really understanding type and the second is by thinking about how people read. Put the two together and you will get a handle on creating great mobile type in no time. It’s a skill that every designer needs to master in the digital age.

Typography / 3 Mar 2014

Creating Visual Hierarchy With Typography

Visual hierarchy is an important element in any design project. It tells people where to look and what things on the screen or printed page are most important. Hierarchy gives readers a sense of how to actually read material from start to finish with visual cues and flow.

While you can create visual hierarchy using a number of different tools, today we are going to look at ways to create structure with just typography. (And take a look at the images used throughout this post; they are all examples of great type hierarchy in action.)

Inspiration / 19 Feb 2014

Making Vintage Design Work for You

Vintage textures and palettes are in. They are popping up in a variety of uses from large-scale design projects to small details in a logo or background texture. This dated-style technique has really made a comeback.

Today, we will look at how you can create and establish a great palette for a vintage-style design from color to type to texture choices.

UX Design / 30 Dec 2013

Why Does User Experience Matter?

User experience – notably poor user experience – has been a hot topic in recent months with the much-publicized launch of HealthCare.gov and its subsequent issues. User experience is a part of the design process that you don’t hear about unless something goes wrong. But it is something that should be an integral part of the design process, from early concepts to the final product.

So with this renewed – and very public – discussion about user experience, why does it matter to designers?

CSS / 15 Nov 2013

Build a Super Easy CSS Slider With Thumbnails

Today’s project is another exploration of the types of practical applications that you can achieve with a little ingenuity and some fairly basic CSS. You’ll be blown away by how much you can achieve with just a few lines of code.

The final result with be a great way to display a strip of small image thumbnails that the user can hover to see larger images. Let’s dive in and see how it works.

CSS / 18 Oct 2013

5 Steps to Drastically Improve Your CSS Knowledge in 24 Hours

You’ve been coding for a while now and know your way around a CSS file. You’re certainly no master, but with enough fiddling you can get where you want to go. You’re wondering though if you’ll ever get past that point where CSS is such a struggle. Will you ever be able to bust out a complex layout without ultimately resorting to trial and error to see what works and what doesn’t?

The good news is that you can indeed get past that frustrating point where you know enough CSS to code a website, but lack the solid foundation that allows you to code without the annoyance of not exactly understanding how you’re going to get where you’re going, and this point is a lot closer than you think. I propose that there are five topics that will drastically boost your understanding of CSS. Spend some time reading about each over the next twenty-four hours and you’ll change the way you code forever.

Minimalist Graphic Design / 2 Oct 2013

5 Traits of Successful Minimalism

At first glance, minimalist websites might look like they’ve just been slapped together as quickly as possible. After all, they’re plain and simple, and most people tend to associate lots of detail with good craftsmanship. But the same rules just don’t apply to the online world.

It only takes a small amount of user interaction to quickly reveal the quality of a minimalist site. This is because the original idea that fueled the rise of minimalism was that functionality is inherently beautiful. A design that clarifies and reveals the structure of a website can be just as appealing as one that obscures its purposes behind fancy decorative additions. Furthermore, it often yields a much better user experience, because those unnecessary distractions are eliminated.

Business / 7 Aug 2013

10 Printing Terms You Need to Know

More and more designers these days are working in a variety of mediums — both digital and print. But it can take a different set of specifications to put together a successful project for each. Print design has its own jargon.

Understanding how printing works (and how to speak the language of printers) is important for any designer. Don’t think this applies to you because most of your business is web-based? Consider this: At some point a client will ask for print components to go with the website, whether they are business cards or posters or just a great handout for presentations. Knowing the printing basics and terminology will help you bridge the gap. Here are ten key terms you need to know.

Mobile / 22 Jul 2013

The Importance of Designing for Readability

Text is not an afterthought in the design process. It should be your first consideration.

Readability should be one of the top concerns when it comes to any design project. If text can’t be read, then why are you designing in the first place? Good design delivers content in a way that is understandable; readability is a big part of comprehension. Today we’ll be discussing how you can plan a design around the words, so that your projects are easy to read.

CSS / 29 Jun 2013

Create Shaped Avatars With CSS and Webkit

In case you haven’t noticed, square avatars are so 2010. These days circles are all the rage. Every app worth its salt, from Path to Basecamp, is jumping on board this fad and waving goodbye to the squares who are stuck in the past.

Ever the forward thinker, I asked myself, “what’s next?” Let’s look beyond squares and circles and into the future of the avatar! Using CSS and Webkit, we can use pretty much any shape as the mask for an avatar. Let’s see how.

CSS / 21 Jun 2013

What the Heck Is CSS Specificity?

CSS specificity is a topic that many new front end coders avoid for as long as possible. It sounds complicated, there are all of these rules, you might even have to do some math! How lame is that?

Ultimately, you can only avoid it for so long. Specificity is an essential concept that you need to grasp to be an effective developer. Today I’ll walk you through the concepts of specificity in a simple and easy to understand manner. It’s easier than you think!