Author Archive

Television Typography: Showcase of Memorable TV Show Logos


  

TV show logos have become an art. They create recognizable brands that become an important part of a show’s off-air life and legacy. The eclipsing O of “Heroes”, the periodic elements of “Breaking Bad”, the film-negative “X-files”, these title pieces have become instantly recognizable, and help make their shows familiar across many mediums.

What makes these logos so unforgettable and remarkable? The answer is tied up in the shows themselves. The most memorable TV show logos are those which are both beautiful and evocative, using design to tell us something about the show we’re about to see. They use typography and color to set the scene, and imagery to make themselves memorable.

Some of the TV show logos in this showcase use classic fonts and simple black and white color schemes (Lost), others create their own characteristic typography in bold, striking colors (Monty Python). Some use photographic flairs that draw out key themes of the show (Glee), while others are part of graphics that tell a story (Batman). All give us a clue about the show itself, evincing theme, feel, and story. All demonstrate some of the best of logo design.

See how these 30 TV show logos use design, typography, and imagery to capture the feel of their shows.

Television Typography

Modern Family

The “Modern Family” logo differentiates nicely between its two parts, with a clean, black sans serif imparting modernity, and a serif font in a warm color welcoming you into the family.

Dexter

“Dexter” looks put together and normal at the outset, but the more you get to know him, and the further into the logo you read, the more bloodstained and splattered he becomes.

Monty Python’s Flying Circus

Monty Python’s comedy sketch series on the BBC often features Terry Gilliam’s cutout animations. The foot in the logo is appropriated from Agnolo Bronzino’s painting “Venus, Cupid, Folly, and Timeâ€�. The surreal, Dadaist nature of these cutouts are perfect for the show’s frequent dalliances into something completely different.

That 70’s Show

The “That 70′s Show” logo uses bright colors and bold, clean lines to hearken back to 1970′s design aesthetics. The font was selected specifically to make us feel like we’re looking into the past; too far, in fact. It’s Arnold Böcklin, the most well-known Art Nouveau typeface, designed in 1904.

The Sopranos

“The Sopranos” logo is killer. Literally. The gun detail and striking blood red color in most of the promotional designs tell you right off the bat that the show is going to be violent, though the clean lines and simple font softens the impact. The font, called Mobster, is available from Sharkshock.

Batman

This wonderful cloaked logo is a re-purposing of the already recognizable Bat Signal, which first appeared in the DC Comics in 1942. Best of all, the font gives each letter bat ear serifs.

Glee

Glee’s clever “L” reflects the show’s preoccupation with losers, and the jocks that torment them. It might even bring back uncomfortable memories of your own high school days.

Jersey Shore

The “Jersey Shore” logo looks stamped on, like a badly inked tattoo or bar room floor. It’s trashy and dirty, yet still interesting enough to make you keep looking.

Lost

The huge “Lost” logo is a perfect use of the typeface Impact. It hovers at a stark angle, fading in and out of focus, leaving us with a sense of unease, and lots of questions.

The X-Files

The “X-Files” logo encourages you to look past the surface. The sharp sans serif counter balances the stark, glowing x-ray X, Mulder’s wild belief balanced by Scully’s scientific reason.

24

Let the count-up begin. The digital-clock font gives us a sense of urgency and impending action in the “24″ logo. A note for all you kerning purists: you’ll notice during the show that the spacing on the clock given to the number 1 is too narrow for a full number (like 0), so the clock never transfers from 1 to 2, or from 0 to 1.

Castle

The “Castle” logo economically captures both of the show’s main themes, writing and crime, in less than half an A. It combines elements of an urban landscape with the written word, and gradually sheds light on the city as the logo progresses.

Parenthood

The “Parenthood” logo subtly tucks the tails of its A, R and T behind other letters, like children hiding behind their mother’s leg.

Soul Train

The “Soul Train” logo captures the neon colored, psychedelic vibe of the “hippest trip in America”. It also chugs along just like the show, which aired from 1971 to 2006, making it the longest-running nationally syndicated program in television history.

Breaking Bad

All of the title pieces and credits in this chemistry-themed show are elements from the periodic table. Bromine and Barium are featured in the main title, though Barium’s electrons have inexplicably been changed to match Bromine’s, both reading 2-8-18-7. The Barium box is also slightly smaller than Bromine’s. The designer clearly has a vendetta against Barium.

The Gong Show

One of the great classic logos, “The Gong Show” graphic didn’t stray far from the gong, or the bright colors and eye-catching shapes of 70′s design styles.

The Office

The logo for the American version of the BBC hit “The Office” is simple and straightforward, with apt use of the font American Typewriter.

