Site Meta

目录归档: 纯说字体

Retina Display 带来的字体问题

iPhone 4 带来的 Retina Display 推出之初为业界带来了好消息。由于精度更加接近印刷物,设计师们期盼 Retina Display 可以带来印刷物般的阅读体验。然而对于很多 iPhone 4 用户来讲,这却并非事实——加强的屏幕精度似乎影响了阅读,这一点对于中文用户尤甚。我们的朋友 Julius Hui 今天在 Twitter 上将这个问题展开为六点,描述的很清楚:

  1. 300ppi 螢幕解像並不加強閱讀享受
  2. 由於字體太 sharp 的關係,與發強光的螢幕造成強烈反差,很刺眼
  3. 由於分辨率比正常大了一倍,字體看上去都幼(细)了。在激光打印上很夠黑的 Georgia 在 iPhone 4 螢幕上都變得很幼(细),襯線體變得不好讀
  4. 由於字體太 sharp 的關係,閱讀時會被字體的細節部分干擾
  5. Heiti 的粗幼(粗细)不均和嚇人的喇叭頭很明顯
  6. 即使開英文介面,中文也會強制大家用 Heiti, 而不是3GS 以前的 Hiragino,頓時覺得介面很爛

与之前 iA 评论 iPad 的设计一样,在原本的设计和字体选择下,新的屏幕硬件并无法给予提升的阅读体验,反而造成了阅读障碍。精度过高的文字与大大超过印刷品的对比度一起,造成了视觉疲劳。英文方面,Helvetica 表现尚可,而 Georgia 根据传统电脑屏幕 hinting 而成的磅数和字体细节已经在新屏幕上变得不合时宜。中文方面,由于 Hiragino 中文系并没有跟随 iOS4,iOS4 所使用的 Heiti 不仅设计美感不足,过多的细节变化(粗细,笔划头尾)也在 Retina Display 上一览无余,加上屏幕的对比度提高,使得阅读变得困难重重。相反 Hiragino 系日文字体则由于其笔划设计更加匀称,在 Retina Display 上则表现较佳。

Retina Display 所带来的精度问题将为苹果和设计师们带来新的挑战。苹果应全面修订和更改其字体策略,对于衬线字体的选择和设计要尤其考虑,Georgia 等字体的设计不再可以胜任阅读。这一问题将在 Retina Display 可能在 iPad 等用于阅读的设备中使用时更加凸现。同时如果能将 Hiragino 系中文字体带入 iOS,则是中文用户的福音。设计师们也要改变对 Retina Display 的盲目乐观的态度。如果不认真对待,提高了的精度和对比度带来的新屏幕在现在来看,与其说是机遇,不如说是挑战。

23 个相关讨论,参加

《土耳其进行曲》和埃及字体

罗塞塔石碑上古希腊文。Image: answer.com

《土耳其进行曲》,莫扎特写过,贝多芬也写过,好多作曲家都写过。《土耳其进行曲》和字体有什么关系?就像《土耳其进行曲》和土耳其的关系,没关系。18世纪欧洲文化圈,不论音乐还是字体,都喜欢取个东方味的名字,类似我们今天的标题党。埃及和字体扯不上太多关系,但就有一类字体,被唤作“埃及”。

欧洲人对埃及总有一种说不出的情节。古罗马帝国的艳后风流、各大博物馆里的海量藏品、文学电影里的埃及历险……作为最靠近欧洲的四大古文明之一,在西方世界中,看得见,摸得着,去得了。

在字体发展的历史上,出现了一种新的没有装饰线的字体,有人称为 Egyptian(埃及的)。在字体历史的争辩中,有观点认为大写的无衬线体最早出现于公元前460至前430年的古希腊伯里克利时代的雕塑和碑刻中。在埃及的希腊风格时期,也常常出现在寺院的颁令、墓碑石和出土的陶罐绘纹上,最著名体现这一风格的,是罗塞塔石碑(Rosetta Stone)。罗塞塔石碑,高1.14米,宽0.73米,制作于公元前196年,刻有埃及国王托勒密五世诏书。石碑上用古希腊字母、古埃及通俗文字和象形文字刻写同样的内容,现藏于大英博物馆。

5 个相关讨论,参加

FF-DIN 圆体之工艺、设计与性感

作者/ Author: Jürgen Siebert & Albert-Jan Pool © 2010
原载于/ Original from: Technik, Design und Erotik der FF-DIN-Rundschrift, 2010, Fontblog | 图片/ Images: Marc Eckardt (A.-J. Pool 人像),Wikipedia (Coney-Island-Stich, Formelsatz) 及 FSI (字体样例)
翻译/ Translation with permission: Metaphox。作者授权 Type is Beautiful 译成中文,请勿转载。

