神马文学网怎样使用标准icon？
来源：百度文库 编辑：神马文学网 时间：2024/04/27 13:54:20
(大智jack.lee 2007-5-20)
标准icon--standardedicon，在视窗环境的软件设计中经常要用到的4个“标准”icon：错误、警告、信息、帮助。不管什么软件，除开这4个icon，别的icon会根据软件应用领域和实际功能或设计需要变通，可能有，可能没有，可能是这个，也可能是那个，是变化中。只有这4个icon比较稳定的成为用户界面体系的一部分。所以微软把它们叫做standarded icon。
怎样使用它们？这是一个很容易忽视的问题，甚至很多人都意识不到这是个问题。大多数人把精力都放到主要的业务流和功能特点设计上去了，类似对话框和信息提示的设计自然被边缘化了，需要时顺手就做了，很少有人去深究。我发现很多软件（包括bs端和网页）对标准icon的使用都不大规范，例如使用时机不对，使用的icon与文本类型不匹配，特别是错误、警告和信息非常容易混淆。包括我本人做的一些事也是。
就在两天前，我给正在开发的产品设计一些非模态信息（用来给用户提供更好的操作引导），到实际考虑一些细节时，才意识到这个问题。找到微软windows vista的资料，发现标准icon的使用远不是我们想象的简单和随意。
几个关键点：
1、标准icon不仅仅用来装饰，用与不用皆有章法－－代表问题是临界状态使用icon，非临界状态不用icon
2、错误、警告、信息概念的原则区分，特别是错误和警告之间的性质区别：错误是已经发生的错误（完成时态）警告是将要引起错误的状态（将来时态）
3、密切结合上下文和使用环境，不能教条的搬用前两条。
4、结合软件的性格（cooper语）和整理的完整性
这4个标准icon和使用它们的时机、语境密切相关，把它们理解清楚并合理的使用它们，有利于设计合理的软件交互细节。不同的使用结果直接影响用户与软件的交互效果。
与朋友们共享！
英文原文：http://msdn2.microsoft.com/en-us/library/aa511277.aspx
------------------------------------------------------------------------------------------------------
什么是标准icon？
标准icon是错误，警告，信息和问题标识icon
标准icon有这些意义：
错误icon表示出现了一个错误或者问题
警告icon表示将来会引起问题的情况。
信息icon表示有用的信息
问题标识icon表示了一个提供帮助的入口
标准icon是有用的，因为它们使用到很多的windows应用程序界面中，例如任务对话框，消息对话框，气球，通知文本。它们经常用到特定位置的信息，消息面板，状态栏。
Design concepts设计概念
使用合适的标准icon有一些因素，部分源于它们为什么经常被错误使用的原因。最常见的错误是：
使用警告icon表示不严重的错误。警告不等于被弱化的错误。
在不需使用icon更好时，使用标准icon。不是每个信息都需要一个icon。
在次要问题上提供警告或者用警告表示一个常规（例行）问题来惊扰用户，这样做使程序显得比较危险，而且会冲淡正常使用icon的传达效果。
这一章以下部分解释了怎样看待标准icon，以避免这些常见错误。
Message type vs. severity 消息类型vs 严重性
基于消息类型而不是潜在问题的严重性选择标准icon，消息类型是：
错误：一个错误或问题已经发生。
警告：可能将会引起一个错误的情况。
信息：有帮助的信息
因此，错误信息能使用错误icon，但永远不会是警告icon。不要使用警告icon表示弱化的或小的错误的办法，所以，不要管它们是不是严重。“错误的字体大小”是错误，然而“继续操作会使你的房子着火”是警告。
Severity 严重性
当用来做可视化沟通时icon非常好，（因为可访问性的原因，可视化沟通对其它形式来说必须是辅助性的，例如文字和声音）用户必须非常自然的一眼就能看出信息和它们反馈的结果，因此，我们必须区别临界错误或警告与非临界错误或警告的不同。临界错误和警告有以下特征:
它们与下列一条或多条损失相关联：
有价值的资产，例如数据丢失或经济损失
系统访问或完整性
个人的或受控制的保密信息
用户的时间（有实际意义的数字，例如30秒或更多）
出现用户不希望的结果
用户现在需要改正（错误）操作，因为错误不能被轻松修正，甚至是不可恢复的。
In Windows Vista,不是所有的信息都需要icon，icon不是仅仅用来装饰信息的手段。
为了区别临界错误和非临界错误，非临界错误的显示往往不需要icon，这样做是为了引起（用户）对临界信息的关注，使临界（错误）信息和非临界（错误）信息有明显的视觉区分，和windows vista的整体上的协调。
在典型的用户界面中，大多数错误都和用户的输入错误有关系。多数用户输入都是非临界状态，因为修正它们很容易，而且用户必须改正它们之后才能继续。同样设计太多的用户错误预警与windowsvista风格不协调，用户输入错误的预警显示通常不会带错误icon，为了使这些非临界错误更加自然，我们把它们称为用户输入错误。
Avoid overwarning 避免过度警告
过度警告使得使用程序就像在做一个危险的事，而且会减弱真正有实际意义警告的效果。
Context上下文
上下文也是使用标准icon时需要考虑的一个方面，因为，因为上下文本身也在传递信息，具体是：
当对话框（包括任务对话框和信息对话框）和消息文本报告非临界错误时，不需要使用icon，特定位置的错误通常需要错误icon，另外，就像非模态反馈一样，需要很容易看出来。
特定位置的警告总是需要警告icon来使它们从规整文字中区别出来。
对话框，消息文本，和气球不需要信息icon，因为它们清楚的表达了信息。与之对比的，banner需要16*16的信息或别的icon，因为，非模态反馈需要被清楚的看到。
因为上下文在icon的用法中是一个重要的因素，本文中标准icon指南也是根据它们的上下文制定的。
Guidelines指南
General 一般情况
基于消息类型，而不是潜在问题的严重性，使用标准icon：
错误 icon表示已经出现了一个错误或者问题
警告icon表示将来会引起问题的情况。
信息icon表示有帮助的信息
当一个问题跨越不同的消息类型时，那么集中注意用户需要应对的最重要的方面。
icon必须和主要用法或其它对应的文本匹配。
Icon size icon大小
Choose the standard icon size based on the context:
Context When to use
Dialog boxes Use 32x32 pixel for content area icons; 16x16 pixel for footnote area icons.
In-place Use 32x32 pixel for error pages; 16x16 pixel icons for all others.
Notifications Use 16x16 pixel icons.
Balloons Use 16x16 pixel icons.
Banners Use 16x16 pixel icons.
Error icons 错误icon
Use error icons only when an error or a problem has occurred:
Context When to use
Dialog boxes Use for critical errors only. (Don‘t use standard icons for non-critical errors.)
In-place errors Use for all errors.
Notifications Use for critical errors only. (For action failures.)
气球 不使用。在出现临界错误时不能使用气球，非临界错误不要使用错误icon
标语 标语，标语不用在错误情况。
通常，错误icon在非临界用户输入问题时不需使用。然而，需要使用在特定位置的错误中，因为，这种上下文反馈需要非常容易看到。
对于任务对话框，不要在脚注中使用错误icon。错误icon只针对上下领域。
Warning icons 警告icon
Use warning icons only when a condition might cause a problem in the future:
Context When to use
Dialog boxes Use for all warnings.
In-place warnings Use to identify the text as a warning.
Notifications Use for all warnings.
Balloons Use for special conditions.
Banners Use to draw attention to the banner.
Information icons 信息icon
Use information icons only when the context isn‘t obviously presenting information:
只有当上下文不能明显的表示信息时，才使用信息icon。
Context When to use
Dialog boxes Don‘t use.
In-place Don‘t use. Use either plain static text or a banner instead.
Notifications Don‘t use.
Balloons Don‘t use.
Banners Use to draw attention to the banner.（使banner引起注意）
信息icon不需要使用在对话框、消息文本和气球中，因为它们的上下文清楚的传达了它们正在给用户提供信息。
对于任务对话框，不要使用信息注脚icon，注脚是清楚可见的，理所当然表示它们是信息。
Question mark icons 问题标识icon
使用问题标识icon仅用来作为获取帮助的指示。
无论如何，不要使用问题标识icon来问问题。
不要机械的使用问题标识icon代替警告icon，除非问题代表重要的逻辑结果，不然，不要使用icon。
标准icon--standardedicon，在视窗环境的软件设计中经常要用到的4个“标准”icon：错误、警告、信息、帮助。不管什么软件，除开这4个icon，别的icon会根据软件应用领域和实际功能或设计需要变通，可能有，可能没有，可能是这个，也可能是那个，是变化中。只有这4个icon比较稳定的成为用户界面体系的一部分。所以微软把它们叫做standarded icon。
怎样使用它们？这是一个很容易忽视的问题，甚至很多人都意识不到这是个问题。大多数人把精力都放到主要的业务流和功能特点设计上去了，类似对话框和信息提示的设计自然被边缘化了，需要时顺手就做了，很少有人去深究。我发现很多软件（包括bs端和网页）对标准icon的使用都不大规范，例如使用时机不对，使用的icon与文本类型不匹配，特别是错误、警告和信息非常容易混淆。包括我本人做的一些事也是。
就在两天前，我给正在开发的产品设计一些非模态信息（用来给用户提供更好的操作引导），到实际考虑一些细节时，才意识到这个问题。找到微软windows vista的资料，发现标准icon的使用远不是我们想象的简单和随意。
几个关键点：
1、标准icon不仅仅用来装饰，用与不用皆有章法－－代表问题是临界状态使用icon，非临界状态不用icon
2、错误、警告、信息概念的原则区分，特别是错误和警告之间的性质区别：错误是已经发生的错误（完成时态）警告是将要引起错误的状态（将来时态）
3、密切结合上下文和使用环境，不能教条的搬用前两条。
4、结合软件的性格（cooper语）和整理的完整性
这4个标准icon和使用它们的时机、语境密切相关，把它们理解清楚并合理的使用它们，有利于设计合理的软件交互细节。不同的使用结果直接影响用户与软件的交互效果。
与朋友们共享！
英文原文：http://msdn2.microsoft.com/en-us/library/aa511277.aspx
------------------------------------------------------------------------------------------------------
什么是标准icon？
标准icon是错误，警告，信息和问题标识icon
标准icon有这些意义：
错误icon表示出现了一个错误或者问题
警告icon表示将来会引起问题的情况。
信息icon表示有用的信息
问题标识icon表示了一个提供帮助的入口
标准icon是有用的，因为它们使用到很多的windows应用程序界面中，例如任务对话框，消息对话框，气球，通知文本。它们经常用到特定位置的信息，消息面板，状态栏。
Design concepts设计概念
使用合适的标准icon有一些因素，部分源于它们为什么经常被错误使用的原因。最常见的错误是：
使用警告icon表示不严重的错误。警告不等于被弱化的错误。
在不需使用icon更好时，使用标准icon。不是每个信息都需要一个icon。
在次要问题上提供警告或者用警告表示一个常规（例行）问题来惊扰用户，这样做使程序显得比较危险，而且会冲淡正常使用icon的传达效果。
这一章以下部分解释了怎样看待标准icon，以避免这些常见错误。
Message type vs. severity 消息类型vs 严重性
基于消息类型而不是潜在问题的严重性选择标准icon，消息类型是：
错误：一个错误或问题已经发生。
警告：可能将会引起一个错误的情况。
信息：有帮助的信息
因此，错误信息能使用错误icon，但永远不会是警告icon。不要使用警告icon表示弱化的或小的错误的办法，所以，不要管它们是不是严重。“错误的字体大小”是错误，然而“继续操作会使你的房子着火”是警告。
Severity 严重性
当用来做可视化沟通时icon非常好，（因为可访问性的原因，可视化沟通对其它形式来说必须是辅助性的，例如文字和声音）用户必须非常自然的一眼就能看出信息和它们反馈的结果，因此，我们必须区别临界错误或警告与非临界错误或警告的不同。临界错误和警告有以下特征:
它们与下列一条或多条损失相关联：
有价值的资产，例如数据丢失或经济损失
系统访问或完整性
个人的或受控制的保密信息
用户的时间（有实际意义的数字，例如30秒或更多）
出现用户不希望的结果
用户现在需要改正（错误）操作，因为错误不能被轻松修正，甚至是不可恢复的。
In Windows Vista,不是所有的信息都需要icon，icon不是仅仅用来装饰信息的手段。
为了区别临界错误和非临界错误，非临界错误的显示往往不需要icon，这样做是为了引起（用户）对临界信息的关注，使临界（错误）信息和非临界（错误）信息有明显的视觉区分，和windows vista的整体上的协调。
在典型的用户界面中，大多数错误都和用户的输入错误有关系。多数用户输入都是非临界状态，因为修正它们很容易，而且用户必须改正它们之后才能继续。同样设计太多的用户错误预警与windowsvista风格不协调，用户输入错误的预警显示通常不会带错误icon，为了使这些非临界错误更加自然，我们把它们称为用户输入错误。
Avoid overwarning 避免过度警告
过度警告使得使用程序就像在做一个危险的事，而且会减弱真正有实际意义警告的效果。
Context上下文
上下文也是使用标准icon时需要考虑的一个方面，因为，因为上下文本身也在传递信息，具体是：
当对话框（包括任务对话框和信息对话框）和消息文本报告非临界错误时，不需要使用icon，特定位置的错误通常需要错误icon，另外，就像非模态反馈一样，需要很容易看出来。
特定位置的警告总是需要警告icon来使它们从规整文字中区别出来。
对话框，消息文本，和气球不需要信息icon，因为它们清楚的表达了信息。与之对比的，banner需要16*16的信息或别的icon，因为，非模态反馈需要被清楚的看到。
因为上下文在icon的用法中是一个重要的因素，本文中标准icon指南也是根据它们的上下文制定的。
Guidelines指南
General 一般情况
基于消息类型，而不是潜在问题的严重性，使用标准icon：
错误 icon表示已经出现了一个错误或者问题
警告icon表示将来会引起问题的情况。
信息icon表示有帮助的信息
当一个问题跨越不同的消息类型时，那么集中注意用户需要应对的最重要的方面。
icon必须和主要用法或其它对应的文本匹配。
Icon size icon大小
Choose the standard icon size based on the context:
Context When to use
Dialog boxes Use 32x32 pixel for content area icons; 16x16 pixel for footnote area icons.
In-place Use 32x32 pixel for error pages; 16x16 pixel icons for all others.
Notifications Use 16x16 pixel icons.
Balloons Use 16x16 pixel icons.
Banners Use 16x16 pixel icons.
Error icons 错误icon
Use error icons only when an error or a problem has occurred:
Context When to use
Dialog boxes Use for critical errors only. (Don‘t use standard icons for non-critical errors.)
In-place errors Use for all errors.
Notifications Use for critical errors only. (For action failures.)
气球 不使用。在出现临界错误时不能使用气球，非临界错误不要使用错误icon
标语 标语，标语不用在错误情况。
通常，错误icon在非临界用户输入问题时不需使用。然而，需要使用在特定位置的错误中，因为，这种上下文反馈需要非常容易看到。
对于任务对话框，不要在脚注中使用错误icon。错误icon只针对上下领域。
Warning icons 警告icon
Use warning icons only when a condition might cause a problem in the future:
Context When to use
Dialog boxes Use for all warnings.
In-place warnings Use to identify the text as a warning.
Notifications Use for all warnings.
Balloons Use for special conditions.
Banners Use to draw attention to the banner.
Information icons 信息icon
Use information icons only when the context isn‘t obviously presenting information:
只有当上下文不能明显的表示信息时，才使用信息icon。
Context When to use
Dialog boxes Don‘t use.
In-place Don‘t use. Use either plain static text or a banner instead.
Notifications Don‘t use.
Balloons Don‘t use.
Banners Use to draw attention to the banner.（使banner引起注意）
信息icon不需要使用在对话框、消息文本和气球中，因为它们的上下文清楚的传达了它们正在给用户提供信息。
对于任务对话框，不要使用信息注脚icon，注脚是清楚可见的，理所当然表示它们是信息。
Question mark icons 问题标识icon
使用问题标识icon仅用来作为获取帮助的指示。
无论如何，不要使用问题标识icon来问问题。
不要机械的使用问题标识icon代替警告icon，除非问题代表重要的逻辑结果，不然，不要使用icon。