Articles - Page 188

Graphics / 19 Dec 2011

Branding Lessons From the Guitar Gods: Taylor, Gibson, Fender and More

Today we’re going to discuss how design projects often require you to take a step back from who you are as a designer and forget your own personal taste while taking on the personality of a given brand.

The companies who hire you will have vastly different brands, strategies, and most importantly, customers. This principle is displayed quite prominently in the brands of major guitar manufacturers. Let’s dive in and see how Taylor, Fender, Dean, Gibson and more target the right customers through design.

Business / 16 Dec 2011

10 Tips for Managing Creative People

Today’s workplace is filled with different personality styles. Understanding those differences and how they affect your workforce can make you a more effective manager.

Working with “left-brained” (more analytical) versus “right-brained” (more creative) employees has its own set of rules. Most creative workers use the right-brain style of learning and working, which is a visual, random, emotional and somewhat impulsive style of learning, according to data compiled at Western Michigan University. Right brain people like to work with sound in the background (note all those ear buds around the office), like to move about while thinking about concepts and generally start with a big idea and narrow it to the details. Left-brained workers and more verbal and logical, like things in order and prefer a formal workplace.

Take a look at your staff. How many right-brain workers are in the room? My guess it the number is pretty high among designers. Here are a few tips for managing your creative people in a way they can relate to.

Layouts / 15 Dec 2011

Tips and Ideas for Designing With Blurred Images

“The supreme accomplishment is to blur the line between work and play.”
– Arnold Toynbee

The topic of today’s discussion is blurry photos. No, not the kind that you accidentally take because your kids won’t sit still. The intentional kind, the use of which can serve several practical purposes in design.

We’ll learn all about how to use blur effects to help make text more legible, direct the viewer’s attention, and just make backgrounds more fun. We’ll also take a look at some different types of blurs and how to properly apply selective blurring.

CSS / 14 Dec 2011

Four Simple and Fun CSS Button Hover Effects for Beginners

Today we’re going to take a step back from advanced discussions about CSS preprocessors and return to some good old basics. We’ll work up four super simple CSS buttons, each with a unique animated hover effect.

Follow along with me and create your own fun button styles. Also feel free to grab my code and use it on your projects. If you’re a CSS newbie looking for a good way to make your buttons more interesting, this article is for you!

Reviews / 9 Dec 2011

Hands on With the New Twitter Design

Twitter launched a radically new layout to users Thursday. The first to see the new look were mobile users through the Twitter iPhone and Android apps. After updating those apps, the new look of Twitter became active on those users’ computers as well. All other users will begin to see the updated Twitter look over the course of several months.

The results are mixed. The new look and interface is great for mobile users and the sleek interface is cool. Features on the computer version mix the super-sleek interface with a few bonuses but also a few misses. Pages have more pop but still have the look and feel you would associate with Twitter. The site also rolled out branding pages for companies that have a nice look but could change the organic feel that has brought people to Twitter.

Visually, Twitter has reinvented itself consistently across various platforms. Aside from slight, device-specific tweaks the interface looks the same on the website, on a tablet and on a smartphone (no update for the Mac app as of yet). The biggest plus for designers and other visual professionals is an enhanced use of images to push you toward content. Twitter is starting to define itself as more than just a 140-character platform.

Typography / 7 Dec 2011

Typography 101: Understanding the Anatomy of a Letter

Every designer, whether you’re in print or web, should possess a basic understanding of fonts and type. Using the right typeface and understanding how a font will impact your design can add that extra pop to print and digital projects and will set them apart from all others.

One important area to understand is the anatomy of type. Ascenders, descenders and serifs may sound like words from another language but are the basis for understanding the style of a typeface and how if relates to your project. Today we’ll take a brief run through of some terminology that you should know.

CSS / 5 Dec 2011

10 LESS CSS Examples You Should Steal for Your Projects

LESS, Sass and other CSS preprocessors represent an awesome way to extend CSS to be everything a programmer ever wanted. Variables, mathematical operations, mixins and a lot more make these tools invaluable to coders who can appreciate the benefits of typing less while accomplishing more.

One of the most major hurdles to getting started with these tools is simply figuring out just what the heck you’re going to do with them. We’ll help you out in a big way today by hooking you up with ten incredibly useful LESS snippets that you can drop into your projects today.

Layouts / 1 Dec 2011

The Evolution of Apple.com

The Apple design team is widely regarded as one of the most talented group of designers in the industry today. The trends that they set are followed by not only every other major tech company, but by web designers in every conceivable product and service niche.

Follow along as we embark on an exciting journey through time and witness the evolution of Apple’s design style. You’ll get several amazing glimpses at Apple.com dating all the way back to 1997 as we witness the rise and fall of several important design trends.

Software / 30 Nov 2011

Designing a Website With IM Creator

In the ever expanding world of online website builders, it’s pretty difficult to find anything that’s worth spending more than ten minutes with. This market is flooded with clunky interfaces, hideous templates and brutal freeform design restrictions.

I recently came across a product called IM Creator that stands out though both in style and functionality. Does it live up to its promises or join the rest of the sites in this market and fall short of a decent DIY website solution? Read on to find out.

CSS / 29 Nov 2011

Create Five Awesome Hover Effects Using CSS Multiple Backgrounds

Today we’re going to have all kinds of fun with the CSS multiple backgrounds feature. You’ll learn how to use multiple backgrounds in a simple way and how to go much further by combining the technique with hover actions and CSS transitions to create some really cool effects.

Follow along as we code five different applications of this idea that you can copy and paste to create your own awesome hovers.

Layouts / 28 Nov 2011

Black Friday Web Design: The Good, Bad and Ugly

Last week our U.S. readers celebrated Thanksgiving and its subsequent shopping madness known as Black Friday, where retailers dramatically reduce their prices for a day of pure shopper mayhem.

Instead of joining the stampede of frantic shoppers, I followed my annual tradition of hiding away in my home office. However, I couldn’t resist a look around to see how various stores were handling the design side of the event. Let’s see which top name retailers pulled out all the stops and which ran with cliché, generic and even ugly designs.

Graphics / 22 Nov 2011

Three Quick Design Tricks: Break Out Screenshots, Easy Starbursts and Vector Grunge Textures

Today we have a small collection of completely random but very useful design tricks that you should keep in the back of your mind the next time you need a new idea.

I’ll show you a quick way to make a software screenshot more interesting, how to create awesome vector grunge textures and a super fast way to build a vector starburst.