2007年3月26日星期一

谈谈Web 2.0网站标志的字体

Web 2.0 Logos

虽然没有什么官方标准说web2.0应该如何如何,但其实细心点还是会发现一些共同的视觉特征。这篇文章出自著名的字体研究网站,对web2.0网站的标志(logo)进行了分析。

Web2.0从品牌上来说一个共性就是开放和友好,颜色使用往往努力追求轻松愉快明丽,很多的天蓝色,橘红色等等,有时候我们开玩笑说web2.0的官方颜色为:水果绿(lime green,有些青涩的绿色)。(嘿,的确看到很多优秀的web2.0网站是这个颜色)
接着,作者很细心的整理了品牌特征明显的web2.0网站的Logo,分析了他们所使用的字体。

柔和型(The Softies)

一个很明显的趋势--使用比较柔和的,圆角的字体。
A clear trend in new identities is the use of soft, rounded typefaces dominated by VAG Rounded (AKA Rundschrift), but also including Helvetica Rounded, Arial Rounded, Bryant, and FF Cocon. All of these lend a modern friendliness to what might otherwise be a cold trademark. Here are a few examples:

ClipShack Logo
ClipShack — video sharing
Font: VAG Rundschrift and Light obliqued

Zimbra Logo
Zimbra — collaborative calendar
Font: VAG Rundschrift Light

Wayfaring Logo
Wayfaring — custom Google Maps
Font: VAG Rundschrift (fattened with added stroke)

Kajeet Logo
Kajeet — mobile phone service
Font: VAG Rundschrift (custom ‘j’)

Zopa Logo
Zopa — lending exchange
Font: similar to Frankfurter Medium or Bryant Bold Alt

Pando Logo
Pando — file sharing
Font: similar to Bryant Medium Alt

MySpace Logo
MySpace — social networking
Font: Arial Rounded Bold and Bell Gothic Black

TracksLife Logo
TracksLife — personal database
Font: Arial Rounded Bold

Eventful Logo
Eventful — collaborative calendar
Font: Arial Rounded Bold (slightly smooshed)

Spongecell Logo
Spongecell — collaborative calendar
Font: Arial Rounded Extra Bold

Skype Logo
Skype — internet telephony
Font: Helvetica Rounded Bold

ShoZu Logo
ShoZu — photo sharing
Font: FF Cocon Bold

Tabblog
Tabblo and Tabblog — photo sharing
Font: FF Cocon Bold

未来主义型(The Futurists)

Some sites are reflecting the technological breakthroughs of Web 2.0 with a look that says “tomorrow’s techno”. Pixel faces, hard edges, and ultra simplified forms are not as common as the cozy shapes from the group above, but they represent a good portion of the latest internet startups:

Last.fm Logo
Last.fm — musical social network
Font: ITC Ronda (customized)
Alternate: Avernus

Photobucket Logo
Photobucket — photo hosting
Font: Digital Sans Medium

Plazes Logo
Plazes — geographical networking
Font: Base 9 Regular SC

NewsGator Logo
NewsGator — RSS aggregator
Font: ITC Bauhaus Medium

ReminderFeed Logo
ReminderFeed — reminders via RSS
Font: FF Dot Matrix Two Regular

Technorati Logo
Technorati — weblog search tool
Font: Neo Sans Medium

TagWorld Logo
TagWorld — social networking
Font: Handel Gothic Bold

Shoutwire Logo
Shoutwire — news sharing
Font: Agency Bold

古典主义型(The Classics)

Safe standbys like Trade and News Gothic, Frutiger, Avenir, Interstate, FF Meta, FF DIN, and the always ubiquitous Helvetica continue to see use in new web logos:

Xanga Logo
Xanga — weblog community
Font: Trade Gothic No. 2 Bold and Light

FeedBurner Logo
FeedBurner — RSS optimization and tracking
Font: Trade Gothic Bold

Newsvine Logo
Newsvine — news sharing
Font: FF Meta Bold and Book

StandPoint Logo
StandPoint — belief sharing
Font: FF DIN Medium

DropSend Logo
DropSend — file sharing
Font: Frutiger Bold

Flickr Logo
Flickr — photo sharing
Font: Frutiger Black

PureVolume Logo
PureVolume — music promotion
Font: Avenir Book and Medium

Sutterfly Logo
Shutterfly — photo service
Font: Avenir Heavy (customized)

9rules Logo
9rules — web design network
Font: Helvetica Bold

Buzznet Logo
Buzznet — photo/video sharing
Font: Helvetica Bold (and a familiar bundle of leaves)

PODZINGER Logo
PODZINGER — podcast search
Font: Interstate Black

Campfire Logo
Campfire — group chat
Font: Interstate Regular

YouTube Logo
YouTube — video sharing
Font: Alternate Gothic No. Two

Bloglines Logo
Bloglines — news aggregator
Font: ITC Officina Bold

Weblogs, Inc Logo
Weblogs, Inc. — blog network
Font: Syntax Bold

Wikipedia Logo
Wikipedia — collaborative reference
Font: Hoefler Text

更新:

最新的古典派(New Classics)

趋势是设计师不停的打破现在,才创造出来的。下面提到的几个,使用新的字体,有可能引领潮流,成为不变的经典。这些网站不仅在图片和头部区域使用这些字体,而且整个站点都在使用,这是一个增强品牌独特形象的好方法。
Just as there will always be trends, there will also be those designers who break from them. The following logotypes eschew the popular styles mentioned above and use new typefaces that have the potential to become timeless classics. The typeface is then used throughout the site in headers and graphics. It’s a great way to reinforce a brand and set it apart:

Socialtext Logo
Socialtext — enterprise wiki
Font: Lisboa Sans

Facebook Logo
Facebook — social networking
Font: Klavika (customized)
Also: cards with Vista Sans

Joyent Proxima
Joyent — small business server
Font: Proxima Nova (alt ‘a’)
Not a logo, but we love Joyent’s use of Proxima — a new face that feels familiar but has its own character.

没有评论: