【Smashing专栏】从钞票看Web设计

原文链接

随着数字技术在世界越来越深入,生活中很多方面没有了实体,但是很难想像钞票会从我们生活中消失。在漫长的历史中,钱不仅仅是支付工具,也是社会的象征。

货币需要有实用性和排他性,是最具有挑战的设计对象之一。和其他复杂的东西一样,都有很多宝贵的经验教训,值得我们 Web 设计师学习。本文尝试总结一下这些经验。吸引注意力,也是钞票的一种特质。

古代中国钞票

使用纸做钱的历史可能跟纸本身一样古老。大约公元 618 年,用纸来长距离传递信用凭证的做法出现。古代中国人不但做法巧妙,称呼也很巧妙:“飞钱”。

现存最早的纸钞是在明代 1368 到 1399 年之间出现的。明朝的 200 文 ”大明通行宝钞“有大概 A4 纸大小,由桑树皮制成,呈灰黑色。

图像说明文字

明代 200 文纸钞跟现代的法律文件一样大。

马可波罗就对中国货币体系的效率印象深刻。但是到了 15 世纪,由于通货膨胀加剧,中国几乎已经放弃了纸币。直到三个世纪之后,纸币被欧洲普遍认可。

小结

易懂很重要

中国的古人在 14 个世纪以前,在资源和工具有限的情况下,第一批纸币的设计师也注意到了可访问性,或者换句话说,将纸钞设计成一致可访问(可阅读),让尽可能多的人能懂。比如上图所示的纸钞画了两串硬币每串有十个钱。这样不识字的人也能明白这是纸币。

用图画呈现的现金等价物,加上书写的面额、法律描述被云龙图案包围,既增加了视觉吸引力,还可以防伪。用图片展示关键内容,古代中国的纸币易懂又能吸引眼球。

对我们来说,可访问(无障碍)意味着让残疾人一样容易理解和交互。重申一下:内容可访问性应该默认就有,不管样式和交互方式如何,都要保证内容可感知、可导航、可交互。

美元

从 19 世纪 60 年代起,美元就是美国的唯一货币。美国财政部发行钞票来支持内战。第一张美元钞票类似于一份证书,并加上了萨蒙·波特兰·蔡斯(财政部长)的肖像画。

美国内战期间,美元背后印刷用到了绿色,表示稳定和增长的意思。开始了绿色纸币的传统。但是这种以黑色和绿色为主的配色方案,包括纸币的尺寸遭到一致性的严重批评,特别是对视力障碍人士很不友好。

图像说明文字

美国内战期间,美元背面使用绿色印刷,表示稳定和增长的意思。

1896 年发行的美国教育系列钞票,通常被认为是最漂亮的设计之一。然而由于上面的古典女性形象,招致长期争议,在引起一位参议员的妻子愤慨之后,整个系列被废弃了。

图像说明文字

美国教育系列纸币由于上面描绘的古典女性形象而引起争议。

到了 20 世纪 30 年代,所有的美元面额都跟现在差不多。20 世纪中货币纳入许多新功能,主要都是防伪相关的。

图像说明文字

美联储 20 美元储备金,1928年。

对美元设计正在进行的调整和补充,引发了相当多的争议,在媒体上被猛烈批评缺乏审美、易读性差。例如著名设计评论家 Michael Bierut 在大西洋杂志写到:“想通过美元了解我们价值观的人,都会被洛可可、维多利亚风情和莫名其妙的共济会误导,白白浪费了这么好的机会”。

从2013年10月开始流通的最新版美元钞票,更新了外观增加了无障碍功能。新增了一系列创新的防伪功能,其中一个就是灯光照射时出现的复杂效果。

图像说明文字

新版 100 美元钞票。

新版100美元的创新在设计过程中也有提现。设计师布莱恩·汤普森(Brian Thompson)希望光成为设计的组成部分。仔细观察可以看到一个细微的光束,引导视线从左下角的100穿过头像到右上角的100。

尽管本杰明·富兰克林的肖像自1914年以来就被用于100美元的钞票上,但莱恩·汤普森是第一个捕捉到面部细节以外其他方面细节的。因此,新加入的羽毛笔和独立宣言文字都在提醒我们,弗兰克新是“独立宣言”起草人和签字者之一。

凹版印刷是美国货币多年来的外观特色之一。这幅1992年由 Joseph Siffred Duplessis 和 Thomas Hipschen 精心雕刻的弗兰克新肖像,从1996年起就印到了100美元钞票上。这次对1996年的版本做了重新设计,肖像被做得更大,移到左边防止被折叠磨损。

图像说明文字

凹版印刷是美国货币多年来的外观特色之一。