Fontblog 将于星期五开始休假两周,在道别之前,我还想叙述一段多少有些繁复的字体历史 —— 一段我作为自然科学家和字体设计者始终牵挂于心的历史。我会试着把事情讲得尽量精确、也尽可能轻松,因为这些故事关乎于世间最美的东西之一:曲线。摩托车手看待曲线的眼光与字体设计师们有所不同,遭遇爱情的人们亦会用不同于修路工人的方式来演绎曲线,但这种种魅力,最终都可以归结到一切柔软曲线所共有的某一特征上去,而今天就让我来追溯一下它的根源。

6 个相关讨论,参加

小林章讲座记录:英文字体的选择

以下为我们的读者 Chen Kunhan 在前天(11日)东京银座 Apple Store 所做的笔录,内容有少量删改。

本次小林章讲座(小林章欧文タイプセミナー)题目为“英文字体的选择有共识但并不存在规则”(欧文フォント選び・基本はあるけどルールはないんた)。到场的时候已经是下午1点15分,讲座错过了一些,全场有100人左右,我只能站在电梯旁。后来主办方提议大家席地而坐,不过在场的听众有些不好意思,就让我乘机挪到了最前线。 小林章讲座中涉及的内容不深,更多的是介绍性内容和轶事。

首先提到的是 Mac 的字体。Apple 为字体投入了不少资金,使 Mac 得以囊括 一些应用广泛的字体。不过话说回来羊毛出在羊身上,大家买 Mac 的时候都已经付钱了。其中小林章就以 Helvetica、Futura、Cochin、Zapfino 的一些应用例子分别做了一些说明。如果经常看 Type is Beautiful 的话,应该知道 Helvetica 和纽约地铁的故事宜家改变Futura字体;Dior 的 logo 字体采用Cochin;Zapfino 在德国的一些明信片上经常看到。在2003年,小林章与 Zapfino 的设计者 Hermann Zapf 共同重新设计了这款字体。

7 个相关讨论,参加

字体与时尚

本文为杂志约稿,原文刊于大陆版《MEN’S UNO》杂志6月号

切莫以为时尚的世界只有设计之战、品牌之战、潮流之战。衬线还是无衬线,或是手写字体,当我们比对各家时尚品牌的 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。从这一点来说,时尚界是何其保守的一个行业啊。

12 个相关讨论,参加

新时代,新字体 / Martin Majoor 和 FF Scala(下)

FF Scala 和 FF Scala Sans

FF Scala 是一款拥有衬线和无衬线字体的大家族字体,它非常完美和有效的结合了衬线和无衬线字体,作为 Fontfont 最早发行的字体,其在90年代非常有影响的字体家族。

Jan van Krimpen 设计的 Romulus sans 手稿。 Image: Alice Savoie@Flickr

当然 FF Scala 这种拥有衬线和无衬线的大家族字体具有革新创意的设计也不是首创,其实早在30年代就有很多字体设计师在尝试着如何把衬线和无衬线各自优点结合起来,最早尝试的是荷兰设计师 Jan van Krimpen,他同样采用了同样的基础型和相同的字体骨架,设计出了4款型号,但是这款字体仍然处于试验阶段,因此没有被公开发行。我们不能不提的是另一位设计师,英国现代设计鼻祖 Eric Gill,他在1928年设计了他的代表作 Gill Sans,这款极具人文主义构造的字体启发了很多无衬线字体的设计。2年之后他设计出了 Joanna 衬线体,我们可以发现这2款完美和和谐的造型的字体内部构造和神态有着非常多的相识性,但是 Eric Gill 并没有把他们当作同一家族进行公开发行,而是当作独立的设计,有着独立的名称,否则 Eric Gill 第一个设计无衬线和衬线系列的设计师。

10 个相关讨论,参加

新时代,新字体 / Martin Majoor 和 FF Scala ( 上 )

Martin Majoor,荷兰字体设计师,平面设计师,(1960年10月14)在读大学之前就已经接受多年的字体设计和字体排印专业训练,大学期间就曾经设计一套衬线字体,由于不够成熟并没有公开发行,但是期间一直对于衬线和无衬线之间历史和形态的相互关系进行初步研究,这些设计研究对于他今后设计字体都有直接的影响,大学毕业之后开始在荷兰的 Océ 设计公司从事字体排印和字体设计工作,1987 年他在 Utrecht 的 »Muziekcentrum Vredenburg« 设计工作室谋到了一个平面设计工作,这个设计工作室是荷兰最早使用电脑设计并且率采用电脑印刷输出。

