信息设计,文字排印,平面设计,设计写作和研究

Erik Spiekermann从业设计30周年。

Posted: February 4th, 2010 | Author: fhzdesign | Filed under: 信息设计, 品牌设计, 展览 活动, 设计历史 | No Comments »

eye_doppel

Image:EYE Magazine

德国著名设计师Erik Spiekermann从1979年创建MetaDesign到退出MetaDesign,2002组建United Designers Network,  2007更名Spiekermannpartners, 到2009重组公司和荷兰设计公司EdenDesign合并成 EdenSpiekeramm已经走过了30年,英国的设计杂志EYE magazine作个一个专辑介绍这段历史。而且还作个一个时间年表。

Bild 4

——

eye_screen


为了信息传达的更加有效 / 交通专用字体。

Posted: January 31st, 2010 | Author: fhzdesign | Filed under: 信息设计, 字体历史, 字体设计, 平面设计, 设计批评 | 8 Comments »

Bild 4

 

之前有一篇博文是关于杭州新交通设施的设计方案,是由中国美术学院艺术设计院设计的,有不少朋友提出一些异议和不通的看法,主要是关于交通道路标志牌字体方面的问题,之前一直想写一点评论,现在整理了一下补上。

 

西文部分

 

心细的一些朋友已经看出,这个设计方案西文所使用是英国现代设计的最主要代表Gill Sans, 在文字排版方面Gill Sans有着非常好的效果,尤其在一些文学性小说方面。其字形温文尔雅,带有浓郁的英国绅士气质,具有人文主义的构造游走于无衬线和衬线的 Gill Sans更具现代感,这都使Gill Sans成为一款经典的字体。

 

Bild 6

FF Info和Gill Sans的比较

Bild 8

光晕模拟效果下FF Info和Gill Sans的比较,上为DIN 1451下的Gill Sans.

 

但是这款在文学排版方面有着突出优势的字体未必能在交通路牌领域能适应,虽然它也使用在英国的铁路系统,但是由于这款字体的局限性使得在交通系统,这个强调信息准确,有效传达这领域中不能胜任。一方面是,Gill sans虽然相比Helvitica等经典无衬线字体来说,一些字母有着较大的开口,而且x高度也非常不错。但是过于强调人文主义的构造,其一些笔画粗细对于过于强烈,比如e,a等,这在高速移动的时候对于信息的识别速度和准确性会带来干扰。二:Gill  Sans专门是为文本排印而设计的字体,所以字符之间的距离较小,但是这也会到时字体在光晕的干扰之下会黏糊在一起。三:Gill Sans在字母小写l, 大写i,数字1等方面都存在设计缺陷,字形差异非常小,这对于一个强调信息准确度的交通领域是一个致命的问题。

 

之前我也写过一篇关于欧洲主要一些国家交通字体的文章,大家可以发现其中Frutiger DIN是主流字体。先说一下导视系统最主要的代表Frutiger,(我之前有写过一篇关于柏林公共交通系统设计的文章,里面有较大篇幅关于表Frutiger的介绍)这款是为巴黎戴高乐机场专门设计的导视系统专用字体,不管是从信息的准确传达或者是识别速度上都有着非常惊人的优势,但是这款字体字符过于宽,这对于有时须要复杂较长路名的交通路牌来说是非常糟糕的,所以很多地方的交通路牌会采用Frutiger的窄体作为标准字体,比如瑞士的ASTRA Frutiger,柏林地铁的FF Transit,都是用Frutiger窄体进行再设计的。不过表现依然不错。怪不得Erik SpiekermannFrutiger Original视为最爱。

 

德国的交通专用字体是大名鼎鼎的DIIN,其实更为标准的应该是DIN 1451,包括(中和窄两款),DIIN作为德国交通专用字体历来已久,除了这款字体符合德国人的性格之外,最款字体最早的雏形是因为制做方便,DIIN基本型是采用网格系统来完成的,在早期交通路牌制做工艺比较落后的情况下,DIN的网格系统化设计是非常有优势的,而且不错出现太大的差错。


 Bild 5

光晕中DIN 1451FF Info的比较,左光晕下的DIN 1451,中 FF Info,右光晕下的FF Info

 

关于DIN 1451未必是完美的,信息设计和字体设计师Erik Spiekermann在他的著作《 über schrift ,关于字体》一书中,就有对于DIN 的强烈批评,他认为德国社会过于迷信DIN的权威,而忽视其在交通系统中的一些缺陷,顺便提一下的是Erik Spiekermann除了他在字体设计有着突出的贡献,而且他在信息设计也有非常大的影响,他是国际信息设计学院(Internationales Institut für Informationsdesign)的委员会成员,这个组织强调在公共领域的信息设计,比如交通导视系统领域等,所以Erik非常重视信息传达在字体设计,他在文章强调,当时的DIN 1451(德国现在采用的是Erik指导,荷兰设计师Albert-Jan Pool设计的 FF DIN, Erik把自己的理念渗透到这款字体中)笔画过于粗壮,字母的内空间过于小,个别字母的笔画差异太小而导致在有光晕的影响下字体的准确度下降。

 

