谈谈Web 2.0网站标志的字体November 2nd 杨掌柜
虽然没有什么官方标准说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 — video sharing Font: VAG Rundschrift and Light obliqued |
![]() |
Zimbra — collaborative calendar Font: VAG Rundschrift Light |
![]() |
Wayfaring — custom Google Maps Font: VAG Rundschrift (fattened with added stroke) |
![]() |
Kajeet — mobile phone service Font: VAG Rundschrift (custom ‘j’) |
![]() |
Zopa — lending exchange Font: similar to Frankfurter Medium or Bryant Bold Alt |
![]() |
Pando — file sharing Font: similar to Bryant Medium Alt |
![]() |
MySpace — social networking Font: Arial Rounded Bold and Bell Gothic Black |
| TracksLife — personal database Font: Arial Rounded Bold | |
![]() |
Eventful — collaborative calendar Font: Arial Rounded Bold (slightly smooshed) |
![]() |
Spongecell — collaborative calendar Font: Arial Rounded Extra Bold |
| Skype — internet telephony Font: Helvetica Rounded Bold | |
![]() |
ShoZu — photo sharing Font: FF Cocon Bold |
![]() |
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 — musical social network Font: ITC Ronda (customized) Alternate: Avernus |
![]() |
Photobucket — photo hosting Font: Digital Sans Medium |
![]() |
Plazes — geographical networking Font: Base 9 Regular SC |
![]() |
NewsGator — RSS aggregator Font: ITC Bauhaus Medium |
![]() |
ReminderFeed — reminders via RSS Font: FF Dot Matrix Two Regular |
![]() |
Technorati — weblog search tool Font: Neo Sans Medium |
| TagWorld — social networking Font: Handel Gothic Bold | |
![]() |
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 — weblog community Font: Trade Gothic No. 2 Bold and Light |
| FeedBurner — RSS optimization and tracking Font: Trade Gothic Bold | |
![]() |
Newsvine — news sharing Font: FF Meta Bold and Book |
![]() |
StandPoint — belief sharing Font: FF DIN Medium |
![]() |
DropSend — file sharing Font: Frutiger Bold |
| Flickr — photo sharing Font: Frutiger Black | |
![]() |
PureVolume — music promotion Font: Avenir Book and Medium |
![]() |
Shutterfly — photo service Font: Avenir Heavy (customized) |
![]() |
9rules — web design network Font: Helvetica Bold |
![]() |
Buzznet — photo/video sharing Font: Helvetica Bold (and a familiar bundle of leaves) |
![]() |
PODZINGER — podcast search Font: Interstate Black |
![]() |
Campfire — group chat Font: Interstate Regular |
| YouTube — video sharing Font: Alternate Gothic No. Two | |
![]() |
Bloglines — news aggregator Font: ITC Officina Bold |
![]() |
Weblogs, Inc. — blog network Font: Syntax Bold |
![]() |
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 — enterprise wiki Font: Lisboa Sans | |
| Facebook — social networking Font: Klavika (customized) Also: cards with Vista Sans | |
![]() |
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. |
翻译:油茶研究会 相关链接:The Logos of Web 2.0

































笑笑生
2006-11-06 11:14
好文
uno
2006-12-04 19:29
能不能有没有arial rounded字体下载呢?
ryanachan
2006-12-05 9:25
uno, 这个可是windows自带的字体。
Uno
2006-12-05 9:46
可我的XP里怎么没有呢,office 2003装了也没有,
还有,我的Xp上也不自带Helvetica rounded,
如果你都有,能不能把这二套rounded都发给我呢,
谢谢啦,急用呵
Uno.bro#gmail.com
Uno
2006-12-05 9:55
ryanachan 再帮我看看,这张用的是什么样儿的字体
http://aycu02.webshots.com/image/6401/2005083802205485621_rs.jpg
谢谢~~
ryanachan
2006-12-05 12:50
都知道字体名字了,还不会使用一下搜索么?
只能推荐你个字体网站了。
http://www.goodfont.net/