FF Scala 细体,正常体和斜体

4 个相关讨论,参加

争论 iPad(下):显示硬件与字体细节

InDesign 效果(左)和模拟的 iPad 显示效果(右)。Image: iA

本文继续讲 Information Architects(iA)对 iPad 杂志设计的批评,涉及到极其细微的字体渲染和效果,引以供各位参考。好事情是 iA 的《iPad 上的〈连线〉是纸老虎》一文已经由 Apple4us 的 Lawrence Li 翻译成中文。因此 iA 的批评直接引用译文:

一、(到目前为止),在 iPad 上用非屏幕字体仍然不是好主意,除非把字号放到很大(这又会带来其他问题)。iPad 屏幕的字体显示技术很难搞。但如果你希望别人来读你的内容,难搞也得搞。

二、大体上说,混用多种字体就好比把句子写得很长。除非你的控制能力达到了天才级别,否则别干这种事。坏消息是:你没法完全控制字体在 iPad 上的显示效果,目前的这种分辨率把细微的差别都抹平了。

6 个相关讨论,参加

关于文字的可阅读性:新附配图

配图说明:这篇短文言简意赅,涉及到西文字体排印的一些核心内容和问题,对初学者十分有益。所提结论高度提炼,但绝不应奉为圭臬,仍该有充分的讨论空间。配图后希望帮助理解。配图:Rex Chen

大写 i,小写 L 与数字 1:过于简单的字型并不意味着容易识别。

因为看到豆瓣和这里都有关于 legibility 和 readability 的讨论,发觉自己还有一篇旧文也是关于文字的可阅读性,很早前写的,可能有很多的不足,发上来一起讨论。

一个优秀的字体必须具备十分明显的特征,单个字母的形体必须是不可替换性的,而且字母形体之间要有明显的区分,这种唯一性并不要求其形体最为简单的,但是必须是十分的清楚的,字母的形态是很好被识别的。因为有时字体形体的过于简单,反而会使字体之间的区别不是很大,在阅读的时候不容易区分和识别。

7 个相关讨论,参加

Google 提供在线字体服务

Google 于五月十九日开放在线字体服务(Webfonts),正式加入在线字体提供商的行列。与我们已经介绍过的 Monotype Web Fonts、FontShop 等字体商不同,Google 此次提供的字体与其诸多既有服务一样,不出所料地完全免费。

Google 目前提供的字体共有十八种,均为目前流传较为广泛的免费字体,包括为 Android 而开发的 Droid 系列,被称为“Fonts for Scholars”的 Cardo,为代码印刷而设计的 Inconsolata,业余之作而不胫走红的 Yanone Kaffeesatz 等等;更为引人注目的是本站曾介绍过其人其事的 IM Fell 字体,此次经由 Google 声势浩大地一口气发布了十个字体族,它的介绍页面也颇费篇幅地讲述了字体背后的历史。

与我们此前介绍的 Fonts.com 所提供的服务相比,使用这些字体无需付费,也不必注册,只消通过 Google Font API 在网页的 head 区域插入一行代码,即可获得对应某个字体的、以 @font-face 形式定义的 CSS font-family 定义,继而就可以在 CSS 中如同使用本地字体一样使用它们。对于浏览器的支持情况也不错,Google 声称 Chrome 4.249.4 以上、Firefox 3.5 以上、Safari 3.1 以上、IE 6 以上均可渲染。使用 iPhone OS 和 Android 的设备目前尚不支持此项服务,不过这一功能的实现应指日可待。对于我们来说,也许唯一的遗憾就是此次发布的字体仅限于拉丁字符集。

在 Google 公布在线字体服务之后,Typekit 紧接着宣布它们此前的几周内已经与 Google 密切合作,在 GitHub 上放出了 JavaScript 开源项目 WebFont Loader ,让用户可以更进一步地控制字体的加载和渲染,也使得其他人能够在自己的网站上提供网络字体服务。此次 Google 所公布的诸多免费字体亦都被增加到了 Typekit 的字库中,所有用户都可以使用。用户还可以选择使用 Google 的 AJAX API 来调用 Typekit 的字体,这样一来在 Google 的免费服务和 Typekit 的付费服务之间切换,只需要更动一行代码。

Google 这一字体服务的显示效果可以在我们的测试页面上看到。(更新:Google 提供了自己的效果预览器。)

9 个相关讨论,参加