Macintosh 1984 是什么风格?

1984年的Macintosh只用一位像素画出整个世界:黑与白,硬件里没有灰,你记得的每一种色调,都是用图案拼出来的。
Macintosh 1984 速览
Macintosh 1984 指的是第一代苹果 Macintosh 的视觉语言。它于1984年1月上市,配一块九英寸屏幕,每个像素只能是黑或白,没有中间态。屏幕上的一切——桌面、窗口、菜单栏、光标、图标,乃至每一个字母——都从这唯一的选择里画出来。作为设计风格,它意味着:被细黑框围住的白色窗口内部、带横纹的标题栏、贴着像素网格的大写字母、带点幽默感的手绘小图标,以及被压缩到屏幕所能显示的最窄边缘的阴影。
这套风格的核心纪律是没有灰。硬件根本做不出灰,所以今天眼睛看来是灰的每一种色调,其实都是黑白像素排成的图案:有纹理的桌面、变暗的菜单项、带阴影的滚动条。这项约束后来成了性格的来源,而不是局限。图案有质感,看上去是有意为之,一眼就能认出;而平滑柔和的灰,反倒是对这块屏幕的背叛。
与此同时,这套风格是温暖的。这套界面是为从没用过电脑的人做的,它的图标——微笑的电脑、垃圾桶、手表和炸弹——取材于日常生活,也带着玩心。整体效果干净而有历史感,又带一点顽皮,所以当一个产品想显得诚实、友好、带点怀旧时,人们依然会回到这种样子。

Macintosh 1984 从何而来?
Macintosh 并没有发明图形界面,却是让图形界面变得有人情味的那台机器。窗口、图标、菜单和指针——常被缩写为 WIMP——这套想法是在施乐位于帕洛阿尔托的研究室里发展起来的,苹果也已在1983年用昂贵的 Lisa 试过一版。Macintosh 则是想把这套词汇带到普通人的书桌上:一体化的紧凑机身,内置小屏幕。它于1984年1月面世,一支著名的电视广告把它塑造成对灰色企业计算的一次决裂。
这种外观是由约束造出来的。屏幕是512乘342个像素,每个像素只占内存的一位,非开即关。硬件里没有给色调留位置,色调只能由软件来发明。比尔·阿特金森写了 QuickDraw,也就是在这张位图上画线、椭圆、圆角矩形、文字和图案区域的图形库,其中包括那些只有八个像素见方、用来填充区域以模拟各种灰度的小图案。阿特金森还写了 MacPaint,并设计出一种把照片抖动成零散黑白点的方法,至今仍以他的名字命名。硬件和软件合力,给了 Macintosh 一套独特的视觉语法:纯黑、纯白,以及介于两者之间的图案。
是苏珊·凯尔给这套语法配上了脸。她是雕塑家和平面艺术家,此前从没为屏幕做过设计,1982年应老朋友安迪·赫兹菲尔德之邀加入苹果——他需要有人为这台新机器画图标和字母。她在方格纸上工作,一格一格地涂,并常把这门手艺比作马赛克和十字绣。由此诞生了开机时迎接用户的微笑 Mac、垃圾桶、画笔、指向的手、表示等待的手表、表示崩溃的炸弹,还有命令键上那个带环的方形符号——取自瑞典用来标记名胜的标志。她还画了系统的字体,并以世界城市命名,包括 Chicago、Geneva 和 New York。其中 Chicago 成了菜单与标题栏的声音。
这种风格比它的硬件活得更久。后来有了色彩,屏幕变大,新系统把每一条边都磨圆了,但最初的黑白 Macintosh 始终是一个参照:当手里只有像素时,一个友好的界面可以长成什么样。凯尔此后为 NeXT、微软等公司做设计,其中包括为 Windows 3.0 里的纸牌游戏画了扑克牌面,她的图标至今仍被当作“少即是多”的标杆。作为设计系统,Macintosh 1984 保留了最初的纪律:没有色彩,没有平滑的灰,没有一处不是一个像素一个像素决定出来的装饰。
Macintosh 1984 的视觉特征是什么?
单位黑白
每个像素非黑即白。没有色彩,没有透明,没有平滑过渡,也没有抗锯齿。边缘是阶梯状的、坦率的,斜线会露出画它的那张网格。这不是盖在现代版式上的复古滤镜,而是只有两种颜色的严格色板,所有层级与情绪都必须在这两种颜色里找到。
以抖动代灰
黑白之间的每一种色调都是图案:桌面用细密的棋盘格,失效的菜单项用稀疏的点,带阴影的条用斜向排线。图案有节奏,有手作感,并且只能整级缩放。往这套风格里加一块平涂的柔和灰,是最不合时宜的一件事。
窗口外框
窗口是细黑框里的一片白。活动窗口的标题栏布满细密的横纹,窗口名居中,落在一块白底上,一角有一个小小的关闭框。右下方落一道窄窄的偏移阴影,只有一步宽。非活动窗口褪去横纹,安静下来。整个外框由线条搭成,没有一处是装饰。
像素网格字体
字母是位图,被画成贴合像素网格的样子。Chicago 式的大写字母笔画粗壮均匀,节奏友好、略带圆润,在小尺寸下依然显得笃定。字以整像素为步长排列,不做平滑,也不做细微的字距调整。位图字体擅长标签、菜单和短标题;长段落读起来会累,所以要节制使用。
图标手艺
图标画在小小的方格上,每个像素都是有意的选择。它们依靠朴素的物件:文件夹、折角的纸、垃圾桶、手表、伸出的手指。轮廓粗实,内部细节吝啬,一点点个性——一个眨眼,一个皱眉——就足以传神。这种风格里的好图标,复印两次之后依然认得出来。
硬边与一步阴影
转角要么是直角,要么只按网格允许的最小一步做圆,比如按钮和窗口轮廓。阴影从不模糊:它是一道偏移的边、一条表示层次的实线,或者干脆没有。深度靠重叠与先后顺序来表达,而不是靠光线模拟。整个页面像是桌面上叠放的一摞纸片。
反色选中
当某个东西被选中或按下,黑与白互换位置:被高亮的菜单项变成黑底白字,被按下的按钮整体反色。这是系统唯一的状态语言,它之所以管用,是因为不需要任何额外颜色。悬停、焦点、激活状态都可以这样搭,每一种都是一次简单的反转,而不是新的一层色调。

