龙空技术网

Windows的界面元素与macOS的界面元素设计完全相反,是故意的么

朝阳北路古天乐 56

前言:

现在咱们对“window10界面为什么是白色的”大概比较注重,兄弟们都需要分析一些“window10界面为什么是白色的”的相关资讯。那么小编同时在网上收集了一些有关“window10界面为什么是白色的””的相关内容,希望咱们能喜欢,咱们快快来了解一下吧!

早期 System 与 Windows

于1984年发布的Macintosh System Software 1,界面如图

System 1桌面,背景是由一像素黑色一像素白色组成的图案,看起来像灰色。打开图片后进行100%缩放,观看效果更佳。

System 1应用程序窗口

可以看出,Mac界面的基本布局就已经确定了。全局菜单栏,显示应用程序菜单,菜单内容随应用程序改变而改变。桌面图标也是放在右边,废纸篓在桌面右下角。应用程序的关闭按钮(后来的Mac OS称之为“关闭格”)在标题栏的左侧。窗口调整大小需要按住右下角的按钮才能进行拖放。

之前的System 1-3界面几乎没有变化,只有系统和功能上的改进。System 4,Macintosh II预装的版本,应该是最早支持彩色的。见菜单栏上的苹果logo。 另一个变化是,标题栏右侧多了一个缩放按钮(后来的称之为“缩放格”)。此按钮的功能类似于最大化,点击后,窗口会放大,再点一下又还原回之前的大小。这个按钮的功能在后来的System 7中稍有变化。后续的版本中,缩放格的功能是将窗口大小调整为最合适大小,以Finder为例,点击按钮后,窗口大小会调整为刚好能显示下所有内容时的大小,而不是“最大化”窗口。

Mini vMac模拟的Macintosh II与System 4.1,分辨率640x480, 256色。这里就不剪掉模拟器窗口边框了(前两张裁剪512x342裁得烦了。)

放大后的窗口

System 4和桌面附件(Desktop Accessories)

这种设定一直沿用到了System 6,直到System 7才有一些改变。

中文System 6.0.7以及辣眼睛的桌面图案,是预设图案中的一种,可以自行在控制板中选择及绘制。菜单栏右侧的倒数第二个图标(有个“中”字的圆形图标)是中文输入法开关。

标签功能,后续Mac OS一直沿用。

运行Photoshop 1.0,菜单栏右侧的图标变成了当前应用程序的图标。由于同屏只能显示256色即调色板只有256色,运行一些应用程序后,调色板也跟着改变。PS中的图片来自于系统剪贴册。

位于苹果菜单中的任务列表

早期System 1-4版本是单任务的,虽然在512K及更高内存的机型上能通过诸如Switcher软件来进行任务切换。System 5和System 6自带MultiFinder,启用后也有简单多任务支持。启用MultiFinder后,菜单栏右侧会显示当前应用的图标,点击该图标可以进行任务切换是按顺序切换到下一个任务的。也可以点击苹果菜单,在下面的任务列表中进行任务切换。而Windows一开始则是多任务的。

至于关机,早期的System 1和2并没有关机和重启的选项,如果需要关机,则需要在File菜单中选择Eject,将当前的软盘弹出,然后关电源就行了。

软盘弹出后,桌面上的软盘图标显示为半透明

System 3开始,在Special菜单中才有关机选项。

硬件而言,当年的Macintosh机型大多使用黑白(二色)显示器,分辨率为512x342(约3:2比例)。后来的Macintosh II支持256K/512K显存的彩色显卡,256K显卡可以支持512x384(4:3) 256色,更高的640x480分辨率下只能显示16色;而512K显卡支持640x480分辨率下显示256色。但Macintosh II属于高端型号,当时主流Mac机型还是512x342的黑白机型。

