均匀性和个性在Mac UI设计

Twitter对Mac有些极端,它与几乎完全自定义的用户界面是什么我曾经有过一个热情Mac UI设计的均匀一致性通过早期熟读DF档案将会显示但高的已经死了它很久以前就去世苹果,把它打死了在Mac OS 9(之前),没有一个应用程序更均匀一致的高的比苹果自己的标准在Mac OS X,苹果开始试验,特别是在他们的旗舰软件这种变化是否已经不管怎样肯定是有争议的,但不可能有争论,Mac用户界面设计师的观念已经改变了苹果定下了基调,不管是好是坏总是,一直会是这样(没有人但是苹果可以刷金属受欢迎。)

今天这篇文章的蒂姆·摩根提供了一个详细和周到的批判Mac App Store titlebar /工具栏和新的Twitter Mac -但它是一个批判的视角,评论家仍然相信HIG-rooted一致性。

我花了几分钟想有办法重写前面的句子没有听起来不屑一顾,我使用它说他的批评,无论多么准确,可以被解雇,因为他仍然订阅一套标准从一个过去的时代这不是为什么我使用,虽然(Or, to be honest, at least not只有why.) It’s simply that when you读摩根的文章——如果你还没有,你应该尽快完成这句话——值得记住他的批评属于“这是标准的”,哪些属于“这不是好的设计”。

有一种保守派和自由的叉在UI设计中,在传统和非传统的感觉保守党认为非标定制UI元素是错误的只不过自由主义者看到应用程序使用标准系统UI元素无聊,老式的、古板的。

这是标准的“批评会因此产生两种反应“同意了,这是错误的”说保守党“So what?” say the liberals.

“这不是好的设计”的批评,然而,如果准确,是大多数设计师的东西应该同意,不管他们的位置在保守派和自由UI设计谱问题是,一旦你看到某一块UI的批评来自别人和你在一个遥远的位置保守/自由设计,有一种自然倾向关闭你的头脑和折扣他们说的一切。

很明显,这是应用我们讨论:

Twitter 2.0 Mac的截图

没有标题栏Completely custom close/minimize/zoom buttons (which ignore your system-wide settings for color; no red/yellow/green for you)你使用黑色栏拖动窗口都是设置在Helvetica(比如iOS应用程序),不是明星Grande(如Mac应用程序)。

But let’s also be clear about where the app is coming from: Loren Brichter’s Tweetie for Mac:

Twitter 2.0 Mac的截图

Twitter Brichter,现在一个全职员工,仍是应用程序的主要开发人员已经从“网络”更名为“推特”,但2.0版本号去了,因为今天我们是下一个版本相同的应用程序你可以看到它的屏幕截图方向相同,只是进一步。

摩根的抱怨Mac App Store应用程序和他最初的评论关于Twitter是保守的品种:非标准windows和UI元素是错误的但还有:

Clicking on the different tabs in the main window (tweets, lists, mentions, etc.) reveals the corresponding content with a “slide out” animation Upon opening the application, you are presented with your timeline Click the “@” and your mentions slide out on top of the timeline Click the timeline again, and you would expect perhaps for the mentions to slide back in, revealing your timeline, but instead your timeline slides out on top of your mentionsThis endless sliding out creates a sensation of “stacking” UI views infinitely on top of each other, when in fact you are merely switching between six different tab views.

那是相当精明的,却让人我发现轻度不安的新Twitter Mac但不能把我的手指上iOS使用这些滑动动画给你一个地方的感觉典型的例子是邮件在iPhone上这是一个四柱设计:账户,邮箱、消息列表、消息内容你从左到右滑动,在视觉上,在列之间导航你看不到多个列,但是动画帮助给你的你在哪里这是因为苹果的动画可以四柱与屏幕布局,只有320像素宽。

Twitter为iPhone之前,这个模型T:账户,微博,微博的细节——从左到右排列,与动画之间移动不过,在今天的新Twitter Mac滑动动画选项卡之间切换时添加上下文他们不仅无害的养眼摩根指出,这些动画创建一个的堆积,不存在栈他们的技术非常好,1但在概念上误导。2

That’s the sort of criticism that should register regardless of one’s position on the standard-vs.-custom UI design spectrum.

至于东西要去哪里,我觉得这个新的Mac和Twitter iPad-esque Mac App Store应用它摩根关闭敬启引用:

Gruber once said (and for the life of me I can’t find the quote) that the difference between the Mac OS and iOS is that you don’t need to be a designer to make a good-looking Mac app: Apple provides you the assets you need; if you adhere to common sense and the HIG, you will create a good-looking (if not unique) applicationOn the iOS, all the best apps have had enormous amounts of design effort invested in themAs the App Store (and OS X 10.7) blur the lines between iOS and Mac OS, I fear we may lose this distinction as well.

你是否认为这是一件好事,没有使用担心它苹果对UI一致性的热情带走了六色标志变化是不可避免的个性是一种新的常态Mac UI设计才刚刚开始从iOS用户界面设计的影响。


  1. Brichter所做的,我相信,或多或少写自己的UIKit——一个替代AppKit基于核心动画旧的Tweetie Mac使用相当多的动画,它看起来不错但是新的Twitter Mac使用动画更广泛,和动画有相当不同的感觉类ios的多,这是一个强有力的补充试着烙在应用Shift键举行,在慢镜头观看他们他们讲究。↩︎

  2. 动画的Tweetie 1.2 Mac的概念意义在侧边栏,标签是自上而下堆放:时间表,回答:DMs这些选项卡之间切换时,内容观点下滑不是从左或右,但从顶部或底部,相对位置对应的侧边栏选项卡你从一个切换开关。↩︎