Erik Spiekermann1996年的时候设计了一款针对交通导视系统的字体,这款字体的委托者是多塞而杜夫国际机场,当年411日因为糟糕的安全出口导视系统的设计,导致17名乘客在火灾中丧生。这个血的教训直接导致机场高层下决心更换整个机场的导视系统,meta设计公司也在6个星期内完成这个艰巨的任务,这套字体其实是采用了Erik1988年所勾画的一款基础字体。因为这款字体有着良好识别性和准确性,所以后来由Fontfont公开发行的时候称之为“FF Info”

 

虽然各国的交通专用字体是由不同的设计师设计完成的,每个设计师有自己的设计理念和独特的解决方法,但是有一个基本的原则是大部分设计师遵循的,我们通过FF Info来说明一些规律,内争空间,外要位置内争空间的意思是要通过不通的方法扩大字符的内空间,这种解决方法可以通过小写字母的x高度设计的较高,字符内部的空间较宽阔以提高识别性,外要位置是尽可能的增加字符之间的空间,这有点像中国国画中的计白当黑的哲学,这是因为在交通路牌中,夜间的情况下字体很多是通过外部光源的反光而被识别的,所以期间会产生光晕“的物理错觉,所以字符之间不可能靠的太近,要不然会出现相互打架的情况。这就要求字符之间的距离要比传统的字体要大,但是很多情况下路牌使用中要标出复杂的路名,所以在一个有限的空间中,须要交通专用字体的字符比较狭窄,特别是大写字母的字符设计要比较窄。而且FF Info通过削弱笔画的锐角,最大限度的较少锐角所造成的光晕效果。

 

Bild 7

常用的一些交通专用字体

 

除了以上的一个原则之外,提高字体的笔画特征也可以提高字体信息传达的准确性和识别速度。熟知西文规律的设计师都知道,字体的识别性和可读性除了x高度区域笔画之外,上升部也是一非常重要部位,因为上升部加上部分x高度的区域,人们可以通过一些笔画的特征来识别字符。还有就是一些在专门针对光晕的干扰的强调设计,比如小写i大写i,小写l和大写i之间的关系。Erik FF Info在这些方面都有着非常好的表现。

 

 

中文部分

 

因为国内甚少有专门介绍交通专用字体的信息,而且国内交通导视牌系统做的非常混乱。虽然中文字体和西文字体有着不同的设计哲学和理念,属于两个完全不同系统,但是很多字体方面方法是雷同的,就像内争空间,外要位置的原则也可以遵循,这一点我们似乎可以通过雅黑字体的设计理念中获得一些可行性,比如齐立在《微软雅黑的设计》一文中中提到首先打破传统结体方式,采用大字面设计,字怀放开,增大内白,使文字方正,布白匀称。由于字体中宫放开,使文字的适用性也随之增强,不但适合小级数文字的使用,更适合屏幕显示。通过用比较放开中宫,使的字符的字面增大,而提高可读性。而采用独创的手法对笔划进行特殊处理,减少交错连笔处的黑度,使字的整体灰度更好,更清晰,更适合屏显。也可以使字体的内空间扩大。当然雅黑是一款屏显专用字体,所以不可能实用于交通导视牌,比如它的字形较常规黑体其字形要宽很多,由于采用了字型扁方,重心平稳,缩减字符之间的距离,这样的话,可以加速视线在字符之间的浏览熟读,行气贯通流畅,比较舒适易读。但是这可能对于交通导视牌来说是一个硬伤。

 

ql04
       

雅黑的设计方法,image:foundertype

 

参考

  • http://www.100besteschriften.de/53_Info.html
  • http://www.typografie.info/typowiki/index.php?title=Schriften_auf_Verkehrszeichen
  • http://www.typografie.info/typowiki/index.php?title=Schriften_auf_Verkehrszeichen
  • http://www.foundertype.com/index/stylist/ql.html
  •  über schriftErik SpiekermannSchmidt (Hermann), Mainz; Auflage: 2004
  • 微软雅黑的设计 齐立,July 20 2009

 

 


杭州新交通设施设计方案

Posted: November 20th, 2009 | Author: fhzdesign | Filed under: 信息设计 | 7 Comments »

N_090223_141416_410

Image: superdesign.org

 