同期PC/Windows(80年代)的显卡/显示器就五花八门了,什么CGA卡,MDA卡,大力神卡(Hercules),EGA卡,到后来的VGA卡,IBM XGA卡,Wyse卡等等。各自的显示规格(分辨率和颜色)也不同。更混乱的是,CGA除了IBM原厂的CGA卡,还有Compaq CGA,Tandy CGA,还有基于CGA的Color Plus等等;EGA除了IBM EGA,还有更高端的ATI EGA Wonder系列等等。 这些显卡所需的显示器也不同。后来多媒体PC所要求的SVGA显卡(当时最低标准是640x480 256色)也有各种各样硬件方案。这种局面直到VESA出现才有所好转。关于PC的这段历史,可以参看The Legacy of 3dfx一书中的Chapter 1 / The History of 3D - 1970 / 1994。

Windows 1.04安装程序,显卡设置页。(模拟CGA显卡,拉伸到4:3显示。)

早年的Windows 1.0-3.x只是个应用软件,运行在DOS下,在Windows目录下输入win命令启动。

看看同期的Windows 1.0,于1985年发布(比Macintosh晚一年),采用平铺式窗口管理。打开新的程序后,原来的窗口会最小化到桌面底部的图标上,这个设定沿用到Windows 3.x。

窗口标题栏左侧的按钮,点击一下打开控制菜单,(连续)点击两下则关闭窗口,这个设定延续至今。标题栏右侧的缩放按钮,双击则最大化窗口。

CGA模式下的Windows 1.0,黑白显示一点也不Color Graphics Adapter,不过总比辣眼睛的CGA默认的4色来说好多了。

菜单栏在应用程序的内部,不像Mac是全局菜单栏。但是Windows 1.x菜单的操作与Mac类似,鼠标点一下某个菜单选项,弹出的菜单马上消失。需要一直按住鼠标,选取具体菜单命令后再松开鼠标。但Windows 1.0按Alt加一个字母键(如F)同样可以访问菜单,这个设定延续至今。

VGA显卡(但是驱动最高只支持EGA因此用的是EGA模式),打开控制面板,MS-DOS Executive(文件管理器)自动最小化到桌面下方的图标中。配色太辣眼睛。

平铺式窗口管理,两个窗口横向对半开。

平铺式窗口管理,四个窗口对开

两年后的Windows 2.0,支持VGA显卡,采用堆栈式窗口管理,与现代的Windows一致。界面也更接近Windows 3.0。最小化的程序同样显示在桌面下方图标中。窗口左侧的控制图标稍有变化,与Windows 3.x接近,右侧控制按钮从箭头中可以知道含义,最小化 和 最大化/还原。Windows启动时默认打开的还是MS-DOS Executive文件管理器。

Windows 2.11 386版安装界面,机型中的第二项无疑是对IBM的莫大讽刺。以前兼容机都叫IBM compatibles,这回是Compaq compatibles,谁让Compaq DeskPro 386捷足先登呢。

Windows 2.11/386,VGA。堆栈式窗口管理,不需要再满屏贴窗口了。配色也不至于太辣眼睛。

不过Windows 1.0和2.0上并不算成功,第三方应用程序并不多。微软开发Windows,最初也是想让图形化的Word和Excel在PC上安个家,不必四处漂泊。(早期Word的DOS版、Mac版和Unix版都不太一样,Excel最初也是在Mac上运行的。)有趣的是,Windows 2.0发布后,苹果状告微软,说微软抄袭了苹果的图形界面。当然,苹果也好微软也好,都是偷师Xerox Alto。

到了90年代,微软的Windows 3.0发布,功能更加成熟,同时界面和操作有了较大的变化。苹果也在1991年发布了System 7,系统的设计上有了较大变化,但界面总体变动不大。然而System 7的时间跨度达到了五年,其中也经历了7.0,7.1,7.5和7.6几个版本。7.0和7.1的界面和操作几乎一致;而7.5/7.6增加了控制条和上下文菜单(子菜单)支持。System 7时间跨越了Windows 3.1和Windows 95两代。

System 7的标题栏有了颜色,而且稍微有了些立体感。大部分图标也有了颜色。窗口标题栏右侧的缩放格的功能也变成了将窗口调整为最佳大小而不是最大化。菜单栏右侧也多了一个帮助图标,可以显示旁注。苹果菜单也开始可以自定义了,虽然后来Mac OS X中的苹果菜单又是固定项目了。另外,随着多任务需求的增加,System 7还稍微改进了窗口管理机制,点击菜单栏最右边的图标,会列出当前运行的应用程序,可以在此进行切换,还可以选择隐藏当前的应用程序或隐藏其他应用程序以专注于当前程序。

System 7.1中文版

System 7的应用程序切换和隐藏。

System 7.1的控制板和功能扩展图标。由于安装问题,网络功能扩展和IBSTuneUp图标损坏。

点击缩放格后自动调整窗口为最佳大小,左缩放前,右缩放后。

System 7的苹果菜单也可以自定义了,允许自己添加和删除项目。

System 7.0/7.1桌面图案还是可以自己画的。菜单闪烁次数和光标点闪烁速度也可以编辑。

System 7的旁注,启用后将鼠标移动到某个项目上会出现相应的说明。“由于有东西在里面,废纸篓鼓起来了。”这描述,比微软的文案风格生动多了。

System 7.5允许使用低分辨率的图片作为背景,当然这种背景也是不断重复的,称作是“桌面图案”,系统也预设了一些桌面图案。此外,早期Mac OS没有最小化窗口的功能,当窗口多起来时,切换窗口变得很不方便。Mac中一个应用程序可以有多个不同的窗口,与Windows不同的是,对于当时大部分应用程序而言,关闭了所有的窗口并不会让程序退出,需要在文件菜单中退出当前的程序。Mac OS还缺乏最小化窗口的功能。如果当前运行了多个应用程序,这些应用程序中也有多个窗口,工作区会变得非常凌乱。虽然可以隐藏应用程序,但隐藏后应用程序所有窗口也隐藏了。于是System 7.5中新增了一个叫窗口隐藏的功能,设置双击或三击标题栏将一个窗口“隐藏”,当然这并不是真正隐藏,而是将窗口缩得只剩标题栏。在Mac OS 8中,“窗口隐藏”更名为“窗口收合”。显然,这也并不是用户想要的功能。Mac OS的窗口管理和Windows差远了。

桌面图案及窗口隐藏功能,被隐藏的“Mac OS 7.5”窗口缩得只剩下一个标题栏了

System 7.5还增加了控制条功能,可以进行一些简单设置,例如音量、亮度、分辨率、共享等。控制条最初是给便携机设计的,在台式机上默认安装中是没有控制条的。还有就是苹果菜单也终于支持子菜单了。

System 7.5的上下文菜单(子菜单)

题外话,System 7.5开始,苹果授权过其他厂商制造Mac兼容机。而苹果原装机叫做Macintosh,其他厂的兼容机总不能叫Macintosh吧,而系统还叫做Macintosh System Software。于是从7.5.2起,苹果自己的系统还叫原来的名字,而卖给第三方兼容机的系统则叫Mac OS。于是Mac也有了新的logo。到了System 7.6,苹果干脆就把系统都叫做Mac OS了,原装机也一样。

再看看Windows 3.0/3.1和Windows 95。

Windows 3.0,于1990年发布(繁体中文版于1991年发布),就界面而言已经足以与Mac OS比美了。窗口的基本布局与Windows 2.0类似,标题栏左侧的控制按钮,单击显示控制菜单,双击关闭;右侧的最小化/还原和最大化按钮图标有所改变。整体来看,这套风格更具立体感,按钮点击后也有凹陷的效果。与Windows 2.0不同的是,Windows 3.0使用程序管理器(台译“程式管理员”)来启动程序,而不是Windows 2.0的MS-DOS Executives文件管理器。

Windows 3.0繁体中文版,VGA显示,2x缩放