谁塑造了 Macintosh 1984?
凯尔在方格纸上一格一格地画出了 Macintosh 最初的图标和字体。从开机时微笑的 Mac,到垃圾桶和伸出的手指,她的作品让一代人明白:寥寥几十个像素,可以同时表达温暖、幽默与清晰。她后来也为其他公司做设计,被普遍视为界面图标学的奠基人之一。
阿特金森写了 QuickDraw,这是在初代 Macintosh 屏幕上绘出每一条线、每一个形状、每一个字母和每一种图案的图形引擎;他还创造了 MacPaint,让普通用户看到位图能做什么。他那套把照片转为黑白的抖动方法,至今仍以他的名字命名。Macintosh 视觉语法的大部分,包括图案填充,都建立在他的工程之上。
赫兹菲尔德是初代 Macintosh 团队的软件工程师,也是其系统软件的主要作者之一。他还是把凯尔带进苹果的老朋友,请一位从没做过屏幕的艺术家来画图标和字母。这次招人,对这台机器的塑造,不亚于任何一行代码。
今天怎么用 Macintosh 1984?
当一个产品希望显得诚实、有人情味、带点怀旧时,最适合用 Macintosh 1984:开发者工具、独立软件、教育产品、数字展陈、科技博物馆,以及任何受益于“电脑是一件友好物件”这一想法的东西。它最大的优势,是约束替你完成了设计。一切非黑即白,剩下可争论的就不多了。
做演示文稿时,封面可以是一张带细黑框的白页,像一扇窗口,配上横纹标题栏,中央放一枚手绘像素图标。内容页就是一扇扇窗口,每个观点放在自己的框里,标题写在标题栏上。数据页是这套风格最有创造力的地方:图表用图案——圆点、排线、棋盘格——而不是颜色来区分数据系列,这样无论印刷、投影,还是对色觉有差异的观众,都清晰可读。
网页界面里,把面板当窗口:仪表板上用带标题栏的窗口,定价页上每个档位是一个独立的框。按钮是描边的小转角矩形,悬停和按下时反色。版式保持在整像素网格上,美术素材只按整数倍缩放,线条才不会发虚。标签和标题用位图字体,长文阅读则搭配一款平静的字体,因为整段的位图字很快会让人疲倦。不要渐变,不要柔和阴影,不要透明。
编辑与营销内容里,这种风格适合电子杂志、回顾专题、小工具的发布页,以及一切带印刷手册气质的东西。照片应转成抖动黑白,那本身就是一种辨识度很高的样子。用同一网格画出的图标集可以撑起一个站点,用带个性、带作者感的图画取代素材库插图。
最常见的错误,是把它当成一层皮肤:在一个本质上很现代的版式上,贴一款像素字体和一块米色背景。这套系统的逻辑就是约束,所以平滑的灰、模糊的阴影、圆润的胶囊和柔和的透明,每一样都会立刻把它破坏。第二个错误,是用小数倍缩放像素素材,导致线条发虚。第三个错误,是在正文里大量使用位图字体,这会伤害阅读。

Macintosh 1984 · 常见问题
这和 8 位像素艺术是一回事吗?
不是。8 位游戏美术通常使用一小套颜色,而这套风格严格只有一位:黑与白,别无其他。它还是一种界面语言而不是插画语言,讲的是窗口、菜单栏、标题栏和图标惯例,而不是精灵图和图块地图。两者都热爱网格,但属于不同的手艺。
为什么灰色凑近看是一堆点?
因为那本来就是图案,不是灰。初代屏幕只能让像素开或关,于是色调用黑白点的重复排列来模拟,这种技术叫抖动。在正常观看距离下,眼睛会把它们融合成一种色调。在这套风格里,这种纹理是应当保留的特点,因为正是它把风格与普通的灰白线框图区分开来。
可以加一个强调色吗?
地道的版本没有,它的力量也来自这一点。如果产品需要一种信号色来标示错误或主操作,就只用一种,并且节制,其余一切保持黑、白与图案。一旦出现第二种、第三种颜色,这套系统就不再像那台原机,而更像是一个穿着戏服的现代界面。
这套风格对无障碍友好吗?
在好几个方面是友好的。纯黑配纯白提供了最强的对比度,用图案区分的图表对色觉有差异的人依然清晰。风险在于:小号位图字体在低分辨率或长段落里可能难读,过细的抖动图案在某些屏幕上会闪烁。要用整数倍缩放,文字块要短,正文要配一款更平静的字体。
这套风格在哪些场景里会吃力?
在以摄影为主的页面、奢华或高度精致的品牌、以及长篇阅读中会吃力。它的魅力在于朴素和一点玩心,这对依赖光泽或声望的场景可能并不合适。它还要求每个经手的人都守纪律:只要一处平滑渐变,就足以破了这个魔法。