Dr. Horrible’s Sing Along Blog

“Dr. Horrible’s” Logo is designed in the style of early movie posters, giving you a taste of 1950′s overstated zeal in the ultra modern packaging of a web serial.

Buffy, the Vampire Slayer

The “Buffy” logo is gothic and gritty, just like the show itself, and is sharp enough to stab several vampires.

Scandal

“Scandal”, one of ABC’s newest shows, is about the nitty gritty of the Washington DC rumor mill, and the scandal cover-ups that fuel them. The logo is perfect, a red stamp reminiscent of one that might say “classified” or “top secret”, on an already-shredded insider document.

Wheel of Fortune

The “Wheel of Fortune” logo is bright enough to keep you up watching late night TV, and colorful enough to give you a seizure, just like the show.

Being Human

The smudge of an I in the “Being Human” logo could almost be a hooded person. Or maybe it’s a monster. The ambiguity plays nicely with the show’s cross-breed theme.

The Price is Right

This classic logo uses a pleasantly unbalanced graphic and the 1970′s font Pinto Flare, which has inspired everyone from gameshow designers to gamers. Ray Larabie of RockstarGames created a modification called Pricedown, which is the font famously used in “Grand Theft Auto”s logo.

The Price is Right has versions all over the world, and its logo is often tweaked and changed to fit local aesthetics. In France, for instance, the logo for “Le Juste Prix” is set in a bold sans serif on a lightbulb studded marquis.

Conan

Conan’s instantly recognizable coif makes this logo perfect for a show that is all about him. The ginger-hair colored “Co” is a wink to his self-titled supporters, “team Coco”.

The Muppet Show

“The Muppet Show” logo is whimsical and playful, hearkening to everything from the Looney Toons popping out of a drum, to old Vaudevillian calligraphy. With that wink at Vaudeville, it evokes an attempt at high mindedness that invariably devolves into slapstick comedy, just like the show itself.

Heroes

The “Heroes” logo uses ITC Avante Garde Condensed, an apt font for a show about the advance guard of humanity. The eclipsing sun is a central catalyst in the show.

The Wire

Hailed as perhaps one of the best shows to ever be on television, “The Wire” has a custom-font logo that went through a redesign for the fifth and final season. The image is worth a thousand words: it lets you know this season will focus on the newspaper, which will in turn focus on everything from violence to Baltimore schools.

Mad Men

The “Mad Men” logo has quickly become iconic. The font is somewhere between Trade Gothic Next Condensed and Helvetica, a favorite choice of real Mad men in the 60′s. The silhouette of a reclining Don Draper, holding his ever-present cigarette in one hand (and you can assume a whiskey in the other) is the picture of studied nonchalance, just like Don himself.

Doctor Who

The new “Doctor Who” logo features a visual element from the show itself. The TARDIS is formed from the Doctor’s initials, combined to make the shape of a police box. The “Doctor Who” logo has gone through as many iterations as the show has Doctors. From its inception in 1963, where the words were in a simple sans serif stacked on top of each other, to the “Diamond Logo” of the 1970′s, to the oval-encompassed version of the aughts, it has been updated and changed as often as the show itself.

Northern Exposure

Quirky dramedy “Northern Exposure” is set in small-town Alaska. Its logo has got a rough hewn, wood cut quality that meshes well with the wacky woodsmen, transplanted big city doctor, and native American characters.

Fade Out

Those are some of the most memorable TV show logo designs from popular American and British television series’. Think you know a great one that wasn’t mentioned? Or want to see more? Let us know what you think in the comments!

(rb)


Top Fifteen Photography Portfolio Sites


  

What sets great images apart? What do the most successful photographers do to make their work stand out? Often the difference between a great photo and a great photo that captivates and prompts exploration is a good showcase.

The goal of a photography portfolio site is to make photos shine, but the best sites do this while subtly expressing a style. A good portfolio design supports the images without overpowering or trying to outshine them. It can be simple and clean, or styled and characterized, but the important thing is that the personality of the photographer and the photos shine through.

That’s something each of designs featured in this showcase of the best photography portfolio sites achieves with flying colors. So how do these top fifteen portfolios make both their images and their personalities stand out? Exploring them, a few trends become evident.

Navigating

Grids: Grids let users explore sets of images intuitively. Responsive, resizing, and irregular, these are much more than a digital photo album.
Mouse: Forget your regular cursor arrow. These sites turn your mouse into styled arrows, pointers, and gesture-capable extensions, letting you swipe, draw, tap, and drag.
Tags: The larger the portfolio, the more you need to be able to sort and curate. Filtering images by project, theme, subject, or even color, makes massive sites navigable and gives them personality.