程序管理器中每个程序是一个程序项,而程序项归属于一个个的程序组。例如“主群组”程序组中有与系统相关的程序项。程序管理器中打开的程序组会显示成子窗口,而未打开的程序组的图标则显示在程序管理器主窗口中,双击可以打开这些程序组。程序组好比是Windows 95开始菜单“程序”中的子文件夹,如“附件”,而程序项就好比是开始菜单中具体的一个程序快捷方式。

Windows 3.0各程序组

Windows 3.0的程序管理器可以将各程序组堆栈排列(如上图),也可以平铺排列。如果双击桌面的空白位置,会出现任务列表,这可能是任务管理器的原型了,在任务列表中同样可以对任务进行堆栈显示或平铺显示。由此可见,Windows 3.0的窗口管理功更先进,相比之下Classic Mac OS的窗口管理能力太弱了。

平铺排列的应用程序和程序管理器程序组窗口

窗口堆栈和任务列表

相比Windows 1.0和2.0只能用颜色作为桌面背景,Windows 3.0可以将图案设置为背景,也可以将bmp位图设置为背景。将图片设置为背景时,可以选择居中显示;如果是重复性的图案,也可以平铺显示。而Mac OS 8以前的System 1-7只能设置图案或小尺寸图片为壁纸,并且只能平铺。

将图案设置为壁纸

将图片设置为背景。

将小尺寸图片平铺为壁纸

从Windows 1.0开始,窗口的颜色方案是可以自定义的,Windows 3.0也不例外。而Mac OS的颜色设定则仅限于高亮的文本和System 7中窗口的边框线条的颜色,直到Mac OS 8才能稍微定义一下主题色彩。

这个配色辣眼睛,不过还好只是个演示

Windows 1.0到3.x,要退出Windows,只需要双击MS-DOS Executives窗口或者程序管理器窗口左上角的控制按钮,然后确定就能退出。至于关机,在DOS提示符下等后台程序写完数据,直接关电源就行了……

中文Windows 3.2,实际就是Windows 3.1的本土版本

Windows 3.1的界面和操作与Windows 3.0无太大差别,只是图标和配色上的变化,较大的变化是系统和功能的方面的。

Mac OS 8 与 Windows 9x

System 7时间跨度长,同时与Windows 3.x和Windows 95竞争。

发布于1997年的Mac OS 8,终于在外观上有所改进,使用了Platinum风格的主题,整体看上去更具立体感,但整体操作还是和之前系统一致。Mac OS 8.1是Mac OS 8.0的小幅改进版本,外观没有区别。默认的桌面图案是浮雕风格的Mac OS logo,同时允许图片作为壁纸。许多图标也进行了重新设计。

中文Mac OS 8.1

到了Mac OS 8,标题栏上的三个按钮终于齐了,尽管它们的功能与现代Mac OS X中的有些不一样。标题栏最右侧多了一个“收放框”,点击之后窗口会缩到标题栏,与System 7的窗口隐藏一样。在收起来的窗口中,这个按钮的名字变成了“扩展框”,到了Mac OS 8.5以后,这个按钮名字变成了“收合格”。

三个控制按钮终于到齐

Mac OS 8中的部分图标

使用图案做壁纸与使用图片做壁纸。可以直接将图案和图片文件拖动到小窗口中进行设置。

Mac OS 8提供了十余种预设的颜色方案

Mac OS 8也开始支持右键菜单,当然Mac一直是单键鼠标,访问右键菜单需要按住Ctrl键再按鼠标。但如果应用程序太老不支持右键菜单,那也无济于事。

按下Ctrl键时,鼠标指针变成指针+菜单的样式,此时按下鼠标按键会弹出快捷菜单。

再看看Window这边的情况。

Windows 95本是处在System 7时期的,只是苹果于1997年发布了Mac OS 8,而Windows 98在1998年才发布,因此可以同时拿Windows 95于System 7和Mac OS 8对比。

