精心制作有效的的 AppSource 应用商店图像Craft effective AppSource store images

每个 AppSource 列表都包含能够加强用户印象并重点突出加载项的图像。Each AppSource listing contains images that inform the user and promote the add-in. AppSource 图像为用户提供功能的快速概览,并帮助增强他们对加载项价值的理解。AppSource images provide users with a quick overview of features and enhance their understanding of the add-in’s value. 若要为 AppSource 列表创建最佳图像,建议采用以下指南。To create the best images for your AppSource listing, we recommend that you apply the following the guidelines.

使图像清晰易辨Make images legible

每个图像的内容应易于阅读并应反映解决方案的质量。The content of each image should be easy to read, and should reflect the quality of your solution. 用户应能够清晰地查看图像内容并且看一眼就能读出标题。Users should be able to clearly view image content and read captions at a glance.

允许事项Do 禁止事项Don't
使用具有适当的对比率的清晰文本和图形。Use clear text and graphics with the appropriate contrast ratios. 不应显示模糊的、像素化的或无法适当呈现的文本或图形。Don’t show blurred, pixelated, or poorly rendered text or graphics.
至少提供一个像素为 1366(宽) x 768(高)且大小不超过 1024 KB 的图像。Provide at least one image that is 1366w x 768h pixels and no greater than 1024 KB. 不应拉伸或缩放图像(不恰当的纵横比)。Don't stretch or pinch your images (poor aspect ratio).
如有必要,使用放大特写或裁剪让内容清晰可辨。Use magnified close-ups or crops when needed to make content legible. 不应使内容过小,模糊不清。Don’t make your content so small that it is illegible.

内容明确的图像,旁边是内容模糊的图像 内容已正确缩放的图像,旁边是内容已收缩的图像 通过特写展示小内容的图像,旁边是内容模糊不清的图像Image with clear content next to an image with blurred content Image with correctly scaled content next to an image with pinched content Image with a close up to show small content next to image with illegible content

避免过多内容Avoid excess content

通过图像将用户的注意力集中到解决方案上。Use images to focus the user’s attention on your solution. 包含不相关内容的图像会分散用户的注意力,给用户造成困惑。Images that contain unrelated content are distracting and confusing to the user.

允许事项Do 禁止事项Don't
需要时使用示例角色。Use example personas when needed. 不应显示私人或个人信息。Don't show private or personal information.
仅显示与加载项相关的界面元素。Only show interface elements relevant to the add-in. 尽量不要使用 Office UI。Use the Office UI sparingly. 不得显示不相关的用户界面元素,如任务栏、功能区、过多空白区域或其他应用。Don’t show unrelated user interface elements such as task bars, ribbons, excessive empty space, or other applications.
应通过整合可识别的品牌元素(如徽标或品牌颜色)增强品牌辨识度。Reinforce your brand by incorporating recognizable brand elements such as the logo or brand colors. 不得添加妨碍内容的不必要图形元素。Don’t add unnecessary graphic elements that obstruct content.

包含示例角色的图像,旁边是包含个人信息的图像 包含相关 UI 的图像,旁边是包含无关 UI 的图像 包含一个简单品牌元素的图像,旁边是包含多个妨碍内容的品牌元素的图像Image with an example persona next to an image with personal information Image with relevant UI next to an image with unrelated UI Image with one simple branding element next to an image with multiple brand elements that block content

展示加载项的价值Show the value of your add-in

图像应清楚地传达你的解决方案的价值及其主要特征。The images should clearly communicate value of your solution and its main features. 让每个图像集中传达一条信息。Focus each image on communicating one piece of information. 用户只会简略地看一下每个图像。Users will glance only briefly at each image. 显示如何使用你的解决方案。Show how your solution will be used. 用清楚的图解展现核心价值。Show core value with clear illustrations.

允许事项Do 禁止事项Don't
使用简单的描述文字或标注将用户的注意力吸引到某个关键特征上。Use simple captions or callouts to focus the user’s attention on one key feature. 一个图像不能传达多个要点。Don’t communicate more than one point per image.
应仅显示有助于说明加载项如何为用户创造价值的内容。Only show content that helps illustrate how the add-in creates value for the user. 不得显示无关内容。Don’t show unrelated content.
通过标注、放大或裁剪将用户的注意力集中到解决方案上。Position callouts, magnifications, or crops to focus customers on your solution. 不得使用妨碍重要内容的描述文字或标注。Don’t use captions or callouts that obstruct important content.

带有标题和内容编辑器的图像 (带有标题、标注) 旁边的图像, 并 在带有标题和内容编辑器的图像 旁边的 "标题和内容编辑器" 中, closeup 以将重点放在某个用户上带有隐藏操作结果的带有标题和标注的图像旁边的操作和结果Image with caption and close up next to an image with caption, callout, and close up Image with caption and content editor next to an image with caption and unrelated information Image with caption, closeup to focus on one user action and result next to an image with caption and callout that hides the result of the action

另请参阅See also