国美院艺术设计研究院院长韩绪和陈正达等设计师带领的团队参与设计的杭州新交通设施设计方案,这也是国内比较正式的通过设计师参与和设计的交通导视系统。 去年9月,杭州市委市政府以优化城市形象为目标,创建城市美学,力争打造无视觉污染城市,第一步梳理和美化的就是交通设施。交警联合中国美院经近8个月的规划,兼顾实用与美学,出台两套方案供最终选择。新的设计有很多变化和亮点,中国美院艺术设计研究院院长韩绪和相关交警,对此作了解读: 

  •  一、指路牌原来是蓝底白字,新推出一种深沉柔美的墨绿色为底色。温润是杭州的城市特色,墨绿色和白色的对比更柔和,没有那么刺眼,符合城市特色。 
  • 二、统一路牌上的文字字体为简体黑体。简黑属于无饰线字体,研究表明,这类字体被大脑接受并反应的速度最快。
  • 三、指路牌上的英文字高度由31改为32,并给英文字加白色底显得更加突出。杭州是国际旅游城市,这样的设计符合大气开放的城市定位。
  • 四、指路牌上箭头变得更圆润,路牌四周改尖角为圆角。给人感觉更柔和舒适。
  • 五、指路牌上路名排列,如果道路是竖向就竖排,横向就横排,并增加当前道路路名。凭第一眼直观印象就可以更快速准确认路,不会造成误解。路牌上还增加了道路之间的大约距离。
  • 六、停车诱导系统指示牌区分第一眼信息和第二眼信息,数字显示可以更快速判断车位多少。信息传递是有主次的,这个可以通过颜色对比、排版设计来区分。原先的指示牌没有区分,好像进入房间有三个人同时跟你说话一样。目前第一眼信息是P,即知道有停车场,第二眼信息是车位多少,数字显示不再默认三位数,可以更快判断车位多少。
  • 七、斑马线上多了一个小人儿,提醒你靠右行走。杭州这样的文明城市,不仅要提醒大家走斑马线,还要提醒大家走得有秩序。
  • 八、路牌广告统一规划。今后杭州所有单一的广告要逐步撤除,路上的配电箱、电子信号灯遥控灯箱,都要统一外包装,并预留广告位。这些广告收益主要用于维护交通设施,回馈社会。

N_090223_142738_981

Image: superdesign.org


国际海报30年编年史图录

Posted: November 6th, 2009 | Author: fhzdesign | Filed under: 信息设计, 展览 活动 | No Comments »

Bild 1

国际海报30年编年史图录 20002008  | 设计:方宏章

这是第一次参与和策划大型国际海报展,旨在通过近经典海报来回顾我们平面设计近30年以来的演变和发展,其实这次募集到的海报远远超过展出的数量,由于展览场地和资金的限制,所以最后只展出了不到300副经典海报作品,这个当代海报回顾展最初是计划在国家大剧院展出的,只是邻近展览的时候计划被迫改变,只能借清华美院之宝地展出,不过清华美院的美术馆展览空间非常不错,空间开阔,而且非常高,所以这次展出的海报就采用铺张,直叙的方式展开,效果还是非常震撼和直观的。

所有海报被分为3大部分,即80年代,90年等,而近300副海报也集中的代表了近30年海报设计界的最高成就,几乎囊括了近几十年在各类海报设计大赛,双年展,三年展获奖的作品,当然也有个别遗憾,由于邮寄时间差,所以部分海报未能如期被展出,希望在接下来举办的国内巡回展中,可以展出。国内部分也得到了众多设计师的支持和响应。比如靳埭强先生1978年的《亚太艺术节》,陈绍华先生1984年设计的《祖国统一》海报,王序先生1995年《设计交流/巴黎设计》海报等经典作品。

作为当代海报回顾展的一个子项目,我设计和制作了国际海报30年编年史图录工作,这是通过一个时间轴系统的展示30年世界海报的发展和演变,这里不但集中的展示了国外海报发展历程,最主要是集中展示了中国海报发展的历史,比如重要的时间,各类重要的展览,赛事,出版,教育等,这个长副的图录信息设计的尺寸为1.0 x 9.09米,观众可以通过非常直观的形式来了解中国海报以及平面设计的发展历史,而且可以和展览互动,这个展览起到了很大的辅助作用。

Bild 24

Bild 26

image: hongzhang fang


中国式信息设计——家谱

Posted: October 20th, 2009 | Author: fhzdesign | Filed under: 信息设计 | No Comments »

1213257145cg213

 

