Showing posts with label typography. Show all posts
Showing posts with label typography. Show all posts

Friday, October 16, 2009

9 for '09: Current Web Trends


by Jill Butler, Content Development Specialist

Our art and tech department banded together for this blog entry-- a survey of the top web design trends for 2009. Read on to find out all about how Technology, Creativity and Strategy are changing online.

TECHNOLOGY


1. Mobile Compatibility

Site: Pizza Hut

With more and more users getting their daily web surfing done on their iPhones or Blackberrys, smart websites have made the leap to offering content that either works well with or is specifically designed for these devices. Check out Pizza Hut's innovative iPhone app, that allows the user to order their pizza from the palm of their hand.

2. Online video/ Internet TV

Site: NBC.com

Regular TV-watching has become a thing of the past. After all, with the busy schedules and tightening household budgets of many tech-savvy TV lovers, cable just isn't convenient. So they turn to the Internet, which offers full episodes, either for download or streaming, whenever and however you want them. The smart networks, like NBC or the CW, have turned what might look like a cash-drain into an opportunity, offering exclusive content online and becoming the best source for reliable, quality online programming. As the old saying goes: if you can't beat 'em, join 'em.

3. Personalization

Site: iGoogle

The web can only be what you make it--and the trend towards making it your own has been growing steadily. With leaders like Google, even the browser you use to surf the web can be completely customized to suit your taste and needs. That's more or less the entire purpose of iGoogle--one stop for local weather, custom features, and news feeds that cater you YOUR every demand.

CREATIVITY

4. The Big Picture (layouts)

Site: The White House

This is a hot one: designers have been going for the high impact statement more and more, with bold, eye-catching banners and header that incorporate content and are more than a pretty face. The White's homepage is a great example of that--using their carousel-style banner to display important links and information.

5. Minimal: White Space and Then Some

Site: Concentric Studio

Clean, straightforward and useful--the trend to have more of nothing has been catching on for a while now, as more designers opt to de-clutter their web spaces and put focus on only the most important elements of the website. The upside? The user doesn't get overwhelmed by too much information only choice -- there is only where you want to guide them.

6. Big and Bold: HUGE typography, illustrations and vibrant graphics

Site: National Television

If you want big, eye-catching communication, there's nothing like a sure bet. Placing emphasis on words and putting illustration front and center has a fresh, almost European feel, giving the website an equal focus on design and communication.

STRATEGY

7. Keeping up with social media

Site: Fuel Your Creativity

More website are realizing the power of putting social media front and center--like Fuel Your Creativity has done here. It's wise to put these hotlinks in a very visible place, making it as easy as possible for any interested users to click on your blog, visit your Facebook page, or subscribe to your Twitter. There's no point in hiding these links-- you want people to use them, so gathering them into a one-stop corner of your website is a smart move.

8. Closing the Back Door

Site: Web Design Ledger

The "back door," in this case, refers to ways that stop your readers from clicking away from your blog or website--namely, by getting them interested in something else they'll find useful. There are many ways to do this, but one that is gaining speed is the "Related Links" widget. By using this feature, placed at the bottom of a blog post or page, you can catch your user's attention while you've still got it, and point them in other directions they may find helpful. It's good for them--they find out more about a topic they're interested in--but it's great for you--you get to keep your reader for a longer visit.

9. “Speaking” navigation


Looking for clarity? You can't go wrong by adding this feature. "Speaking" navigation is more or less what it sounds like--instead of having simple, one or two word navigation (such as "Home" or "About Us") you use the coveted space to expand just a little on your company. This is especially helpful if the navigation your company has chosen is unconventional. It also gives you another chance to be personable and really connect with the people using your website--which is never a bad thing.

*

That's our top nine web design trends for '09. Got anything to add? Leave it in the comments; we'd love to hear your thoughts.



Monday, May 4, 2009

Our Favourite Type

by J. Butler, Content Development Specialist

ty·pog·ra·phy noun
Pronunciation:
\tī-ˈpä-grə-fē\
1 : letterpress printing
2 : the style, arrangement, or appearance of typeset matter

One of the things that's become standard for a designer to dote on is typography--whether web-based or traditional. In fact, you could ask most of the people in Applecore's office, design or otherwise, about what things bother them most in bad design -- 'font choice' will almost always be one of them. Bad typography sticks out like a sore thumb, making it hard to read and often just frustrating to look at. This, of course, means that the design has failed in its primary goal: to communicate. 

Good typography, on the other hand, is virtually invisible. You can observe it, especially if you know what you're looking for. But the best typography is something you never have to think about--it reads effortlessly, doesn't set off any inner design alarm bells and most times, never gets the attention it deserves. 

Until now! Here are Applecore's favorite examples of typography, whether it's print, web or graphic design. 

Beginning in the 1960s, when Volkswagen first applied the minimalist principles popular in German design  to their American print campaign, heads definitely turned. The simplistic, no nonsense ads made generous use of white space and straightforward copy (usually 30 words or less). In the process, the success of Volkswagen's approach is largely considered to be the father of the postmodern age of advertising--not to mention convincing America that a small car was also a great buy. 




Hands down, the site for typography fans. Informative, constantly updated, and always inspiring, this blog serves up not only fonts but also the designs they inhabit. 







When Transport for London set out to design the face of its underground subway system, they turned to Edward Johnston. He then designed the distinctive sans-serif typeface in 1916. It's still the font you see today, albeit modified; it was substantially retooled in 1979 by Eiichi Kono and renamed "New Johnston."



A great tool when you have a general idea of what you want--say, an elegant script typeface for a romantic logo, or a bold sans-serif for an eye-catching header.




Founder Allen Lane had a simple goal when Penguin Books began in 1936: to remove the stigma from cheap paperback novels and make reading readily available for anyone. Design took on an essential role in what would become the "Penguin" brand. The basic design was simple: three horizontal bands in colors assigned by genre (orange and white for fiction, green and white for crime fiction, etc)-- with none of the gaudy, lurid photography that gave paperbacks a bad reputation in the first place. In the 1940s, under Swiss typographer Jan Tschichold, a set of rules and design principles was compiled as the Penguin Composition Rules, a four page booklet of typographic instructions for editors and compositors. Maybe that's why the brand is still easily recognizable, even today, and retains a classic, clean look that most designers envy. 


More favourite typography links: 

Beautiful Blackletter and Script (via retinart)
From modernist magazine spreads to book art from the 1920s and 1930s, this blog can always be counted on to provide beautiful examples of typography that are motivated by passion but chosen by skill. 

A somewhat technical but still very useful guide to modifying your typography mindset for display on the web. 

From the conventional to the truly unusual, this list of new fonts in the past year or so show that the art of the typeface is in no danger of slowing down. 


And just for fun: 

JOKE! Comic Sans walks into a bar. The bartender eyes him suspiously, and when the font tries to order a drink, the bartender points to the door and says, "We don't serve your type in here." 

ALSO! Check out College Humor's video on what happens when the fonts get together for their annual convention....


Or play the Deep Font Challenge, where you put you knowledge of the in and outs of fonts to the test!