用户界面 - 颜色和布局

尽管我对Web应用程序信息特别感兴趣,但我也对桌面应用程序开发感到好奇。这个问题是由我在我的个人网站上的工作以及我的工作所驱动的,在这些工作中,我开发了一些功能,但将其留给了其他人以融入网站的外观和感觉。

是否有任何指南或颜色方案,布局,格式等东西的经验法则?我希望确保访问者的可读性和清晰度,但同时又不能平淡无奇。

至于我在这方面的知识 - 如果你给我一张图片,我有足够的知识在屏幕上重现它,但如果你问我设计一个新的界面或重新设计一个现有的界面,我不知道从哪里开始。

0

7 答案

Usually, each operating System has user Interface Guidelines. For Windows, have a look here. (Edit: The links in that post are broken. But a Search for "User Interface Guidelines" on MSDN has articles about everything)

苹果也有它自己的。此外,您可能希望保持无障碍功能心里。

0
额外

我很难找到一起看起来很好的颜色,所以我欺骗并使用大多数我想要的颜色(比如绿色)的自然图片,然后使用本网站提出主色调。一般来说,大自然在设置自己的漂亮配色方案方面做得很好。

0
额外

使用高对比度颜色组合;白色背景上的黑色文字是高对比度组合的最佳例子。

不好的组合是红色背景上的绿色文字。对色盲人士(如我)来说这很可怕。

See what your site looks like to a color blind person: colorfilter.wickline.org

0
额外

一个提示,检查你的颜色有良好的对比度,正在它的快照,并转换为灰度。如果你看不懂东西,颜色肯定不好选择。

Plus, although it's not about user interfaces, Before & After Magazine can give you some pretty good hints about color, design and related topics. It even has got some free pdf's to download.

0
额外
这是一个聪明的想法
额外 作者 Colin Pickard,

至于桌面应用程序:不管你做什么,都不要使用手工挑选的颜色。坚持使用指定的系统颜色,例如“窗口背景”,“菜单文本”等。否则,依赖操作系统辅助功能的用户将会锁定您的颜色选择(例如无法选择高对比度主题),并且喜欢自定义桌面主题的人会认为你的应用程序非常糟糕。

0
额外

由Jenifer Tidwell撰写的设计界面一书涉及这一主题的一整章(第9章,在线访问摘录)。 整本书值得推荐。

0
额外

以下是排版中可用性的一些简单指针。这些东西主要解决可读性和可访问性问题。

DOS:

  • 使用相对字体大小调整(em)
  • 使用LANG属性识别文档中的语言更改
  • 白色背景上的黑色文字
  • 对于标题,使用H1,H2等并适当地嵌套
  • 将内容分块并按照您的用户正在寻找的标题进行整理
  • 写出清晰简单的副本
  • 左对齐,右对齐
  • 文字背景颜色必须是高对比度

DONTs:

  • 使用“点击此处”或“更多”作为链接文字
  • 使用下划线强调
  • 超过2种字体类型
  • 斜体
  • 使用全部大写字母的文字块
  • 在白色背景上使用真实的红色或纯蓝色文字(色差)
0
额外