上次参观木活字博物馆是我第一次见到实物家谱,虽然自己家族也有一份前几年刚修完整的家谱,但是族上对于家谱管理十分严格一直没有机会见起真面目,这次看到实物,顿时对于家谱的结构,框架,排版十分感兴趣,由于对于读家谱还不是很了解,于是请教王老先生,才知道家谱有固定的内容和体例,其布局严格而清晰。一般都有家族的姓渊源、世系、人物小传。明清以后,祠堂、坟茔、族规、族产等进入家谱。

这涉及到十分庞大的信息数据,因为有很多部族现有数千人甚至上万人口,而少则十多代(世)多者20多代(世),如何把这些信息按照一定的顺序罗列于线性叙事的页面上,这对于我们的祖先来说是非常大的考验,我们对于信息历来缺少理性和逻辑性,但是家谱的“设计”却是例外,对于家谱同时,出现了5世1图的谱系法。就是每页 记载5辈,叙完前5辈,再叙后5辈,5辈5辈地往下叙。父子关系上下直排,兄弟关系左右横排,所谓“直书父子横书兄弟”,说的就是这个规则。旁系或者是直系的都有红线贯穿(王老先生介绍,红线是后来手绘上去的,以及会增加个别的小信息,这些都可以在印刷完之后在做,因为这样手工排版易操作)图表排列完毕,用小字将族人的简明情况注于名字的旁边 。标注的内容一般包括:字(旧时,文化人不但有名,同时有字)、行(排行 第几)、生卒年月、娶(配偶情况)、子(生几个儿子,女儿就不计了)、葬(墓地位置)、宦绩(功名情况)、学业品行、节孝等。

由于我也只有看到个别家谱页面,所以对于整个家谱的“信息设计”并没有一个系统的了解,还望有识之士提供更多的信息和探讨。

附家谱介绍:

家谱,又叫族谱、宗谱、家乘,书名谱牒。家谱,是同宗共祖的血亲集团以特殊形式记载本族世系和事迹的历史图籍。家谱记载了血缘宗族内按辈分排列的人际关 系,记载了血缘宗族以父系为主体的繁衍生息历程,是家史和家族文化的重要载体。较大的家族中,同一近祖的各房、各支单独修纂的家谱,叫支谱、分谱、房谱、 小宗谱。同一远祖的全族家谱,叫通谱、会谱、同宗谱、大宗谱。房家村保存下来的《马氏家谱》,属同宗谱。
    家谱历史久远。在甲骨文和金文中 就已出现家族世系的零星记载,实际是家谱的雏形。至迟在西周,成文家谱已经出现,一般称为古代谱牒。魏晋至唐,谱牒兴盛,成为选人取仕委任官吏的重要依 据,研究和纂修谱牒也成为一种专门学问,叫“谱学”或“姓氏之学”。我们现在看到的家谱,都是宋元以后的近代家谱。古代家谱在唐末五代衰绝了,“盖自唐 衰,谱牒废绝”,见不到了。“废绝”的主要原因,是旷日持久的战乱。
    宋代是家谱发展史上的重要时期。赵宋王朝换了章法,不重门第,量才用 人,家谱也就从“别选举、定婚姻、明贵贱”的社会政治功能,转变为“尊祖、敬宗、收族”的伦理道德教化功能;家谱的编纂方式,也从主要由官府纂修收藏,改 为主要由家族纂修收藏。宋代著名学者欧阳修、苏洵、黄庭坚,都曾亲修家谱。他们在总结前人修谱例则的基础上,另创谱法,奠定了后世修谱的基本体例格局。
    明清到民国,民间广修家谱。在经济比较发达的地区,特别是江浙赣皖一带,几乎是姓姓修谱,族族修谱,连少数民族也纷纷效仿,修谱成为民间重要的文化活动。作为确认族人血缘关系、“敬宗收族”,团聚族人的依据,家谱被人们奉为传家之宝。


美国联邦政府2010年财政预算的超大型信息图

Posted: October 17th, 2009 | Author: fhzdesign | Filed under: 信息设计 | No Comments »

1245cc44f4fg214-1

 

这是美国联邦政府2010年财政预算的超大型信息图,由wallstats机构所设计。美国总统奥巴马2009226号公布了美国2010年的财政预算草案,总计3,6万亿,这个世界上第一大财政预算草案包含了美国近500个部门,每个部门都有相应的数据来对应未来一年财政预算收支的数据,绿色代表增加相应的财政,而红色则代表减少财政支出。而且这个信息海报通过不同不同的财政支出不同,来显示不同的图表大小,而且用不同的细线来显示不同部门的从属关系,使得如此庞大的政府关系网可以一目了然。最左边的自然为美国联邦政府,为了方面大家能更为仔细的了解其财政预算的具体情况。他们还相应的设计了这个网站,和全球各大品牌色彩分析一样,这个交互网站设计也十分简洁,非常明了。