UI设计师想做好图标设计?请问图标历史了解过吗? - 图1

电脑、移动设备已经成为日常生活、工作的必需品之一
如果要我离开手机或是电脑一天
我可能会十分奔溃……

UI设计师想做好图标设计?请问图标历史了解过吗? - 图2

UI设计师想做好图标设计?请问图标历史了解过吗? - 图3

UI设计师想做好图标设计?请问图标历史了解过吗? - 图4

目前不管是电脑还是移动设备
它们现在的界面设计风格大多是走扁平、极简风
无疑是符合现代的大众审美的结果
今天不如一起 back to back
看看以前的界面设计是怎样的吧!

1981 Xerox 8010 Star

UI设计师想做好图标设计?请问图标历史了解过吗? - 图5

这是第一套用于电脑系统的 UI 界面,很明显是为了 “办公” 而设计的。细心如你,肯定发现了,尽管已经过去这么多年,这些 “办公元素” 几乎是没有什么大变化的。

1983 Apple Lisa

UI设计师想做好图标设计?请问图标历史了解过吗? - 图6

这是一套很受欢迎的 UI 设计,与 Xerox 不同的是,它将命名放到了下面,而不是将它融入整个图标上。整体的线条也比较纤细,使用了 “电脑” 作为偏好设置的标志。(当然现在的 “我的电脑” 都是这么干的……)

1984 Apple Macintosh 1.0

UI设计师想做好图标设计?请问图标历史了解过吗? - 图7

UI设计师想做好图标设计?请问图标历史了解过吗? - 图8

这是一套由设计师 Susan Kare 操刀的标志。他觉得电脑的标志应该像是 “路标” 一样,简明扼要的,便于记忆的,于是有了这套具有设计感,又不失功能性的标志。

1985 Atari TOS

UI设计师想做好图标设计?请问图标历史了解过吗? - 图9

早年的 UI 界面并不仅仅为苹果系统服务的,还有一个叫 TOS 的系统,走的就是极简风格,这套等距风的标志,后来也成为了电脑系统标志的一种标准。

1985 Amiga Workbench

UI设计师想做好图标设计?请问图标历史了解过吗? - 图10

来到这里,图标终于不是单色了。这套为了 Amiga 1000 型号电脑所设计的图标,有了四个颜色。

1985 Windows 1.0x

UI设计师想做好图标设计?请问图标历史了解过吗? - 图11

这是微软的第一套电脑系统界面,跟 Amiga 差不多,但是没有颜色。

1986 GEOS for Commodore 64

UI设计师想做好图标设计?请问图标历史了解过吗? - 图12

这是继 Macintosh 1.0 后,第二套受欢迎的标志了,它看上去比 Windows 的图标更个性化一些。

1991 Macintosh System 7

UI设计师想做好图标设计?请问图标历史了解过吗? - 图13

苹果系统第一套有颜色的图标。

1992 Windows 3.1

UI设计师想做好图标设计?请问图标历史了解过吗? - 图14

1990 年的时候微软请了 Susan Kare 来设计它们的图标。于是 3.1 时,图标有了新的变化,以及颜色,这是 Windows 第一套有预安装字体的系统版本。

1995 Windows 95

UI设计师想做好图标设计?请问图标历史了解过吗? - 图15

Windows 95 相信很多人都不陌生,直到现在,我们还是能看到 Windows 的 UI 设计里都还是有它的影子。尤其是 “开始” 键,就是从 95 开始存在的。

1997 Macintosh OS 8

UI设计师想做好图标设计?请问图标历史了解过吗? - 图16

这一代开始,图标的色调变得更为明亮,同时也开始出现 “阴影”。

2001 Mac OS X v10.0

UI设计师想做好图标设计?请问图标历史了解过吗? - 图17

到了 10.0,我们总算是看到一些熟悉的身影了,个人觉得,这套设计有种 “软硅胶” 质感。

2001 Windows XP

UI设计师想做好图标设计?请问图标历史了解过吗? - 图18

XP 是微软划时代的新系统,图标也是配合整个系统的色调,而变得更加柔和,以及带有半透明的阴影。整套图标除了越来越像 “插画”,还继续沿用了等距风格。

2007 Mac OS X Leopard

UI设计师想做好图标设计?请问图标历史了解过吗? - 图19

与 v10.0 相比,苹果系统这套新图标的外观并没有太大的变化,在这个基础上变得更加 “3D”。新变化时,它让所有图标静静的排在一行,当指向某个特定图标后该图标就会被 “提起”。直到现在,这个交互动作仍在沿用。

2009 Windows 7

UI设计师想做好图标设计?请问图标历史了解过吗? - 图20

Windows 7 也是划时代的系统,由 XP 到 Win 7,中间其实还有个 Windows Vita,Win 7 其实更像 vita,虽然两者的在图标外观上并没有太大的区别,不过 Win 7 微调了一下,看上去更柔软和增添了 “透明度”,质感不一样了。

有人说潮流就是一个轮回
常看杂志或者是搭配内容的人
肯定有发现这一点

其实设计也是一样的
像是像素风现在也是很受欢迎的
而像素风不正是最初始的电脑系统图标设计风格嘛

常看常更新自己
没有新的灵感的时候
不妨 “回头” 看看

UI设计师想做好图标设计?请问图标历史了解过吗? - 图21

UI设计师想做好图标设计?请问图标历史了解过吗? - 图22

UI设计师想做好图标设计?请问图标历史了解过吗? - 图23
https://mp.weixin.qq.com/s?src=11×tamp=1618300173&ver=3005&signature=MpH41CabWCCYLYU9Yy-mw4hXKG-trANXV3ty9HKvlvrXU8wwvjA6g1V8P1PxY8hnh3RY-SECSXhrMqsRjgeA5f7-U2tXOD88_nt69W2_hb7aCNyxxk5Ryy8Iyp648sIH&new=1