谈谈Web 2.0网站标志的字体November 2nd 杨掌柜

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.

uxstudy logo 翻译:油茶研究会 相关链接:The Logos of Web 2.0

category种茶 comments

6 Responses to “谈谈Web 2.0网站标志的字体”

  1. 好文

  2. 能不能有没有arial rounded字体下载呢?

  3. uno, 这个可是windows自带的字体。

  4. 可我的XP里怎么没有呢,office 2003装了也没有,
    还有,我的Xp上也不自带Helvetica rounded,
    如果你都有,能不能把这二套rounded都发给我呢,
    谢谢啦,急用呵

    Uno.bro#gmail.com

  5. ryanachan 再帮我看看,这张用的是什么样儿的字体
    http://aycu02.webshots.com/image/6401/2005083802205485621_rs.jpg

    谢谢~~

  6. 都知道字体名字了,还不会使用一下搜索么?

    只能推荐你个字体网站了。
    http://www.goodfont.net/


这时,又一位英雄站了出来:

记住我,我是回头客: