`
bzhang
  • 浏览: 254994 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

WEB 2.0 字体

    博客分类:
  • web
阅读更多
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 
(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.
分享到:
评论

相关推荐

    Web2.0字体样式,增强photoshop样式

    Web2.0字体样式是设计领域中的一种流行趋势,它主要应用于网页设计,尤其是在Photoshop中,设计师们常借助特定的样式来快速实现这种现代化、高质感的视觉效果。本资源包含的“Web2.0字体样式”是针对Adobe Photoshop...

    web2.0风格效果的photoshop样式包

    "web2.0风格效果的photoshop样式包"正是针对这种设计风格的资源集合,它包含了预设的样式、图案、图层样式等,旨在帮助设计师快速、高效地创造出具有Web 2.0特色的界面设计。 Web 2.0设计的核心特征包括: 1. **...

    WEB2.0网站html模板下载

    WEB2.0是互联网发展的一个重要阶段,它强调互动性、社区参与和用户体验的提升,相较于早期的静态网页,WEB2.0网站更注重动态内容和用户交互。 网页模版,如"WEB2.0网站模板",是预先设计好的网页布局和样式,通常...

    web2.0样式

    Web2.0样式是互联网发展的一个重要阶段,它标志着网页设计和用户体验的显著提升。这一时期,网站的设计从简单的文本和图像转变为动态、互动且富有视觉吸引力的界面。Web2.0不仅关注技术的进步,更注重用户的参与度和...

    20款亮实用的WEB2.0导航菜单

    标题 "20款亮实用的WEB2.0导航菜单" 提及的核心知识点是关于WEB2.0风格的导航菜单设计。在网页设计中,导航菜单是用户与网站交互的重要元素,它帮助用户快速找到所需信息并浏览网站的不同部分。WEB2.0是一个广泛使用...

    绿色web2.0设计模板下载

    在绿色Web2.0模板中,HTML和CSS的使用显得尤为重要,因为它们决定了页面的布局、颜色搭配、字体样式等视觉元素,使得网页既符合Web2.0标准,又体现出绿色环保的主题。 模板的文件名称“chahua2180”可能代表该模板...

    24款Web2.0 CSS翻页代码(CSS)

    标题中的“24款Web2.0 CSS翻页代码”指的是使用CSS(层叠样式表)设计的24种不同的Web2.0风格的分页样式。Web2.0是互联网发展的一个阶段,强调交互性、社区化和富媒体内容。在网页设计中,分页是一种常见的导航方式...

    40个web2.0 CSS_XHTML网页模板

    Web2.0是一种互联网技术的发展概念,强调用户体验的互动性和参与性。在这个概念下,CSS(层叠样式表)和XHTML(可扩展超文本标记语言)成为了构建现代网页设计的核心技术。本资源包含40个高质量的Web2.0 CSS_XHTML...

    web2.0 ps样式

    本资源“web2.0 ps样式”就是专门为创建符合Web 2.0风格的设计而准备的。 asl文件是Photoshop中的样式库文件,它包含了一系列预设的图层样式。当你加载这个`web20layerstylesv1.asl`文件后,你可以快速应用这些预设...

    精美方便的PS web2.0样式

    6. **Web2.0设计元素**: 包括但不限于明亮的色彩搭配、渐变背景、玻璃质感、圆角矩形、大号字体和图标等,这些元素在"web2.0.asl"文件中可能会被体现出来。 7. **设计效率提升**: 使用预设的Web2.0样式,设计师可以...

    web2.0 网页设计师必备手册+教程

    在互联网的快速发展中,Web2.0的概念已经深入人心,它带来了更为互动、用户参与度更高的网络体验。作为一位Web2.0网页设计师,你需要掌握一系列关键技能和知识,以创造出吸引用户并具有良好用户体验的设计。本篇文章...

    Web2.0风格按钮示例效果

    Web2.0风格按钮在网页设计中是一种流行的设计趋势,它源自于2000年代中期,以丰富、动态和互动性为特点。这种风格的按钮通常拥有光滑的表面、渐变色彩、高光和阴影效果,使得按钮看起来更加立体且吸引用户点击。Web...

    24款超实用的Web 2.0风格翻页页码css代码

    在网页设计领域,Web 2.0风格的翻页页码是提高用户体验和美观度的重要元素。Web 2.0风格通常指的是具有光滑、动态、交互性强的设计趋势,这种风格在21世纪初兴起,至今仍广泛应用于各种网站。翻页页码则是帮助用户在...

    浅蓝色WEB2.0风格全站模板帝国模板

    【标题】:“浅蓝色WEB2.0风格全站模板帝国模板” 这个标题提及的是一个网站设计模板,采用了“浅蓝色”作为主色调,融入了WEB2.0的设计风格。WEB2.0是一种互联网设计理念,强调用户参与、互动、分享以及个性化体验...

    web2.0封面PPT模板下载

    这个"web2.0封面PPT模板下载"是一个与Web 2.0主题相关的PowerPoint演示文稿模板集合,适合用于展示或讨论与互联网发展、社交媒体、在线协作等Web 2.0特性相关的内容。 模板中可能包含了各种设计元素,如色彩鲜明的...

    一个web2.0模板,带源文件

    【标题】:“Web2.0模板,含源文件” 这个标题揭示了我们正在讨论的是一个设计为Web2.0风格的网站模板,并且它包含了源文件。Web2.0是互联网发展的一个阶段,强调交互性、用户参与度和富媒体体验。这样的模板通常会...

    国外web2.0设计模板

    Web2.0是一个互联网发展的重要阶段,它标志着用户参与度的显著提升,用户从被动接收信息转变为主动创造和分享内容。在这个背景下,设计模板在Web2.0中扮演了关键角色,帮助开发者和设计师快速构建具有互动性和社区...

    40个精选漂亮的WEB2.0网页模板

    6. **字体与排版**:Web2.0模板会选用易读且有特色的字体,同时注重文字的排版设计,使信息层次分明,阅读流畅。 7. **图标和图像**:高质量的图标和图片是提升网页视觉效果的关键。Web2.0模板通常包含矢量图标,...

    40套超cool的web2.0 css模板

    在IT行业中,Web2.0是一个重要的概念,它代表了互联网的一个发展阶段,强调用户交互、社区参与和数据共享。CSS(层叠样式表)作为Web2.0界面设计的关键技术,使得网页呈现更加美观和动态。这个压缩包“40套超cool的...

Global site tag (gtag.js) - Google Analytics