Windows 95可以说在界面上与前代有着巨大差别。不过也有共同点,即界面都是为VGA 16色设计的(汗),而Win 95 Plus!/Windows 98才是为更高色彩设计的。Windows 95可以说也奠定了现代Windows界面设计的基础,已经非常接近现代的Windows了。比如任务栏,开始菜单,窗口标题栏右边的三个控制按钮以及几乎无处不在鼠标右键菜单等等。在Windows 3.x中,只有部分程序是支持右键菜单的,连Win3.x的程序管理器都不支持右键菜单。

Windows 95一出,PC键盘上也多了两个键,Win键和菜单键,位于键盘最后一行的一左一右Ctrl和Alt的两个空缺位置中。Win键当然是打开开始菜单,而菜单键则是呼出右键菜单。老键盘没有这两个键,可以用Ctrl+ESC和Shift+F10代替,但是Ctrl+ESC快捷键仅能呼出开始菜单,不能用于任何与Win键相关的组合键(如Win+R等)。这些设定也保留在了现代Windows中。

中文Windows 95 OSR1,请忽略桌面上的Windows 3.2图标和某游戏的快捷方式。桌面上的Windows 3.2只是PIF,运行后退出Windows 95然后运行Windows 3.2的win程序,当Win3.2的win退出后自动运行Win95的win。而某游戏的PIF则直接在Win95下运行。

为了照顾老用户的习惯,Win95也有程序管理器,不过也已经是Win95风格的了…… 不过单击窗口标题栏左侧的应用程序图标依然可以打开控制菜单,双击这个图标也还可以关闭窗口。

Windows 95默认的资源管理器风格并非如截图上所示的那样有地址栏和工具栏,而是更接近当时Mac Finder的多窗口模式。只是出于习惯,我把它设置成了单窗口,并显示工具栏的。

Windows 95默认的多窗口模式

各版本 Mac OS X 与 同期Windows

2001年3月,次世代的Mac OS X 10.0发布。界面和操作习惯与之前的Classic有着极大的变化,虽然仍旧是全局菜单+右侧图标的基本布局。全新的Finder、Dock和系统设置让用户耳目一新。新的Finder可以将最常使用的目录,如应用程序目录,用户的主目录放在工具栏上,一点击就能访问。此外Finder还增加了分栏视图,浏览文件夹时更方便。

Dock是Mac OS X中的新元素,功能较复杂,可以放置应用程序、网页、文档等,一点击即可打开。已经启动的应用程序也会出现在Dock上,在其图标的下方有个黑点,可以通过Dock来管理已打开的应用程序,进行切换和退出等操作。Dock的加入对Mac的窗口管理也有一定的改进,至少让Mac多了最小化窗口的功能,最小化的窗口放在了Dock的右侧。

Mac OS X 10.0的Dock还部分承接了原先控制条的作用,例如图中所示的“显示器”设置,点击图标弹出菜单,可以对分辨率和颜色进行设置。如果电脑安装有AirPort无线网卡,其状态指示图标也会出现在Dock上,点击可以打开菜单管理无线网络,而Dock上无线网络的图标本身也是指示器。当然,这些功能在Mac OS X 10.1还是整合到菜单栏中了。(在更早的10.0的公开测试版中,甚至连日期和时间都是作为Dock图标显示的。)因此可以说Mac OS X 10.0在设计上并未最终定型。

10.0的界面一直沿用到10.2系统,当然在10.1和10.2中也有一些细小变化。就比如之前Dock上的一些控制图标移动到了菜单栏上,只是语言和输入法的图标还紧随菜单,而不是放在右侧的图标区域。另外是系统设置采用分类显示,与现在的一样。只是系统设置的最顶栏是可以自定义的,可以将最常用的设置图标拖放在上面,进入任何一项设置时都可以点击。

(先写到这,不定期更新。)这部分跨度较大,计划从Mac OS X 10.0写到近几代的Mac,Windows 2000(及同款外观的Windows Me)到现代Windows。主要概况其界面和操作中变化的部分,例如Dock,Finder,Windows的开始菜单,资源管理器和控制面板等等。

标签: #window10界面为什么是白色的