网站图片该选摄影、插画还是界面图形

使用摄影来呈现可见的现实

摄影可以展示真实存在的人物、地点、产品和过程。原始的工作场所图像可能比普通人查看笔记本电脑更能支持服务声明。

编写与特定页面消息相关的镜头列表，并确认使用权、作物和移动替代方案。

当人物、地点、物理过程或产品细节对决策很重要时，摄影很有用。拍摄前规划拍摄对象、灯光、方向和所需的裁剪。宽的英雄、方形的卡片和窄的移动图像可能需要不同的构图，而不是自动中心裁剪。使用文件记录权限和使用权限，以便编辑者知道哪些图像可以发布以及哪些图像需要替换。

使用插图来解释或创造

当主题抽象、无法拍摄或需要受控的视觉语言时，插图就有效。工作流程图可以使软件流程更加清晰，而无需假装是真实的产品屏幕截图。

在必要时标记概念材料，并定义一种可以生成多个英雄图像的风格。

插图可以解释无法清晰拍摄的想法，例如工作流程、关系或抽象服务。设置线宽、透视、纹理和颜色的规则，以便单独的插图属于一个系统。避免暗示服务不提供的功能或结果的装饰性场景。测试真实副本旁边的资产；它应该澄清主题，而不强迫标题来解释图片。

使用 UI 图形来表现产品行为

界面视觉效果可以演示步骤、状态和信息架构。重点突出的表单或仪表板细节通常比完整的不可读的屏幕截图更好地解释了软件功能。

使用代表性数据，隐藏私人信息并保持文本足够大，以便在显示的尺寸下理解。

当界面图形显示有意义的状态时，它非常适合软件和流程内容。使用具有代表性的非敏感数据并删除任何客户信息。专注于正在讨论的交互，而不是显示完全不可读的仪表板。详细的细节可能比大屏幕截图更好地解释表单、移交或结账。标记概念界面，以便查看者不会将其误认为是已发布的客户端产品。

选择可维护的组合

许多站点需要不止一种图像类型，但每种图像类型都应该有一个记录的角色。当颜色和框架受到控制时，用于公司证明的摄影、用于流程的图表和用于功能的 UI 裁剪可以共存。

为每个模板创建图像简介：目的、来源、宽高比、裁剪行为、替代文本责任和加载优先级。在窄屏幕上检查资产的渲染大小。默认不上传最大的原始文件。保持文件名和所有权信息井井有条，以便将来的编辑人员可以替换图像，而不会破坏预期的构图或使用超出其许可的资源。