17、图像与界面控件设计：原则、类型与避免误区

图像与界面控件设计：原则、类型与避免误区

图像使用的元原则

一致性

在应用程序设计中，图像的一致性至关重要，但因屏幕尺寸和平台惯例的差异，也需做出一些调整。例如，在某些手机版本中，为节省空间且避免无实际价值的占用，并非所有屏幕都显示 logo。导航图标的位置和视觉层次也会遵循不同平台的惯例。

部分图标可点击，部分则不可。以餐饮图标为例，在食物追踪屏幕上它仅作装饰，而在食物选择屏幕上则具有交互性。若完全统一使用颜色来表示交互性，可能会破坏视觉设计并造成视觉层次的混乱。可通过搭配可点击的蓝色文本、圆角框和熟悉的滚动控件等交互提示，让图标具有交互感。

为保持元素和整体设计的平衡，一定程度的不一致性是必要的。可针对不同组的图标制定规则，如导航栏图标默认白色，高亮时为黄色。这样既可以让用户快速了解自己在应用中的位置，又能通过有限使用黄色作为强调色，吸引对所有黄色图标的适当关注。

层次结构

除 logo 外，应用程序通常包含多种图像，如目标和限制图表以及图标组。在移动场景中，图表往往最为重要，因为它们支持在决定饮食时查看卡路里摄入状态的场景。在所有版本中，位置、阴影、处理方式和颜色有助于传达图表相对于其他图像的优先级。

在移动版本中，导航图标与可点击的餐饮和数量图标同等重要，它们与背景的对比度和大小相似。状态和操作图标虽小，但以鲜艳颜色呈现，避免被忽视。而伴随目标、限制标题和图表的图标大多起装饰作用，增强图表的视觉突出性。

个性

图像必须支持应用程序的个性。细节对于平衡表达和使用至关重要，设计的图标、logo 和图表需与其他工具协同工作，共同传达个性。还可通过图