UI的艺术方面？

Question

考虑一个按钮。

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

• 矩形的轮廓（白色）
• 位图里面的字体提醒字体，说“确定”

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

• 圆润的
• 有一些梯度显示灯光效果
• 很好的抗锯齿“OK”
• 某种软阴影

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

这是我作为程序员不太了解的事情（并且不知道在哪里可以了解这一点）。

有谁知道这方面的良好技术资源？ [我更喜欢利用心理学/感知文学的东西来说明为什么要做一些事情，而不是设计那些只是说“使用带有渐变角色的XYZ颜色”的书籍。）

Answer 1

这里有一些东西。 http://www.alistapart.com/articles/indefenseofeyecandy

您可以在评论中查看此链接以回答查询中的部分内容。它有很多参考样本和一些有用的链接。 http://www.usernomics.com/user-interface-design.html

正如我们所知，设计用户界面的感知和心理学部分并不像任何规则或步骤那样。它随着时间的推移而发展。使您的应用程序用户友好和愉快，这部分魔术或交易从经验\调查中添加，您还可以包括外行测试。我这么做了很多次。

也开箱即用。在框内解决问题时，您将获得解决方案。但是当你想出它时，你会得到一个更好的解决方案。

另一个有用的东西是一个好的学习者和观察者。当您访问网站或使用其他应用程序时，请注意一些不错的用途。你甚至可能都没注意到它。它可能是非常小或微不足道的东西，但是当它在正确的地方使用时会产生很大的不同。

Answer 2

您需要阅读人类用户界面指南 HIG 和可用性：

Apple's Human Interface Guidelines

Windows User Experience Guidelines

Platform agnostic guidelines

亚马逊在HIG主题上有很多books，但我也推荐基于可用性的书籍。 Steve Krug的“Don't make me think”是一本很棒的书（主要针对网络可用性量身定制） 等

Answer 3

经典：The Design of Everyday Things

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

Answer 4

我从维特鲁威的坚定，商品和喜悦开始。 还有吉布森的能力。此外，许多HCI研究人员应用活动理论，结果好坏参半。 Norman的DOET是一个良好的开端，但我认为它只涵盖维特鲁威的三重奏中的前两个 - 你问的是喜悦。也可以看看麦克劳德的理解漫画。

Answer 5

Opera网络标准课程在审美方面有很好的部分，特别是在颜色使用方面。我认为这不仅适用于Web开发，而且适用于所有应用程序设计。

• Chapter 8: Color Theory
• Chapter 9: Building up a site wireframe

还有一个color scheme designer website，它允许你玩一些颜色理论方面。绝对值得一游。