Interacting

Curation: These lightboxes, albums, and favorites lists let you create your own curated selection of images and store them for later review, letting you add a bit of your own personality to the site.
Social Media Integration: Want to share that image of the ugliest, happiest dog you’ve ever seen? These sites are tied into social media, letting you tweet or post to Facebook with a single click.

See how the best portfolio sites use, tweak, and make these trends their own.

The Top Photography Portfolio Sites

Tony D’Orio

Tony D'Orio

Tony D’Orio’s style is playful, colorful, and visually packed. His portfolio site masterfully brings out this style, using whimsical interaction to bring you in, bright color to draw your eyes, and a full-bleed grid to pack your screen.

Photos in the grid colorize when you hover over them. Select an image and the grid slides to the side in a non-traditional transition that is playful and pleasurable. The navigation makes browsing fun, and the lack of organization (the photos aren’t divided by project or into galleries) mirrors the artist’s own hectic, captivating style.

Each image tells a story, and the profile facilitates those stories by smoothly animating transitions, providing large image detail views, and using nifty cross-outs to check off previously viewed photos.

By Hello Monday

Steve McCurry

Steve McCurry

On his site, Steve McCurry describes his own style as “grounded in people.� He says he tries to “convey what it is like to be that person� through his images. His portfolio communicates this style by conveying McCurry’s own personality.

The site holds over 2,000 images, hundreds more than most portfolios can manage, yet still makes them easily accessible. The 55 galleries can be sorted by place, but also by theme. This gives you a direct look at McCurry’s artistic interests. The color scheme goes beyond the typical safe black and white, yet still expertly compliments the images’ colors.

You can find your way to the popular, well-trafficked blog from anywhere on the site. The entries are selections of McCurry’s photographs, curated by theme and subject, giving you an idea of what makes an image interesting to him. The site also features an in-depth bio that lets you peek into McCurry’s history.

By Bluecadet 

Nick Onken

Nick Onken

Nick Onken’s youthful, carefree images shine in this playful, cheery portfolio. The simple red/white color scheme and font choices are lighthearted, and fit well with the bright, sunny photos. The design underscores the style, all without overpowering the light, airy images.

The bottom thumbnail navigation is a nice visual roadmap, and the grid view for galleries is responsive. The site and images have a blithe “be yourself� and “follow your bliss� tone, and the portfolio practices what it preaches. It features a Lightbox, where you can select your favorite photos to be rendered in an image flow, maybe to share with a happy, laughing friend.

By Knowawall 

Rickard Sund

Rickard Sund

Rickard Sund’s clean, often single-subject photographs are focused on the fashion. They draw your eyes single-mindedly to the models and clothes, with matte, unremarkable backgrounds. His portfolio is focused on the photos, more so than most. It uses the least intrusive of trends in service of his images.

There are no arrows or advance buttons to get in the way of the full-bleed images. Instead, navigate through the photos by gesture of your mouse, drawing lines to transition from left to right.

The interface is present but under the surface, popping up when you need it, and fading away when you don’t. Gallery titles and social media prompts display when you transition to a photo, but all meta data disappears if you linger. The portfolio structure itself fades away and focuses on the full bleed images with the most minimal of distractions.

By Hugo Ahlberg

Josh Cogan

Josh Cogan

Joshua Cogan’s images are almost anthropological. He is an observer of people and their everyday events. The photographs span many areas and subjects, few of which are the same but all of which have overlapping themes and commentary.

The site captures this interconnectivity with an intricate, interactive tagging system that allows you to navigate through main categories and themes, as well as create your own personal filters.

There’s granular social media integration, allowing you to share direct links to images. You can mark your favorite images, which are displayed on an unobtrusive bottom navigation bar and stored, making sharing your favorite images upon return visits simple.

By Bluecadet 

Nicola Walbeck

Nicola Walbeck

Nicola Walbeck’s portfolio feels like it belongs to an architect, and it’s not just because there are so many buildings. The clean lines of the tiling, artfully divided galleries, delicate advance/return arrow boxes, sans serif font choices, and muted, subtle colors all point to an architectural bent. His images themselves reflect this style, with carefully framed angles and a keen sense of place, even in his portraiture.

One of the best things about the portfolio is the rare chance to see the photos in detail. Click in to an image and you get a hi-res, extra-large view that you can explore with the movement of your mouse. Scroll with your wheel or trackpad, and you advance to the next image.

By Hans Schaale and Christian Potthast

More on Page Two

We are not quite finished yet. The bulk of this fine showcase awaits on page two. So be sure that you click over and check out the rest of the design excellence.


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