Archive for December, 2010

Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Advertisement in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!
 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!  in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!  in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

The year has come to an end, and it has been a pretty eventful one. In particular, we’ve received so many more wallpapers than ever before: in total around 2,000 submissions. Only a few of them made it past our final selection to be published on Smashing Magazine. We express our sincere gratitude to all of the designers who took the time to design and submit their work for the contest. We truly appreciate and respect the hard work you guys have put into your art!

To encourage you, our dear readers, to submit your artwork next year as well (here are the details), we have decided to present you with some of the best desktop wallpapers from 2010. You can vote for your favorites, and we will award the top five with some useful, interesting design books. The winners will be determined by the number of “likes� they receive. And please feel free to visit the websites of the designers featured in this post!

(Update 20.12.2010: Congratulations to our Top Five: The Colours of October, Haiku on Hanami, Pink Morning, Splatter and Little April!)

The Colours of October

"Colourful autumn leaves." Designed by Anna-Lena Lewerenz from Germany.

October-10-autumn Leaves-nocal-1680x12001 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

1st place!

Haiku on Hanami

"And the wind says swish, swish…" Designed by April Joy E. Jasmin from the Philippines.

March-10-haiku-on-hanami-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

2nd place!

Pink Morning

"Some watercolor, inspiration and good mood!" Designed by Oxana Kostromina from Poland/Russia.

November-10-pink Morning 45-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

3rd place!

Splatter

"Inspired by an area of my painting studio." Designed by Stephanie Crisalli from USA.

April-10-splatter-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

4th place!

Little April

"In the spring I have a lot on my mind and no rest day." Designed by Anna Skibinska from Poland.

April-10-little-april-nocal-1600x1200 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

5th place!

New Year Inspiration

"Essential tools for the new year! Have a great year!" Designed by Phidev Inc. from USA.

January-10-new-year-inspiration-nocal-1920x1200 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Paper flower

"Colorful design made in illustrator and retouched in photoshop." Designed by Guillermo Mantilla from Mexico.

January-10-paper-flower-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Pizza and Wings

"Football season is coming to an end and March Madness is about to begin, carb up." Designed by Ashleigh Liggett from the United States.

February-10-pizza-and-wings-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Sairá

"This is a bird (Tangara desmaresti) from my contry, with the colour from ours symbols and flames." Designed by Romy Campos from Brazil.

Saira in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Valentine

"Happy Valentine’s Day." Designed by Dragos M from Romania.

February-10-valentine2-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Super Mario bros 1985

"My 25th anniversary tribute to Super Mario bros." Designed by Davide Vicariotto from Italy.

March-10-super-mario-bros-1985-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Unknown Beauty

"I’m a 21 year old student from the Netherlands. My school project was to make a wallpaper for this contest ^^So i did..Why the girl? this was my first vector and i wanted to show you all. Greetz, Jeroen van den Brand." Designed by Jeroen van den Brand from the Netherlands.

April-10-unknownbeauty-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Design Sleep Design

Designed by Krystian Kubicki from Poland.

April-10-design-sleep-design-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Spring Flower

"Shot with a 50mm lens. I love bokehs. And this flower was so springy I had to shoot it. Enjoy and Happy Easter!" Designed by Anca Varsandan from Romania.

April-10-spring-flower-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

The End of Explorer Calendar

"For friends of MSIE, here is “The End Of Explorer” may 2010 desktop wallaper calendar, in a Variety of resolutions from 320×480 (iPhone) to 2560×1600! Hope you’ll find some size here to fit with your desktop ;-)" Designed by Benoit Chartron from France.

May-10-end-of-explorer-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

May Happen, May Be

"”May Happen, May Be” is all about possibilities… we can all get out of our cages, maybe in may!" Designed by Thais Trizoli from Brazil.

May-10-may-happen-may-be-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Focus on Work

"This wallpaper design is supposed not to distract your attention, but to make you focus on work. This might work if you keep your desktop clean enough ;)" Designed by Andrei Verner from Russia.

May-10-focus-on-work-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Rapunzel

"A grunge take on Rapunzel!" Designed by Cindy Zhang from USA.

May-10-rapunzel-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Hockey

"With the Stanley Cup Finals this month, I thought it fitting to roll out a Hanson bros. wallpaper. If you haven’t seen Slapshot, see it. One of the greatest sports movies of all time." Designed by Dan Sweet from USA.

June-10-hockey-nocal-1920x1200 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

It wasn’t me

"Actually there no special meaning behind that wallpaper. :) I just had this idea of a cute monkey character and this is what came out of it. ;)" Designed by Nicole Bauer from Germany.

June-10-monkey-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

SummerTime

“Summertime and the livin’ is easy…” Designed by Osiris Magro from Spain.

July-10-summertime-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

Ribbons

“Just folding ribbons and watching their paths…” Designed by Thais Trizoli from Brazil.

July-10-ribbons-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

  • preview
  • without calendar: 320×480, 1280×800, 1440×900, 1680×1050, 1900×1200
  • Ducks Muffin Summer

    “Inspired on a story of two people who met on-line. A duck and a muffin.” Designed by Irene from Spain.

    July-10-ducks-muffin-summer-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

  • preview
  • without calendar: 1024×640, 1280×720, 1280×800, 1440×900, 1680×1050, 1920×1200
  • Aves Lacuna

    Designed by Kyle Wheaton from Buffalo, NY, USA.

    August-10-aves-lacuna-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Superstar

    “Has “the man” got you down? Feel like nobody sees what a superstar you are? Well keep on shining all day long with this retro-tastic wallpaper!” Designed by Brennan Gilbert from USA.

    August-10-superstar-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Viktoria

    “A little wallpaper for all the Germany supporters during the World Cup.” Designed by Ricky Linn from USA.

    August-10-sports-viktoria-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Tension9

    "I made a 9 on the fence with nails and woolen to express the tension. It has come to the ninth month of 2010. Still working hardly and stressfully? Take it easy!" Designed by Ssu-Hua Chen from Australia.

    September-10-tension9-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Autumn Skyview

    "Laying on field watching the sky above, leaves are falling, autumn is coming." Designed by Jaro Mlkvy from Slovakia.

    September-10-autumn-skyview-nocal-1680x10501 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Autumn Paper

    "Autumn is the season that’s most calming to me. Perfect weather, an array of colors, and a great source of inspiration to designers." Designed by Bogdan Lazar from Romania.

    September-10-autumn-paper-nocal-1680x10501 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Love Birds

    "Celebrate love and be free. Happy September to everyone!" Designed by Martina Skender from Croatia/Israel.

    September-10-love Birds-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Liquifly

    Designed by Nicolle Marie from USA.

    October-10-liquifly-nocal-1680x10501 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Any Browser

    "I just wanna spread the message, “Use any browser, it doesn’t matter. But use the latest version!”." Designed by Minhaj Mohamed from Sri Lanka.

    Anybrowser in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    October 2010 Wallpaper

    "For October 2010, still with the summer in the head, I wanted to imagine a magic place where I can go sometimes far from work, far from the Earth." Designed by Benoit Chartron from France.

    October-10-wallpaper 99-nocal-1680x10501 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Symbian World

    "Scene from Symbian World." Designed by Anna Alfut from the UK.

    October-10-symbian World 61-nocal-1680x10501 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    The Words I’ve Never Said To You

    Designed by Matteo Palazzani – Palastar Photography from Italy.

    October-10-the-words-ive-never-said-nocal-1680x10501 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Rose Petal

    "Don’t underestimate the true beauty of a single dried rose petal…." Designed by Thuy Truong.

    November-10-rose Petal 44-nocal-1600x1200 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Flying

    "I’d like to fly away to warm countries for winter." Designed by Marta Miazek from Poland.

    November-10-flying 90-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    UX cake

    Designed by WitFlow from Poland.

    November-10-ux Cake 69-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    December 2010 Wallpaper

    “For December 2010, illustration of myself Wishing” Designed by Benoit Chartron from France.

    December-10-wallpaper 31-calendar-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Christmas Stuff

    “Some of the things that come to my mind when thinking of christmas..” Designed by Jaro Mlkvy from Slovakia.

    December-10-christmas Stuff 70-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Starleaves

    Designed by Fabio Toscani from Italy.

    December-10-starleaves 39-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Spider Web

    Designed by Mohd. Aaqib from India.

    December-10-spider Web 91-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Fun in the Snow

    “A girl and her friend, The Snowman, being silly in the first snow :) I love December. Happy Holidays, everyone!” Designed by Anca Varsandan from Romania.

    December-10-fun In The Snow 19-nocal-1680x1050 in Desktop Wallpaper Calendar 2010: Vote For Your Favorites!

    Thank you for your efforts and time everyone! We’re definitely looking forward to your wallpaper submissions in 2011! Happy Holidays and a Happy New Year!

    (vf) (ik)


    © Vitaly Friedman for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
    Post tags: , ,


    More Stunning Snow Sculptures

    Advertisement in More Stunning Snow Sculptures
     in More Stunning Snow Sculptures  in More Stunning Snow Sculptures  in More Stunning Snow Sculptures

    Using packed snow blocks as a base, teams of sculptors produce towering works of art that put your average snowman to shame. From abstract sculptures to full scale buildings, anything is possible when you combine tons of snow and talent. Once again, we present some spectacular snow sculptures from all over the world. So put down your carrot and snow shovel and check out these massive masterpieces!

    Lindsy – A massive sculpture in China:

    Ice Sculptures Illus in More Stunning Snow Sculptures

    Chillkoot – It’s amazing that this sculpture can even support itself:

    1866630989 29528db8d6 in More Stunning Snow Sculptures

    Roger Moen – This hand has an interesting texture:

    Web in More Stunning Snow Sculptures

    Just-Jen – The Taj Mahal in snow:

    74596617 Ec03bcc40e in More Stunning Snow Sculptures

    R Todd king – These wild horses are full of movement and beauty:

    15 in More Stunning Snow Sculptures

    A nighttime shot of a rooster looks really cool with the colored lights:

    4 in More Stunning Snow Sculptures

    Christopher Chan This Japanese style building is unbelievably detailed:

    2257053585 C22aab9aef in More Stunning Snow Sculptures

    Adam Pretty – A large, peaceful Buddha:

    Harbin International Ice Snow Sculpture Festival Od3h0kAeLHwl in More Stunning Snow Sculptures

    Two very ornate Buddhas tower over onlookers:

    Harbin International Ice Snow Sculpture Festival YfIHL0VJkfXl in More Stunning Snow Sculptures

    Sheng Li – A team of artists work on this massive sculpture at the Harbin Ice and Snow Festival in China:

    H02 21484415 in More Stunning Snow Sculptures

    Sacbee – The people in this picture give a good sense of the scale of this sculpture:

    Chinaice25 in More Stunning Snow Sculptures

    The blue lights make this sculpture even more tranquil:

    Chinaice06 in More Stunning Snow Sculptures

    Rdawg – A girl and a dragon:

    3239782835 E0f5e0a99c in More Stunning Snow Sculptures

    Kids and cake make a playful sculpture:

    3239877637 612f65948b in More Stunning Snow Sculptures

    The lens on this camera is big enough for someone to walk in:

    3240635890 D7a72139da1 in More Stunning Snow Sculptures

    Canadian Snow Sculpture Team – Classical statue sculpture:

    Nike-side Lg in More Stunning Snow Sculptures

    Great detail in the foliage on this one:

    Paradigm in More Stunning Snow Sculptures

    This little village scene was part of a larger piece:

    Village in More Stunning Snow Sculptures

    Bette Erikson – I can’t even imagine how this hollow globe was made:

    20100126 28behik 500 in More Stunning Snow Sculptures

    Guadalupe laiz – Owl in a tree trunk:

    Imagen14 in More Stunning Snow Sculptures

    Out There – A warrior on his horse:

    IMG 1427 in More Stunning Snow Sculptures

    A playful sculpture of a cat:

    IMG 1422 in More Stunning Snow Sculptures

    This large horse head looks like a chess piece:

    IMG 1404 in More Stunning Snow Sculptures

    This geometric sculpture is impressive.

    Dcp00623 in More Stunning Snow Sculptures

    Unknown – Life-sized dinosaurs:

    Harbin1ice107dwvk3nq3 in More Stunning Snow Sculptures

    Hakkaido – The detail of this sculpture is simply amazing:

    Sapporo Odori 21 600 in More Stunning Snow Sculptures

    ViajesMag – Absolutely stunning sculpture in Sapporo Japan:

    Sapporo Snow Festival in More Stunning Snow Sculptures

    Further resources

    – International Snow Sculpting Competition
    – Make your own snow sculpture
    – Snow sculpture Wiki

    (ik)


    9 Email Designs for Content-Heavy Newsletters

    email design for text-heavy newslettersI’ve recently been working on a project to design a daily email newsletter that will be powered by MailChimp’s RSS to Email option. In some ways using RSS limits the design, however by automating the email campaign the site owner can focus on creating content rather than delivering content.

    The challenge for this email campaign is to create a template that can accommodate between 4 and 8 articles with photos and summaries, a spot for advertising, branding options and of course space for all the “required” information to be can-spam compliant. Oh yeah, the content all needs to fit together elegantly and encourage users to take action by visiting the site, bookmarking an article, etc. What’s the best way to fit that much information in an email and keep it organized?

    I went looking for inspiration on Emailium, and found a collection of content-heavy email designs proving that it is indeed possible to fit a mountain of information into a document no more than 600 pixels wide. Want to be inspired, too? Check out this list of email designs for content-heavy newsletters and publishing sites.

    (...)
    Read the rest of 9 Email Designs for Content-Heavy Newsletters (509 words)


    © Barbara Holbrook for Tutorial Blog, 2010. | Permalink | 11 comments | Add to del.icio.us
    Post tags:

    Feed enhanced by Better Feed from Ozh

    9 Email Designs for Content-Heavy Newsletters is a post from: Tutorial Blog


    An Introduction to CSS 3-D Transforms

    An Introduction to CSS 3-D Transforms. An in-depth look at CSS 3-D transforms and the new opportunities they offer to web designers.

    “What Font Should I Use?”: Five Principles for Choosing and Using Typefaces

    Advertisement in What Font Should I Use?: Five Principles for Choosing and Using Typefaces
     in What Font Should I Use?: Five Principles for Choosing and Using Typefaces  in What Font Should I Use?: Five Principles for Choosing and Using Typefaces  in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    For many beginners, the task of picking fonts is a mystifying process. There seem to be endless choices — from normal, conventional-looking fonts to novelty candy cane fonts and bunny fonts — with no way of understanding the options, only never-ending lists of categories and recommendations. Selecting the right typeface is a mixture of firm rules and loose intuition, and takes years of experience to develop a feeling for. Here are five guidelines for picking and using fonts that I’ve developed in the course of using and teaching typography.

    1. Dress For The Occasion

    Many of my beginning students go about picking a font as though they were searching for new music to listen to: they assess the personality of each face and look for something unique and distinctive that expresses their particular aesthetic taste, perspective and personal history. This approach is problematic, because it places too much importance on individuality.

    3000679399 6167208211 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces
    The most appropriate analogy for picking type. (Photo credit: Samuuraijohnny. Used under Creative Commons license.)

    For better or for worse, picking a typeface is more like getting dressed in the morning. Just as with clothing, there’s a distinction between typefaces that are expressive and stylish versus those that are useful and appropriate to many situations, and our job is to try to find the right balance for the occasion. While appropriateness isn’t a sexy concept, it’s the acid test that should guide our choice of font.

    My “favorite” piece of clothing is probably an outlandish pair of 70s flare bellbottoms that I bought at a thrift store, but the reality is that these don’t make it out of my closet very often outside of Halloween. Every designer has a few favorite fonts like this — expressive personal favorites that we hold onto and wait for the perfect festive occasion to use. More often, I find myself putting on the same old pair of Levis morning after morning. It’s not that I like these better than my cherished flares, exactly… I just seem to wind up wearing them most of the time.

    Every designer has a few workhorse typefaces that are like comfortable jeans: they go with everything, they seem to adapt to their surroundings and become more relaxed or more formal as the occasion calls for, and they just seem to come out of the closet day after day. Usually, these are faces that have a number of weights (Light, Regular, Bold, etc) and/or cuts (Italic, Condensed, etc). My particular safety blankets are: Myriad, Gotham, DIN,Akzidenz Grotesk and Interstate among the sans; Mercury, Electra and Perpetua among the serif faces.

    Love-hate1 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces
    A large type family like Helvetica Neue can be used to express a range of voices and emotions. Versatile and comfortable to work with, these faces are like a favorite pair of jeans for designers.

    2. Know Your Families: Grouping Fonts

    Type-mash2 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    The clothing analogy gives us a good idea of what kind of closet we need to put together. The next challenge is to develop some kind of structure by which we can mentally categorize the different typefaces we run across.

    Typefaces can be divided and subdivided into dozens of categories (Scotch Modern, anybody?), but we only really need to keep track of five groups to establish a working understanding of the majority of type being used in the present-day landscape.

    The following list is not meant as a comprehensive classification of each and every category of type (there are plenty of great sites on the web that already tackle this, such as Typedia’s type classifications) but rather as a manageable shorthand overview of key groups. Let’s look at two major groups without serifs (serifs being the little feet at the ends of the letterforms), two with serifs, and one outlier (with big, boxey feet).

    1. Geometric Sans

    Geometric1 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    I’m actually combining three different groups here (Geometric, Realist and Grotesk), but there is enough in common between these groups that we can think of them as one entity for now. Geometric Sans-Serifs are those faces that are based on strict geometric forms. The individual letter forms of a Geometric Sans often have strokes that are all the same width and frequently evidence a kind of “less is more” minimalism in their design.

    At their best, Geometric Sans are clear, objective, modern, universal; at their worst, cold, impersonal, boring. A classic Geometric Sans is like a beautifully designed airport: it’s impressive, modern and useful, but we have to think twice about whether or not we’d like to live there.

    Examples of Geometric/Realist/Grotesk Sans: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham.

    2. Humanist Sans

    Humanist1 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    These are Sans faces that are derived from handwriting — as clean and modern as some of them may look, they still retain something inescapably human at their root. Compare the ‘t’ in the image above to the ‘t’ in ‘Geometric’ and note how much more detail and idiosyncrasy the Humanist ‘t’ has.

    This is the essence of the Humanist Sans: whereas Geometric Sans are typically designed to be as simple as possible, the letter forms of a Humanist font generally have more detail, less consistency, and frequently involve thinner and thicker stoke weights — after all they come from our handwriting, which is something individuated. At their best, Humanist Sans manage to have it both ways: modern yet human, clear yet empathetic. At their worst, they seem wishy-washy and fake, the hand servants of corporate insincerity.

    Examples of Humanist Sans: Gill Sans, Frutiger, Myriad, Optima, Verdana.

    3. Old Style

    Old-style1 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    Also referred to as ‘Venetian’, these are our oldest typefaces, the result of centuries of incremental development of our calligraphic forms. Old Style faces are marked by little contrast between thick and thin (as the technical restrictions of the time didn’t allow for it), and the curved letter forms tend to tilt to the left (just as calligraphy tilts). Old Style faces at their best are classic, traditional, readable and at their worst are… well, classic and traditional.

    Examples of Old Style: Jenson, Bembo, Palatino, and — especially — Garamond, which was considered so perfect at the time of its creation that no one really tried much to improve on it for a century and a half.

    4. Transitional and Modern

    Trans1 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    Modern1 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    An outgrowth of Enlightenment thinking, Transitional (mid 18th Century) and Modern (late 18th century, not to be confused with mid 20th century modernism) typefaces emerged as type designers experimented with making their letterforms more geometric, sharp and virtuosic than the unassuming faces of the Old Style period. Transitional faces marked a modest advancement in this direction — although Baskerville, a quintessential Transitional typeface, appeared so sharp to onlookers that people believed it could hurt one’s vision to look at it.

    In carving Modernist punches, type designers indulged in a kind of virtuosic demonstration of contrasting thick and thin strokes — much of the development was spurred by a competition between two rival designers who cut similar faces, Bodoni and Didot. At their best, transitional and modern faces seem strong, stylish, dynamic. At their worst, they seem neither here nor there — too conspicuous and baroque to be classic, too stodgy to be truly modern.

    Examples of transitional typefaces: Times New Roman, Baskerville.
    Examples of Modern serifs: Bodoni, Didot.

    5. Slab Serifs

    Slab1 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    Also known as ‘Egyptian’ (don’t ask), the Slab Serif is a wild card that has come strongly back into vogue in recent years. Slab Serifs usually have strokes like those of sans faces (that is, simple forms with relatively little contrast between thick and thin) but with solid, rectangular shoes stuck on the end. Slab Serifs are an outlier in the sense that they convey very specific — and yet often quite contradictory — associations: sometimes the thinker, sometimes the tough guy; sometimes the bully, sometimes the nerd; sometimes the urban sophisticate, sometimes the cowboy.

    They can convey a sense of authority, in the case of heavy versions like Rockwell, but they can also be quite friendly, as in the recent favorite Archer. Many slab serifs seem to express an urban character (such as Rockwell, Courier and Lubalin), but when applied in a different context (especially Clarendon) they strongly recall the American Frontier and the kind of rural, vernacular signage that appears in photos from this period. Slab Serifs are hard to generalize about as a group, but their distinctive blocky serifs function something like a pair of horn-rimmed glasses: they add a distinctive wrinkle to anything, but can easily become overly conspicuous in the wrong surroundings.

    Examples of Slab Serifs: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

    3. Don’t Be a Wimp: The Principle of Decisive Contrast

    So, now that we know our families and some classic examples of each, we need to decide how to mix and match and — most importantly — whether to mix and match at all. Most of the time, one typeface will do, especially if it’s one of our workhorses with many different weights that work together. If we reach a point where we want to add a second face to the mix, it’s always good to observe this simple rule: keep it exactly the same, or change it a lot — avoid wimpy, incremental variations.

    This is a general principle of design, and its official name is correspondence and contrast. The best way to view this rule in action is to take all the random coins you collected in your last trip through Europe and dump them out on a table together. If you put two identical coins next to each other, they look good together because they match (correspondence). On the other hand, if we put a dime next to one of those big copper coins we picked up somewhere in Central Europe, this also looks interesting because of the contrast between the two — they look sufficiently different.

    What doesn’t work so well is when put our dime next to a coin from another country that’s almost the same size and color but slightly different. This creates an uneasy visual relationship because it poses a question, even if we barely register it in on a conscious level — our mind asks the question of whether these two are the same or not, and that process of asking and wondering distracts us from simply viewing.

    When we combine multiple typefaces on a design, we want them to coexist comfortably — we don’t want to distract the viewer with the question, are these the same or not? We can start by avoiding two different faces from within one of the five categories that we listed above all together — two geometric sans, say Franklin and Helvetica. While not exactly alike, these two are also not sufficiently different and therefore put our layout in that dreaded neither-here-nor-there place.

    Wimpy3 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    If we are going to throw another font into the pot along with Helvetica, much better if we use something like Bembo, a classic Old Style face. Centuries apart in age and light years apart in terms of inspiration, Helvetica and Bembo have enough contrast to comfortably share a page:

    Bump9 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    Unfortunately, it’s not as simple as just picking fonts that are very, very different — placing our candy cane font next to, say, Garamond or Caslon does not guarantee us typographic harmony. Often, as in the above example of Helvetica and Bembo, there’s no real explanation for why two faces complement each other — they just do.

    But if we want some principle to guide our selection, it should be this: often, two typefaces work well together if they have one thing in common but are otherwise greatly different. This shared common aspect can be visual (similar x-height or stroke weight) or it can be chronological. Typefaces from the same period of time have a greater likelihood of working well together… and if they are by the same designer, all the better.

    Gill3 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    4. A Little Can Go a Long Way

    ‘Enough with all these conventional-looking fonts and rules!’ you say. ‘I need something for my rave flyer! And my Thai restaurant menu! And my Christmas cards!’ What you’re pointing out here is that all the faces I’ve discussed so far are ‘body typefaces’, meaning you could conceivably set a whole menu or newspaper with any of them; in the clothing analogy presented in part one, these are our everyday Levis. What of our Halloween flares?

    Periodically, there’s a need for a font that oozes with personality, whether that personality is warehouse party, Pad Thai or Santa Claus. And this need brings us into the vast wilderness of Display typefaces, which includes everything from Comic Sans to our candy-cane and bunny fonts. ‘Display’ is just another way of saying ‘do not exceed recommended dosage‘: applied sparingly to headlines, a display font can add a well-needed dash of flavor to a design, but it can quickly wear out its welcome if used too widely.

    Time for another clothing analogy:

    Gurtel in What Font Should I Use?: Five Principles for Choosing and Using Typefaces
    (Photo credit: Betsssssy. Used under Creative Commons license.)

    Betsey’s outfit works because the pink belts acts as an accent and is offset by the down-to-earthiness of blue jeans. But if we get carried away and slather Betsey entirely in pink, she might wind up looking something like this:

    2241062332 6feb6c62b6-300x199 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces
    (Photo credit: Phillip Leroyer). Used under Creative Commons license.)

    Let’s call this the Pink Belt Principle of Type: display faces with lots of personality are best used in small doses. If we apply our cool display type to every bit of text in our design, the aesthetic appeal of the type is quickly spent and — worse yet — our design becomes very hard to read. Let’s say we’re designing a menu for our favorite corner Thai place. Our client might want us to use a ‘typically’ Asian display face, like Sho:

    Menu-0 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    So far, so good. But look what happens when we apply our prized font choice to the entire menu:

    Menu-v1 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    Enough already. Let’s try replacing some of the rank-and-file text copy with something more neutral:

    Menu-v21 in What Font Should I Use?: Five Principles for Choosing and Using Typefaces

    That’s better. Now that we’ve reined in the usage of our star typeface, we’ve allowed it to shine again.

    5. Rule Number Five Is ‘There Are No Rules’

    Really. Look hard enough and you will find a dazzling-looking menu set entirely in a hard-to-read display font. Or of two different Geometric Sans faces living happily together on a page (in fact, just this week I wound up trying this on a project and was surprised to find that it hit the spot). There are only conventions, no ironclad rules about how to use type, just as there are no rules about how we should dress in the morning. It’s worth trying everything just to see what happens — even wearing your Halloween flares to your court date.

    In Conclusion

    Hopefully, these five principles will have given you some guidelines for how to select, apply and mix type — and, indeed, whether to mix it at all. In the end, picking typefaces requires a combination of understanding and intuition, and — as with any skill — demands practice. With all the different fonts we have access to nowadays, it’s easy to forget that there’s nothing like a classic typeface used well by somebody who knows how to use it.

    Some of the best type advice I ever received came early on from my first typography teacher: pick one typeface you like and use it over and over for months to the exclusion of all others. While this kind of exercise can feel constraining at times, it can also serve as a useful reminder that the quantity of available choices in the internet age is no substitute for quality.

    Other Resources

    You may be interested in the following articles and related resources:

    (ik) (vf)


    © Dan Mayer for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
    Post tags: ,


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress