切莫以为时尚的世界只有设计之战、品牌之战、潮流之战。衬线还是无衬线，或是手写字体，当我们比对各家时尚品牌的 logo 字体时，也能依稀闻到江湖门派的硝烟。

当今最为著名且无所不在的字体，莫过于1957年诞生于瑞士 Helvetica。英国导演 Gary Hustwit 在2007年拍摄了纪念其诞生50周年的同名纪录片，并获得了出奇的好评。我们今天熟悉的 Windows 默认字体 Arial，即为 Helvetica 的廉价版。TOYOTA、3M、GE、MUJI、Lufthansa 等国际品牌都把 Helvetica 作为 logo 字体。跟随了国际主义风格闻名天下的Helvetica，却唯独不受时尚界青睐。川久保玲的 Comme des Garçons 和 American Apparel 是少数使用 Helvetica 作为 logo 字体的品牌，盖因其品牌较新，且来自亚洲或美国。而欧洲那些标榜自己历史悠久文化深厚的品牌，却并没有“与时俱进”。只有到了60年代绽放的 FENDI，使用略微拉长了的 Helvetica 字体作为 logo。从这一点来说，时尚界是何其保守的一个行业啊。

虽然金融危机让奢侈品行业在欧美发达国家很受伤，但中国的超级强大购买力和消费水平却让他们看到了希望。2009年中国大陆的奢侈品市场近百亿美元。中国将在五到七年时间内成为世界最大的奢侈品市场。对于很多国人来说，最郁闷的莫过于比较难记住这些品牌的标志。奢侈品牌往往在标志上力求精简，色彩低调，造型相似。很多品牌由家族作坊发展而来，初期常采用独具特色的家族标识，但为了国际化，他们会改用字体标识作为主要的识别符号。谨慎选择过的字体，对拉丁语系的消费者来说，所透露出的信息和内在气质大不相同。Giorgio Armani 的典雅，Ermenegildo Zegna 的精致，Yves Saint Laurent 的前卫古典，VERSACE 的时尚，Calvin Klein 的简约……

一些具有百年历史的品牌，总是强调自己传统的工艺和优良的设计，这些气质和风格也体现在其标志上。诞生于18世纪的“现代衬线”（modern serif）字体成为了一个很好的选择。最著名的有法国的 Didot 和意大利的 Bodoni，他们继承和复兴了古典主义的理念，在设计上强调简洁理性，笔画粗细对别强烈，衬线的转角犹如机械加工般精确，透出极强现代感的同时又保留了衬线这一传统元素。现代衬线字体对那些追求亦古亦新和完美细节的奢侈品牌来说，是再合适不过的了。流淌着法国血统的 Didot 字体伴随巴黎成为世界时尚的中心，被大量使用，如时尚杂志《Vogue》、《Harper’s Bazaar》、《ELLE》等，后来更成为 Armarni，Burberry 等众多高端时尚品牌的最爱。其它衬线字体也深受欢迎，比如具有罗马宫廷式的奢华、高贵雍容的 VALENTINO 和同样有着罗马贵族气息的 Bodoni 字体简直是绝配。Ermenegildo Zegna 则独钟于 Walbaum 字体，成为品质的象征。顶级品牌纷纷使用衬线字体，对于后来者倒成了搭便车的捷径。“快速时尚”的 ZARA 用了过渡主义衬线“装饰”自己。比 GUCCI 年轻60岁的美国品牌 GUESS，除了在拼写上接近于 GUCCI，在 logo 字体上也十分相似。如果不是 GUESS 另有三角形的设计元素，那真是很容易和 GUCCI 混淆起来。 只有瑞典人有骨气，用了少见的手写字体作为 H&M 的logo。

作为七八十年代法国高级成衣的代名词——伊夫·圣罗兰（Yves Saint Laurent），他用巴黎左岸创新、时尚的独特风情开创了色彩缤纷、浪漫高雅的圣罗兰时代。好马配好鞍，一个奢侈品牌当然需要一个优秀的品牌设计。60年初期，伊夫·圣罗兰创立时就聘请了当时法国平面设计界最为著名的设计师A. M. 卡桑德（Cassandre）为其品牌形象亲自操刀。卡桑德同样是巴黎的骄傲，可以说卡桑德就是法国平面设计界的伊夫·圣罗兰，他在二战前后一直都是法国平面设计界的领军人物，他的 Dubonnet 红酒的广告设计，开创了法国独特的浪漫设计先河。卡桑德和时尚界有着较深的渊源，在30年代末的时候他就是 Harper’s Bazaar 的艺术指导。他在职的那几年定义了这本时尚杂志的基调。1963年为伊夫·圣罗兰设计标志时他已经60多高龄了，他设计的三个曲线字母的连接造型成为时装风格的新标志。这个标志除了非常独特的组合之外，而采用的字体也不同于其它品牌。卡桑德并没有采用传统的衬线，而是采用了一种人文主义无衬线字体。所谓的人文无衬线指的的是削弱无衬线字体的笨拙、工业味十足的缺点，而掺揉了衬线字体的手写元素。其中最典型的为是 Optima 字体，字形横竖笔画的粗细并不一致，字里行间散发出优雅、简练的气质。只是卡桑德设计的字体对比度更大，笔画更加的优美，为圣罗兰打造出独特的艺术浪漫特质。这和伊夫·圣罗兰的前卫而古典风格相符合。设计师品牌 Versace 标志也是采用同样的字体设计风格，不同的是其笔画粗细变化不那么明显。

可以追述到1925年之前的意大利品牌 FENDI，直到60年代遇到了德国设计师 Karl Lagerfeld。1965年，Karl Lagerfeld 为 FENDI 设计了双 F 标志。FENDI 从50年代开始真正发展，聘请 Karl Lagerfeld，使用 Helvetica 作为企业标识和专用字体，在她成为国际知名奢侈品牌的道路上，无疑是举足轻重的一步。

50年代创始的法国品牌 GIVENCHY，也是少数使用标准无衬线字体 logo 的品牌。2003年，品牌聘请著名英国设计师 Paul Barnes 修改了1952年创立时的经典 logo。字母 G 的垂直笔画向下伸长，字母 C 的切口变成了垂直向的，字母E的中间水平笔画变短了。总体来说，字母的宽度都略为变宽，而间距则紧缩了。

Paul Barnes 是70后的设计新星，2007年，他为超级名模 Kate Moss 设计了 logo。此外，他还为冰岛歌手 Bjork 设计了个人标识，并担任了 Harpers Bazaar 杂志的字体顾问。

美国在经济和高科技领域称王称霸，但是在奢侈品或者时尚界几乎没有太多的话语权。那些拥有上百年基业的欧洲品牌，都抵上大半个美国历史了。在欧洲人眼里，美国顶多是一个经济上的“暴发户”。时尚品牌 Calvin Klein 应该算是一个独苗。起初 Calvin Klein 的标志采用大小不一的古典衬线字母“c”和“k”组成，在设计上可能受 Giorgio Armani 的风格影响很大。几年前，Calvin Klein 终于抛开“古典”这伪面具投入到现代主义的怀抱，把“c”、“k”换成具有现代气息的无衬线 Futura 字体。带有梦幻特质的 Futura——“未来体”是20年代现代主义大行其道时代的经典代表，由德国的 Paul Renner 设计的，受当时的俄国构成主义影响，和喻为现代设计摇篮的“包豪斯”一脉相传。新的标志更彰显了 Calvin Klein 的极简设计风格。

正如 Calvin Klein 自己曾说：“我觉得我的设计哲学更趋向现代主义，我会继续专注于美学——倾向于强调一种纯粹简单、轻松优雅的精神”。而新推出的桀骜不驯风格的广告也把这种现代设计发挥得淋漓尽致。无衬线字体给时尚品牌形象带来了清新活力之风，如 Dolce & Gabbana，Diesel 等。

很多品牌都喜欢在 logo 之外另外设计一个标识，如 CHANEL 的双 C，FENDI 的双 F 和 GUCCI 的双 G。这些图案化了的标识，都取自原有的 logo，这似乎也成为了一种普遍做法，为一些低端和山寨品牌所纷纷效仿。然而 Louis Vuitton 的 logo 和 LV 的标识，一个采用了无衬线字体，另一个则用了衬线字体，非常奇怪。而 GUCCI 的字体使用了旧式衬线字体，而双 G 则是无衬线体。又想强调自己的传统，又想变得现代化一点的矛盾心理，造就了这样一种扭捏的现象。

我们的网站技术人员 Metaphox 有一天在 Twitter 上看到了 Nehan 这一使用 JavaScript 来实现日文直排（竖排）的工具，就以其为基础做出了一款 Wordpress 主题：VerTick（Demo 演示）。目前这款主题已经基本完工，Metaphox 决定将它发布，以供有兴趣的人使用。同时，关于这款主题的使用细节，我们也对 Metaphox 进行了简单的采访，内文如下。

说一说做直排 Wordpress 主题的动机？或者应该先问你为什么喜欢直排中文？

Metaphox：为什么喜欢直排中文，可能是因为我爸是学古汉语文学的，家里有不少直排的书，小时候看过一些，觉得直排的中文很好看。虽然后来在很长的一段时间里，我都以为只有古书是直排的，对世界上还有不少人仍旧将直排作为日常阅读文本的排版方式这一事实浑然无知。再后来我发现，二十一世纪中国大陆网络文艺青年的圈子里时兴起书写“没被简化的中文”风潮，并且多少都对中文简化颇有微词，却没见到几个人认为直排也应该复辟一回。字的写法几千年来都在慢慢改变，字的排列方向之改变却是剧烈而突然的，反对前者却对后者视而不见，想一想真是件很可笑的事情。

至于制作这个 Wordpress 主题的动机，简要概括就是：闲得蛋疼。至于比较详细的缘由，大概可以回顾到我大学二年级，刚刚开始和 HTML/CSS 彼此折磨的时候。那时 IE 还基本上是唯一的浏览器，而 IE 对直排的支持虽然不算完美，但是至少是可以做到的，我也觉得直排的中文在网页上很漂亮。后来 IE 渐渐被一众新浏览器所颠覆，尽管后来者们有这样那样的优点，不支持直排却始终是个缺憾，我总觉得应该弥补一下，但是要做的事情太多，而且也看不到比较优雅的解决方法，渐渐也就满足于看看直排的纸书，对网页直排失去了希望，直到遇见 nehan。

Nehan 是怎样实现直排的呢？为什么要用 JavaScript 来实现直排？

Metaphox：Nehan（日文“涅磐”，作者为渡辺正紀）实现直排的方式其实相当暴力，简单来说就是在每个字符下面插入一个换行符，然后把字都塞进宽度为一的狭长表格单元里面强迫对齐，再把多个这样的单元逆序排成一个表格，这样就完成了一页直排文本。但是原理说起来简单，做起来实际上是非常复杂的，比如标点符号、图片混排、西文混排、超文本链接的处理等等，还有日文的“振假名”，也就是在汉字的右侧加上小号字体的假名注音这个需求，也要想办法完成。Nehan 比较优秀地完成了这些工作，虽然并不完美——“完美的程序”这种东西，本来就不存在于这个世界——但是绝对已经可以付诸实用了。实际上 Nehan 最主要的应用就是“縦書き文庫”，一个在线阅读的日文书库。

使用 JavaScript 来进行排版的原因，最大的好处是它不会破坏文档本身的语义特性。正确地使用 HTML 可以标记出文档的结构，而这可以帮助机器（比如搜索引擎）来“阅读”文档。JavaScript 对文字的转换是不会影响机器的理解的，因为机器“看”不到被转换之后的文字。做个小小的比较：用假古文这样的工具将一段文本转为直排，然后发布到网络上。对于搜索引擎来说，这段文本毫无意义，因为它已经没有次序了，但是用 Nehan 的话，就没有这个问题。至于使用 JavaScript 会拖慢浏览器这个缺点，相比之下还是可以接受的。

那么，简要介绍一下 VerTick？

Metaphox：事实上 Nehan 是很灵活的工具，可以很简单地放在几乎任何网页上达成直排的效果。但是能够自己动手做这件事终究是需要一定的编程知识的，所以我想如果能简化一下它的使用，也许会方便更多的喜欢直排的人。网络上使用 Wordpress 的人很多，TIB 在用，我也用过，所以做一个整合 Nehan 的 Wordpress 主题，在我看来是个不错的主意。

VerTick 把 Nehan 和 Wordpress 的默认主题针对中文的使用习惯做了做调整，还实现了一些比如全中文日期之类的细节功能。使用起来，只需要下载，解压，上传，激活这个主题，这是每个 Wordpress 用户都会做的事情——然后就能看到自己既有的文本被直排好了。

目前它提供三个选项：

• 在预制的四种 CSS FontStack 之中选择宋、黑、仿宋、楷体
• 选择传统中文的标点（居中）或者中国大陆的国家标准（部分标点靠右）
• 使用中文或者被简化的中文作为提示文字

当然，第一个选项严重受限于浏览器和操作系统。仿宋和楷体在 Mac 上的显示很漂亮，在 Windows 上则相当难看。至于 Linux，我只测试了 Ubuntu 10.4，感觉还是过得去的，而且我相信 Linux 的 DIY 玩家们应该也不需要我来操心这个问题。

VerTick 主题目前很简陋，还有很多需要改进的地方，比如对 Widgets 的支持，更好的易用性细节等等，不过目前这个状态已经是可以用了，修改起来也很容易。我把源代码放在 github 上面，以后还会渐渐完善。我自己也打算重新开一个 Wordpress，把混杂西文比较少的日志放在上面，身体力行“eat your own dogfood”这条程序员的哲学……

还有什么想说的吗？

Metaphox：嗯。负责 Web 标准的 W3C 已经着手于不同语言书写方向的标准制定工作很久了，但是在那个几乎永远处于草案状态的标准确定下来，并且被几个主要的浏览器厂商实现之前，Nehan 大概是我已知的最佳方案。很遗憾，不论是着力推动 W3C 为文本直排之实现制定标准的，还是最终完成 Nehan 的，都和我们这个世界上最大的汉语使用国家没什么关系。

不过无论如何，希望在今后的某一天，可以看到浏览器完美地支持直排文本，像下图这样的书籍排版，可以在网上完美地重现：

• VerTick 下载
• VerTick Demo 演示
• VerTick 最新的源代码

今天到中文维基百科（内地用户照常无法访问，截图如上），新的首页设计出炉。首页从美学到功能都不能说是十分成功。无论从强烈的“设计”元素，乃至喧宾夺主；到这些设计元素本身的质量，都可以说是从原来的版本的倒退（原来的版本类似的可以参见英文维基）。然而有意思的是，这一设计是经过 Wikipedia 中文社群大量成员积极参与讨论而成的。从关于设计的第二轮讨论看，设计的细枝末节，从排版、字体、用色、图标的设计细节和阴影的使用，等等等等都经过了民主发言、讨论和投票。

引起我联想的是昨天在 Twitter 曾经提到的，由陈幼坚先生主笔的香港城市形象标识的升级。这次升级从2008年5月份开始在全市调研，“广泛邀请不同界别人士为「香港品牌」建立共同愿景，包括举行专业民意调查、咨询会、核心小组讨论、工作坊、设立专门网站、比赛等，收集公众的意见和期望”；甚至“参考由国家／地区品牌专家 Simon Anholt 编撰的「城市品牌指数」有关香港的报告，以及使用特设网上调查工具 WebLedge，在互联网上把香港与其他城市作出比较。”最后通过公开招标，最终确定陈幼坚的设计。

这一设计表现了香港新的核心价值，三条彩带的设计代表了可持续发展（蓝天绿地），和红色的狮子山山脊线，“象征香港人‘我做得到’的拼搏精神”。这一从概念到执行都令人愕然的作品，这两天也成为年轻香港设计们的笑柄。

两者都是由众多专业和非专业人士参与的设计，程序上十分民主科学，执行上充分考虑各方意见，有比稿有思想有功能有广度的作品，然而都成了设计上的悲剧。这样的例子是不胜枚举的，从官僚政治广泛插手，到民众过于热情的参与，很多拥有美好期望的设计计划都毁于一旦。更进一步，大众、多方参与的设计有多大程度是为了科学和民主，以期取得最好结果，而有多大程度是政治家的把戏和广告公司的噱头，令人生疑。设计是多大程度的设计师的专业独裁，和多大程度的广泛听取建议，尺度是一个问题。

Typophile 第五届电影节（Typophile Film Festival 5）在2009年9月举行，时长仅一小时，播放了来自几个国家的关于字体和设计的展示、访谈的短片。这一开幕短片由 BYU 大学师生手工完成，没有使用电脑动画。导演是 Brent Barson。影片使用各种使用字体为元素的产品，来表达人的五种感觉和它们对生活和创意的重要性。制作精良，不可错过。

（本文原由本站 Twitter 发布。Vimeo 视频，中国内地可能需翻墙。）

点此察看

BBC（英国广播公司）作为全球最重要的媒体机构之一，一直在新媒体和设计领域领先全球。从它成功的新闻网站到近年来 iPlayer 网络播放平台都成为各国媒体效仿的对象。本周 BBC 发布了新网络视觉系统的预览，阐述了宏大的新概念。两年前我们提到 BBC 的“Global Visual Language 2.0”，项目旨在为 BBC 网站提供新的统一的视觉语言。该项目使用了新的视觉系统，包括网格、字体、颜色和新的播放器等等。

两年后的今天，BBC 决定更上一层楼，决定更新这一网络视觉系统，以期成为再次媒体设计的全球标准。这次的设计试图“创造一种新的设计哲学”、“寻到 BBC 的灵魂”，以及“让 BBC 更加有区别性和识别性”。这次设计 BBC 也邀请了英国著名设计师和字体师 Neville Brody 作为顾问，由 BBC 创意总监 Ben Gammon 与 BBC 用户体验和设计部门共同完成。设计目标的关键词展现出这次设计的雄心：现代英国、时事、强势、独特、领先、综合、通用和最佳。

设计从历史上优秀的英国设计中寻找灵感，包括1960年代企鹅书籍系列独到灵活的网格系统。新的网格系统使用了31个以16像素为基本格的网格系统，十分灵活。

使用该网格系统，新设计建立了一套纵横交错的内容设计。

新的基线（Baseline）系统尺寸为8像素，可以严格控制水平内容的排列。

新标准的字体除了公司专用字体 Gill Sans，还将 Helvetica 和 Arial 设置为标准。

新的视觉系统仍然在完善当中，将在今年逐渐开始采用。尽管 BBC 这次新的视觉系统单就设计来讲，从 Helvetica 和 Arial，到元素的编排和使用，并没有太多的新鲜感。但相较 BBC 现在的情况而言（形象较乱较弱），如果应用得当，新的设计可以大幅提高形象和用户体验，在它的竞争对手面前也会继续维持领先。

在Hi-iD上看到的消息。瑞士苏黎世出版的全国性德语报纸《Tages-Anzeiger》（每日导报）于近日完成了新版设计，由 Tom Menzi 操刀。但今天要提《TA》的重新设计方案中参加投标的一个，由基于苏黎世和东京的 iA（InformationArchitects）操刀，因为他们新颖的设计思路，我觉得有必要在众多重新设计报纸的 project 中提起，即便他们没有获得这个项目。正如他们说的：这是一个美丽的失败故事。

