User interface UI的艺术方面？

考虑一个按钮

在一个极端，我们有一个黑色的OpenGL窗口，其中包括：

• 矩形的轮廓（白色）
• 位图在其内部重新创建字体，表示“确定”

在另一个极端，我们有Mac OS X，一个按钮是：

• 全面的
• 有一些渐变，在上面显示灯光效果
• 漂亮的抗锯齿“OK”
• 某种柔和的阴影

这两个UI提供了非常不同的用户体验。前者说“这是80年代的”，后者说“这是专业的”

作为一名程序员，我不太了解这一点（也不知道从哪里了解这一点）

---

有人知道这方面的好技术资源吗？[我更喜欢借助心理学/认知文学来说明为什么要做某件事，而不是设计一本只说“使用颜色XYZ加上渐变的废话”的书]

你会想仔细阅读人类用户界面指南HIG和可用性：

亚马逊有很多关于HIG主题的书籍，但我也推荐基于可用性的书籍。Steve Krug的“”是一本很棒的书（主要针对web可用性定制） 等等。

上面有些东西

您可以签出此链接以回答注释中的查询部分。它有很多参考样本和一些有用的链接

我们都知道，设计UI的感知和心理部分并不是任何规则或步骤。它随着时间的推移而发展。让您的应用程序变得友好和令人愉快，这一部分的魔力或交易将从经验\调查中得到补充，您还可以包括外行测试。我做过很多次

也可以跳出框框思考。当你在盒子里解决它时，你会得到一个解决方案。但是，当你想出来的时候，你会得到一个更好的解决方案。

另一个有用的东西是成为一个好的学习者和观察者。当您访问网站或使用其他应用程序时，请注意一些好的和有用的东西。你可能根本没注意到。它可能是非常小或琐碎的东西，但如果在正确的地方使用，它会有很大的不同。

经典：

---

快速阅读，讨论了使用和理解人机界面背后的一些心理学。它有点过时，并没有直接关注编程GUI，但我将从这里开始。

我将从Vitruvius的坚定性、商品性和愉悦感开始。

---

还有吉布森的启示。此外，许多HCI研究人员已经应用了活动理论，结果好坏参半。诺曼的《多伊特》是一个好的开始，但我认为它只涵盖了维特鲁维斯的《三合会》的前两部——你是在问快乐。也可以看看McCloud对漫画的理解。

Opera网络标准课程在美学方面有一个非常好的部分，特别是在色彩使用方面。我认为它不仅对web开发非常有用，而且对所有应用程序设计都非常有用

---

还有一个，它允许你玩一些颜色理论方面。绝对值得一看。

这些资源在这个问题上都没有什么可说的。他们更关心的是按钮的位置、小部件的选择、颜色等。他们没有说明“专业”外观的按钮如何或为什么比普通按钮更有效。有用，但确切地说不是Anon的意思；）@巴斯蒂安·林德斯：这个答案对这个问题有什么帮助？这对于其他一些问题是有用的，但不是这个问题。我认为光滑的专业界面是设计良好的布局/形式的结果，它考虑了可用性和人机交互。这些链接还讨论了为什么某些着色/渐变会创建3D外观，从而更好地“指示”按钮是可点击的。@scunlife:我同意专业界面是精心设计的布局的结果。但这不是用户的要求。他们在问为什么会这样。专业图形设计更实用的心理原因是什么。我认为问题（和答案）不仅仅是小部件的功能。你可以用一个3D外观的丑陋的按钮，这样看起来“可以点击”，但坊间证据表明，外观更专业的按钮更有效。为什么？你的答案是如何解决这个问题的？除非你是艺术型的，否则你很可能无法真正掌握这个问题。你可以做得很好，很多人都可以，但是一个好的平面设计师是无法替代的。识别一个看起来专业的用户界面要比自己坐下来从头开始设计一个用户界面容易得多。没有这方面的理论吗？我喜欢类似“这就是人类前进的方式”的东西，因此我们应该优化这个函数；为了优化这个功能，我们得到了这样的按钮。这也是时尚的问题。五年后，我们将在这些当前流行的OSX按钮上呕吐。（还有“Web2.0”风格。）@anon-我想有一些理论，但我认为它们不会像其他编程理论那样困难和快速。如前所述，这将取决于时尚，也取决于你的受众+10（如果可以的话）。那篇帖子直接回答了这个问题。太好了，我实际上是如何创建shinny搜索按钮的？@anon:这个问题太深了，在一个小小的评论框里回答不了。谷歌是回答类似问题的绝佳资源。@Bryan——我不是指QT/MacOSX教程意义上的“创建按钮”；我的意思是，是什么方程式让我产生了光照/阴影，从而创造出了那个闪闪发光的按钮？@anon:我意识到了。谷歌。有很多使用photoshop创建此类按钮的教程，也有一些网站，您只需键入文本，它就会返回图像。还有一些桌面应用也做同样的事情。这没有什么神奇之处。