web2.0的新特点不仅仅表现在现代的网络技术跟建立在基于互联网上融洽的社区环境有关, 也更多的表现在外表特征上。web2.0的的产生几乎让所以人总是感到兴奋和对未来的憧憬。
web2.0公司经常大量使用小型漂浮式、 色彩艳丽的logo,而且大部分的的色泽是明亮爽快的蓝色跟桔黄色,给人们一种眼前一亮的感觉,所以我们开玩笑说,web2.0的色彩是柠檬绿色的。
这里Ludwig Gatzke’s compilation就列举出了很多有代表性的web2.0公司的logo:
虽然没有什么官方标准说web2.0应该如何如何,但其实细心点还是会发现一些共同的视觉特征。以下转载出自著名的字体研究网站,对web2.0网站的标志(logo)进行了分析。
柔和型(The Softies)
一个很明显的趋势--使用比较柔和的,圆角的字体。
A clear trend in new identities is the use of soft, rounded typefaces dominated by VAG Rounded
web2.0公司经常大量使用小型漂浮式、 色彩艳丽的logo,而且大部分的的色泽是明亮爽快的蓝色跟桔黄色,给人们一种眼前一亮的感觉,所以我们开玩笑说,web2.0的色彩是柠檬绿色的。
这里Ludwig Gatzke’s compilation就列举出了很多有代表性的web2.0公司的logo:
虽然没有什么官方标准说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
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,
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.
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
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.