以及为什么重要
[
](https://minoraxis.medium.com/?source=post_page——-f5026ed923dd————————————————)
影像学系列中的更多内容：•[影像学基础](https://medium.com/@minoraxis/foundations-of-iconography-f95d7233a3e6)•[图标设计的7条原则](https://uxdesign.cc/7-principles-of-icon-design-e7187539e4a2)• [5种创建设置图标的方法](https://medium.com/@minoraxis/5-ways-to-create-a-settings-icon-fff8dc95e36d)•[神秘的图标网格和关键线](https://medium.com/@minoraxis/icon-grids-keylines-demystified-5a228fe08cfd)•[图标设计中的像素捕捉](https://medium.com/@minoraxis/pixel-snapping-in-icon-design-a-rendering-test-6ecd5b516522)
图标之间的交流非常少。当他们成功时，我们几乎没有注意到它们 - 行人标志，后退按钮，通知铃。我想研究一些持久的示例，这些示例不仅解决了眼前的设计问题，而且还在我们将设计作为一门学科的方法上留下了烙印。
重绘本文图标非常高兴。
1964 年，东京。世界各地的人们齐聚亚洲，参加第一届奥运会。在这里，比以往任何时候都更需要一种沟通系统来弥合语言障碍。
为了应对这一挑战，设计师 Masasa Katzumie 和 Yoshiro Yamashita 开发了包含 20 个事件图标和 39 个常规信息图标的标准化系统。这绝不是第一次以视觉方式呈现奥运会赛事，但先前的图标比示意图更具说明性。
Katzumie 和 Yamashita 使用负空间和简单的形状来代表每个事件，圆形图案让人联想到日本国旗的升起的太阳。传达了多少运动以及作为观看者我们如何完成图像真是太好了。
我对 1964 年奥运会拳击，足球 / 排球和排球图标的复制品
从这一关键时刻开始，每届奥运会都在图标系统上进行迭代，每种图标都采用一种新风格来反映主办城市的文化。1964 年的原始图标已为现在推迟的 2020 年东京奥运会进行了刷新和动画处理。
我对 1972 年慕尼黑（左）和 2008 年北京（右）的柔道图标的再现
这是 1972 年慕尼黑奥运会和 2008 年北京奥运会的柔道标志。慕尼黑的图标遵循有序的等距网格，而北京的有机处理则借鉴了早期中国海豹文字的松散波浪线。如此千差万别，因此适合每种情况。
1964 年在东京的横幅上显示奥林匹克运动会的图标（来源：奥林匹克象形图，一个漫长而有趣的故事）
奥运盛会的图标可以立即实现一些目标：它们与国际观众进行交流，庆祝举办城市并捕捉每种运动的活力精神，而这一切都需要几条轻松的线条和形状。
有关奥运会象形图的完整目录，请参阅奥运会象形图。从 1964 年东京到 2016 年里约奥运会的设计重点（短视频）和夏季奥林匹克运动会的体育象形图（PDF）。
下一站，纽约市。1900 年代中期的纽约地铁系统令人困惑。各种各样的标牌挤满了地下的 “迷宫”（Paul Shaw）- 马赛克，瓷釉和手绘标牌以多种字体传达了方向性和信息性，没有特别的排列顺序。没有清晰的视觉系统，很难找到自己的路。
纽约地铁，1968 年（资料来源：书评：“Helvetica 和纽约市地铁系统”）
1966 年，随着最近伦敦地铁，大都会米兰人和波士顿 “T” 公交系统项目的发展，纽约市公交管理局（NYCTA 或 TA）带来了罗伯特 · 诺达（Robert Noorda）和马西莫 · 维格内利（Massimo Vignelli）来创造混乱的秩序。
通过对乘客行为的详细观察和分析，两人得出了一种设计语言，将纠结的系统提炼为 “接近幼儿园水平的清晰度”（Michael Bierut）。
从《 NYCTA 图形标准手册》中传播（来源：《标准手册》）
1970 年代的纽约地铁指南（来源：标准手册）
图标在此设计系统中起主要作用。矮矮胖胖的箭头以 45° 旋转的方向连通；带圆圈的数字和字母（“碟片” 或 “子弹”）代表各个地铁线路。干线通过颜色编码分组在一起。例如，红色的 1、2、3 号线沿第七大道行驶。
提出的设计标准 Noorda 和 Vignelli 证明了设计系统可以带来的清晰度。尽管自诞生以来已经进行了许多修改（对于任何活的设计系统都是自然的），但原始规范的 DNA 一直延续到今天。它已经成为纽约市的标志性代表。
有关更多历史背景，请阅读《（大多数）Helvetica 的真实故事》和《纽约市地铁》。保罗 · 肖（Paul Shaw）详细介绍了检修地铁标牌的漫长过程，该过程始于 1966 年，并最终在 1980 年代末渗透到大部分地铁中。设计师对于 Noorda 和 Vignelli 所面临的创意，技术，经济和政治挑战都非常熟悉。
3 列车在华尔街（来源：照片由安德烈 · 奔驰在Unsplash）
如果您想拥有规格书的副本，则杰西 · 里德（Jesse Reed）和哈米什 · 史密斯（Hamish Smyth）已出版了1970 年《纽约市交通管理局图形标准手册》的精美改版本，并提供了封面来涵盖对原始副本的数字捕获。
我们的最后一个目的地是个人计算机的发源地硅谷。在早期，操作这些盒式机器中的一台令人生畏。命令行界面功能强大，但难以学习。
我重新体验了 1981 年的命令行界面（参考：IBM PC DOS 屏幕截图）
为了使所有人都能使用计算机，施乐在 1973 年率先使用施乐 Alto 推出了图形用户界面（GUI），允许用户直接操作屏幕上的对象。桌面上的隐喻扎根（文件，文件夹，打印机），现在已经成为我们固有的互动模式（滚动条，菜单，按钮）开始明确。
施乐之星（Xerox Star），于 1981 年推出（来源：40 年的标志性人物：现代计算机界面的演变）
在这段激动人心的时刻，Apple 在设计师 Susan Kare 的帮助下普及了 GUI。从 1983 年到 1984 年，Kare 为第一台 Macintosh 计算机创建了图标，用来表示文档，程序和操作，并向用户提供反馈。
她画了一个手表，一个笑脸 Mac，一个命令椒盐脆饼，一只手将笔放在纸上，以及许多其他图像。油漆桶嬉戏地倾斜和溢出。
我对一些原始 Macintosh 图标的复制品
我对油漆桶的复制
这些图标证明了在非常严格的约束条件下可以完成的工作。黑白（32 x 32 像素）。当时没有可用的数字设计工具，因此 Kare 首先在方格纸上设计图标，然后在计算机上通过打开和关闭像素来设计图标。今天，我们拥有数百万种颜色和自动设计软件，例如 Sketch 和 Figma。
在错误对话框中我对 Macintosh 樱桃炸弹的再现
图标可以跨越语言障碍，提供清晰度，使技术易于使用并赋予我们互动的生命。我很高兴看到我们下一步将带他们去。
https://medium.com/swlh/3-classic-icon-families-f5026ed923dd
若有收获，就点个赞吧
0 人点赞
