3.2　软件图标按钮设计

在软件UI设计中，图标和按钮设计占很大比例，图标和按钮一般是为软件提供单击功能或者用于着重表现软件中的某个功能或内容。

不要将软件图标或按钮设计得过于花哨，否则用户不容易看出其功能，好的软件图标和按钮设计是用户只要看一眼外形就知道其功能。

3.2.1　图标设计规范

现在，图标的设计越来越新颖，精美的扁平化图标设计往往起到画龙点睛的作用。

扁平化图标设计的核心是尽可能地发挥图标的优点：比文字直观漂亮，并在该基础上尽可能使简洁、清晰、美观的图形表达出图标的意义。

◎ 可识别性原则

可识别性是图标设计的首要原则，可识别性是指设计的图标要能准确地表达相应的操作，让用户看一眼就能明白该图标要表达的意思。例如，道路上的图标，直观、简单，即使不认识字的人，也能立即明白图标的含义，如图3-8所示。

◎ 差异性原则

这也是图标设计的重要原则之一，同时也是容易被设计师忽略的一条原则。只有图标之间有差异，才能被用户所关注和记忆，从而对设计内容留有印象，否则图标设计就是失败的，如图3-9所示。

◎ 适用性原则

在软件界面中经常会使用一些系统操作小图标，这些系统操作小图标的设计虽然简单，却很实用，并且，这些图标符合差异性、可识别性和风格统一的原则，如图3-10所示。

◎ 兼容环境原则

任何图标或设计都不可能脱离环境而独立存在，图标最终要放在软件界面中才会起作用，因此，图标的设计要考虑图标所处的环境，这样才能更好地为设计服务，如图3-11所示。

◎ 视觉美观原则

图标设计追求视觉美观，一定要在保证差异性、可识别性和兼容性原则的基础上，即先满足基本的功能需求，然后考虑更高层次的要求——视觉要求。如图3-12所示为视觉效果出众的软件图标。

◎ 创新性原则

随着时代的发展和人们审美的提高，图标的设计更是层出不穷，这对图标设计师提出了更高的要求。在保证图标实用性的基础上，要提高图标的创新性，只有这样才能与其他图标相区别，给用户留下深刻的印象，如图3-13所示。

3.2.2　图标常用格式

图标也称“Icon”，广泛应用于程序标志、数据标志、命令选择、模式信号或切换开关、状态指示等，图标有助于用户快速执行命令和打开程序文件。一个图标就是一套相似的图片，每一张图片有不同的格式，图标包含有透明区域，在透明区域内可以透出图标下的背景。因为操作系统和显示设备的多样性，导致了图标格式的多样性，如表3-1所示。

3.2.3　软件按钮设计

按钮在软件界面中比较常见，软件按钮设计必须在很小的范围内有序地排列字体和图标，以及进行颜色的搭配等。在软件按钮设计制作过程中，要考虑用户的视觉感受，不要过于花哨，设计应该简单明了，重点在于突出按钮的功能。

按钮与图标非常类似，但又有所不同，图标着重表现图形的视觉效果，而按钮则着重表现其功能。在按钮的设计中通常采用简单直观的图形，充分表现按钮的可识别性和实用性，如图3-14所示。