iA 是一家以用户体验为中心的工作室，它们在解释新设计概念时称：

让报纸更易使用，使用跨媒体的思路，充分利用报纸图片、信息图、文章好的优势。尽管要从根本上重新设计，但外观上要尽量和旧版保持一致。新的报纸要让人因为易用性比别人强而购买，而非获过平面设计奖。

新设计大胆的提出，放弃一切报纸设计的条规，一切从用户的使用出发。因此主要的变革包括：

1. 使用更易读的文字，拉大行距和字号，即便看起来不再像一般的报纸。
2. 将字体只限于两种：Frutiger Next 和 Frutiger Serif，两者配合天衣无缝。
3. 在文章中用蓝色字标出重点词句，不仅可以迅速浏览文章重点，也可以利用这些关键词迅速在网站上获得扩展讯息，摒弃了冗长的 URL。
4. 每一页都严格按照顺序，左上角为重点文章，右下角为次要文章。
5. 严肃新闻分五栏排，非严肃新闻四栏，体育版混排。并且评论版不用两边对齐。
6. 大尺寸图片和信息图，充分利用纸质优势。

这个方案失败的原因的根源，也是这个方案吸引眼球的根源，在于 iA 是一个注重线上体验的公司，在制作新闻网站方面经验丰富，因此将网络用户体验的知识和经验带到纸质媒体的设计上，虽然这对于传统媒体来说是极具革命性的，但也不能避免他们的局限性。设计过于考虑外观，而缺乏对新闻的理解。比如每页按文章重要性排列位置，似乎就是一个实施起来很困难的设计。标出重点词句的做法也极具争议性。

报纸设计评论 Mario García 也喜欢这一设计，但几次谈到 iA 在纸质报纸设计思维上的“稚嫩”（naiveté），不了解编辑思考问题的方法和新闻故事的结构（他提到方案展示时，有的图片没有底部图片说明，这在报纸编辑看来是致命的不专业新闻的表现）。但也正是这种“‘单纯’（innocence）与创意混合，成为了这个方案的闪光点”。

伦敦街头著名的红色电话亭是著名的文化标志，然而走进外表光鲜的电话亭却是阵阵浓重的骚味——无数无家可归者将这些电话亭当作最好的避难所。此外每个电话亭里面也注定贴满了众多性工作者的广告卡（Tart Card，下图），这也是伦敦街头的另一地下风景和文化标志。这些设计甚至影响了一些主流设计师，包括来自皇家艺术学院的 Tom Phillips 和性手枪（Sex Pistol）乐队设计师 Ray 和 Nils Stevenson.

《Wallpaper》杂志在出版自己第一期“性爱”特辑之际，联合 Type LLP 和 St Bride Library，邀请从著名工作室设计师（包括 Build、Why Not Associates 和 Spin 等等）到设计学生的一大批人，请他们根据自己选择的字体设计字体的性爱广告卡。重新设计的卡片也会随后在伦敦的 KK Outlet 展出。

伦敦传媒学院（London College of Communication）近日举办了名为“凸版印刷的变迁”（The Changing Face of Letterpress）的展览。展览集中了一些师生的作品，旨在在数码时代不断拓展凸版印刷这项曾经辉煌的技术的新可能性。展览很小，但作品十分不错，以下是部分网站上没有展示的作品照片。

总是尽量避免中文的 Typography，但看到精彩的东西还是忍不住要拿出来。这是一个餐厅的设计，设计师是日本人廣村正彰（Masaaki Hiromura）。采访中廣村提到“汉字是世界的瑰宝”，不知道现在还有多少人能真正体会到这一点。设计对于当地的外国人很实用，昨天在伦敦传媒学院（LCC） Bibliothèque 说到：“We love to communicate, we love to solve problems.” 不能很好的解决问题、改善沟通的，大概不能算是好的设计师和 Typographer。

来自日文 blog TAMALOG （Blog 的设计也很好）