虽然没有什么官方标准说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.
没有评论:
发表评论