在2009年春季美国经济衰退的高潮,理查德·史密斯开始了美元再设计(Dollar ReDe$ign)项目。欢迎任何人提交自己对美国货币的创意,以此来刺激美国经济。该项目招致一些批评,但是更多人认为重新设计美元是个绝妙的注意。直到现在比赛也不活跃,但是还在陆续收到全世界爱好者的投稿。

图像说明文字

美元再设计项目,Travis Purrington 的设计。

图像说明文字

美元再设计项目,Mucho 的概念稿。

小结

重新设计的智慧

美钞的历史证明,重新设计可能比从头开始还更难,特别是对于已经广泛使用的对象。害怕新设计没有成熟的设计有效,会诱使设计师走上一条“小修小改”的路线,避免太大变化。虽然这是比较安全的更新方式,但也可能导致可访问性和可用性的损失(例如,5美元与10美元纸币容易混淆,因为它们大小相同),也会消弱原始设计的长处。

然而,最新改造的100美元钞票是平衡传统和创新的例子,产生了既现代又有历史感的设计。以下是重新设计项目的几个建议:

• 雕刻元素从第一版美元开始都一直存在。我们要确定网站上哪些元素组成了独特外观,将其转移到新设计中。

• 新版100美元讲了一个故事。你的网站代表什么人或者什么事物?什么原因让这个人或者这个事物很特别?可以用视觉元素讲故事,让新设计与用户产生情感联系。

德国的代用货币“Notgeld”

德语中的 Notgeld 或者 “紧急货币”是指由中央银行以外的其他机构发行的一种货币形式。最明显的是一战后恶性通货膨胀期间在德国印刷的纸币。在此期间,3500多家公司发行了超过 3600 种纸币。Notgeld 已经超越了货币,演变成一种强大的力量撑起一个绝望的社会的精神。

虽然大多数的 Notgeld 没有内在的货币价值(几乎每个地区都在连夜印刷),这种准货币在德国的历史和文化中起到了巨大的作用。

图像说明文字

Notgeld 在德国的历史和文化中起到了巨大的作用。

大多数 Notgeld 的设计都是基于历史和纹章图像,为失败的国家寻求过去光荣的安慰。然而一些由赫伯特·拜耳(Herbert Bayer)创造的作品,融入了极小的现代主义美学,让人们思考更美好的未来,而不是回顾过去。

在这个动荡的时期,Notgeld 成为当代艺术家和设计师表达自己的手段,因此很快成为收藏家的新宠。这种复杂的设计还有一个金融方面的原因:如果一个账单被收款人当作收藏品,那债务就不用偿还了。

Notgeld 也是排版爱好者的金矿。Wenzel Hablik 创造的许多设计,全部由文字排版而成。它们让各种艺术运动萌发或发展,包括表现主义、达达主义、新即物主义和现代主义等。

图像说明文字

Notgeld 是排版爱好者的金矿。

线上最大的 notgeld 收藏可以从 Miguel Oks 的 Flickr 账户中找到。他德国的祖父从20世纪30年代起就开始收藏这种货币。

小结

醒目的视觉画面

作为一些大胆有表现力的视觉艺术运动的载体,也让 notgeld 更有效的完成原本的目的。把这种货币直接卖给收藏家获得了额外的收入。

通过颜色、对比度和渐变,以及使用华丽的元素,可以实现醒目、有吸引力的外观。保证视觉效果不过分又表现良好,顺利的吸引注意。

欧元

1996年2月欧洲货币管理局发起了欧元纸币设计比赛。欧元对设计师有非常大的挑战,因为它必须是一种跨国货币,因此必须避免任何形式的偏见,还要像任何国家的钞票一样必须很容易识别,要防伪还要有美学上的吸引力,更不用说还要有视力障碍人士的无障碍使用。

在7个月的比赛结束时,欧洲货币管理局理事会选中了一个获奖者,由奥地利设计师 Robert Kalina 设计的系列作品获奖。该设计是基于“欧洲的时代和风格”,特色是窗户、门、和桥梁,每个都代表了欧洲历史的一段时期。

图像说明文字

Robert Kalina 设计的欧元系列中50欧元的钞票。

从2013年5月起,新一版的欧元钞票发行了。这次的“欧罗巴”(Europa)系列继承了上代的“时代和风格”主题,由柏林的 Reinhold Gerstetter 设计,给欧元带来新的外观和一系列安全性增强。

图像说明文字

欧罗巴系列中的新20欧元钞票。

两次的欧元设计过程中都做了很多调查,确保新的钞票能根植于跨国和多元化的欧洲。对终端用户详尽的调查保证了欧元设计师能达成这个重要的目标。

尽管欧元的设计不是最丰富多彩的,可能也没有非凡的创见,但它在日常物品的效用和社会符号的独特性的平衡方面做的很好。

在设计钞票时,钱包的大小只是中央银行和设计师研究的几百个方面之一。根据荷兰央行2004年的调查显示,94%的受访者表示20欧元钞票(72毫米)的高度“完全正确”。

图像说明文字

钱包的大小只是中央银行和设计师研究的几百个方面之一。

图像说明文字

基于肖像的纸币从来没有发行过。

你有没有想过为什么钞票要使用肖像?一些研究表明,人们对显示人脸的钞票更有信心。这个原则可能也适用于显示真实人物照片的“关于”页面,比纯文本页面更让人信任。

小结

通用设计方法

展示所有欧洲公民都可以接受的文化和政治信息,结合无障碍功能,欧元为通用设计做了很好的展示。通用设计可以定义为在最大程度上、最广泛的情况、用最简单的方式实现可访问性和易用性。下面是一些具体的建议:

• 确保用户使用方式是相同的,如果不能的话要尽可能相同。

• 让设计吸引尽可能多的用户。

• 以用户期望的方式安排内容和设计元素,突出显示最重要信息,消除不必要的复杂性,包容不同的文化程度和语言,并且让用户使用网站期间可以随时留下反馈意见。

瑞士法郎

译注法郎(法语:Franc,简写:₣)是货币的一种。可以指以下货币: 法国法郎,已停止流通 比利时法郎,已停止流通 卢森堡法郎,已停止流通 摩纳哥法郎,已停止流通 瑞士法郎 中非法郎(于赤道几内亚、刚果共和国、加蓬、喀麦隆、乍得及中非共和国使用) 西非法郎(于贝宁、布基纳法索、科特迪瓦、几内亚比绍、马里、尼日尔、塞内加尔及多哥使用) 科摩罗法郎 马达加斯加法郎,已停止流通】

在大多数人心中,瑞士的形象就是三个:奶酪、巧克力和银行。所以,如果瑞士人没有用货币来庆祝这些国家形象中的一个,将是一种耻辱。瑞士货币显然特别注意细节的设计,好像每张照片都是数字和标签的艺术品。由此产生的瑞士法郎满足了用户的高期望,不仅是世界上最安全的钞票,还提供了独一无二的美学体验。

自1907年以来,共发行了8个系列的瑞士法郎钞票。为了方便使用,每个系列都调整了不同的大小和颜色主题。每一个新版本都有更新精细的布局、排版和配色方案。1995年开始流通的第八个系列中,大胆的设计达到了新的水平。

图像说明文字

100法郎纸币的演变,正面。

当前版本的瑞士法郎由 Jörg Zintzmeyer 设计,以艺术为中心,包括了瑞士艺术家 Alberto Giacometti 和 Le Corbusier 的作品。

图像说明文字

当前版本的瑞士法郎由 Jörg Zintzmeyer 设计。

在第八套瑞士法郎钞票中,引入了垂直格式的设计。随后墨西哥、哥伦比亚(下图C)、百慕大(下图D)、委内瑞拉和尼加瓜拉等多个国家也采用了这种设计。你能想象欧元变成垂直的,上面还有一个独角兽么(下图B)?

图像说明文字

在第八套瑞士法郎钞票中,引入了垂直格式的设计。

2005年,苏黎世设计师曼努埃尔·克雷布斯(Manuel Krebs)赢得了瑞士国家银行举办的第九届系列钞票设计。通过将情感融入到纸币设计中来提高人的因素是一种革命性的尝试。然而,获奖的设计包括了血细胞和胚胎的图像,受到了公众激烈的批评。

图像说明文字

Manuel Krebs 设计的有争议的法郎钞票。

因此瑞士国家银行采用了第二名 Manuela Pfrunder 的设计。该系列计划于2015年发行,承诺面额和配色方案保持不变。 【译注新版瑞士法郎几经推迟,最终可能会在2019年全部换新。】

图像说明文字

Manuela Pfrunder 设计的瑞士法郎钞票。

似乎瑞士法郎不仅仅吸引了钱币收藏家, X-Files 粉丝也很感兴趣,有个说法,神秘的 X 星球(或 Nibiru)就被印在1981年版的10法郎钞票上。

图像说明文字

有种理论说,神秘的 X 星球(或 Nibiru)就被印在1981年版的10法郎钞票上。

我们要承担创意的风险,依靠技术和使用的元素,让时间来证明设计有效。

小结

注意方向

以肖像为主的瑞士法郎钞票在10年前复兴了垂直格式。由于垂直格式更符合向终端机塞钱的场景,还有其他研究表明人们付钱的时候更倾向于垂直而不是水平递出去。这种设计可能会引导未来几年的钞票设计。

钞票设计师也关心响应式设计。有一种混合的想法也被认真考虑过,也就是一面横向方便钱包用,另一面垂直设计方便终端机。实际上1981年瑞士真做过这种概念的钞票——上文提到过10法郎的钞票就是。在设计网站方向时,请优先考虑内容和设备上的内容展示方式。银行对钞票方向的关注程度表明了对用户体验的重视程度。

图像说明文字

在设计网站方向时,请优先考虑内容和设备上内容的展示方式。

此外在垂直和水平位置之间的转换中,为用户提供更多内容处理方式。例如附加数据或不同的上下文环境,可能会增强用户的参与度。

挪威克朗

2014年10月,挪威中央银行宣布其新钞票系列的设计主题。 从最后一轮比赛中提交的八项提案中,评审员选出两名。新版的纸币将以 Metric System 公司的设计为基础,而背面的概念将使用 Snøhetta Design 的设计。

图像说明文字

目前的挪威克朗。

这次比赛的主要目标之一就是加强挪威货币的安全水平。因此设计人员必须在其概念中纳入许多防伪功能。

图像说明文字

新版100克朗钞票的正面和背面,分别由 Metric System 和 Snøhetta Design 设计。

设计师们只能使用一个主题:海。使用船、鱼、灯塔、海边休息等漂亮的照片,Metric System 的设计让克朗钞票成为新的经典外观。Snøhetta 公司设计的抽象像素化的模式代表着海洋和风,两种不同的风格意外的很搭配。

图像说明文字

Snøhetta Design 的概念设计。

在挪威钞票有趣的特征中,彩虹印刷看起来已经被新的克朗赋予新的生命。彩虹印刷将不同颜色的油墨平缓地混合在同一图案上,已经成了典型的钞票设计风格,与彩色雕花纹路一起,成了纸币最强大的安全功能之一。但是随着其他印刷方法的发展,如扫描打印陷阱,这种技术失去了基础。

译注:扫描陷阱、打印陷阱 防止复印的技术】

图像说明文字

新克朗系列的颜色是将挪威海岸线风景混合。

挪威重新设计的钞票在许多层次上都很巧妙,例如印象深刻的链接力,马赛克像素主题链接过去和现在,通过图案的组合实现经典和前卫的无缝融合,还有革命性的新外观都对挪威和世界传递着自己的价值观。

小结

拥抱约束

像任何钞票设计一样,克朗的设计有很多限制。Snøhetta 奥斯陆的合伙人 Martin Gran 说:“当你有这么强的指导方针和设计方向时,很难展开想象,发挥创意”,从结果看,虽然有这些限制,设计师们还是将这些限转化为创意来源。

在处理严格限制的项目 时,把约束看成指导方针而不是障碍。约束迫使你得有创造力,并在有限的范围内探索有趣的解决方案。将一个复杂的规范分解成一系列具体的挑战,拥抱这些挑战能让你的思维保持创新。

从钞票设计中学习

在视觉设计方面,货币设计远远不是一个著名人物肖像加几个水印这么简单。实用性和创造力的完美结合,才造就了消费者和收藏家都追求的钞票。

找到视觉元素的平衡也是一个好习惯。设计项目被卡住,是真的思路受阻,还是为了创新而创新?

把你的项目看成一张钞票。货币设计师的主要挑战是让购买能力远远超出其本身价值的纸保持信任。网页设计也没什么不同。你如何让一大堆像素集合代表一个大公司、有才华的企业家或者自己个人品牌,让人们保持信任呢?

最后总结一下,我们可以从钞票设计师得到的经验教训:

• 可访问性很重要:甚至在14世纪,纸钞也设计的很容易被不同能力的人理解。无论身体状况,精神状况,语言,位置或设备如何,Web 都适用于所有人。

• 重新设计的智慧:美元钞票经过了几次重新设计,引出了平衡熟悉和创新的重要性。

• 醒目的视觉画面吸引注意力:Notgeld 的设计用途是短暂的,但由于精美的插图,变成了持久的艺术作品。修改您网站的加上印象深刻的图形,将更有效地吸引访客的注意。

• 考虑通用性设计:欧洲钞票旨在代表欧盟的价值观,对于那些努力为所有用户创造更简单,更安全,更方便的产品的设计师而言,这是一个很好的参考。

• 注意方向:瑞士法郎确定了纸币纵向趋势。方向是创建可用和可访问布局的重要考虑因素。

• 拥抱约束:像任何钞票设计一样,挪威的新克朗受到严格限制。然而,事实证明,作为指导方针的严格限制可以有效地创造美丽而优秀的解决方案。

尝试将这些原则融入您的工作,来创造更可靠、持久的设计。 在你创造自己的像素城堡时,至少它们可以作为不错的练习。

本文由Smashing Magazine独家授权异步社区发布简体中文版。版权所有 禁止转载或建立镜像。

2 推荐
暂无评论,快来抢沙发哦~
异步小编
异步小编 V5

1.3K经验值

相关文章