移动插件封面图设计规范和教程

为了维护用友开发者中心资源市场的对外形象,保证开发者移动插件的对外展示效果,提高销量和转化,所有发布到用友开发者中心资源市场的移动插件封面图和运行图必须达到标准,才可发布,请开发者严格执行规范标准。

封面图基本规范: 1. 图片尺寸为250*179。图片要清晰,不变形,不模糊。字体选用不建议使用特殊字体,可参考UIEaseChat插件封面图的字体。字号建议18或20px,不宜过大或太小。 2. 图片能正确反应模块功能。 3. 图片美观(无设计基础的开发者,配色排版可参考模版。建议找相关专业人士帮助设计)。

运行图基本规范:

  1. 运行图应使用手机运行移动插件,然后进行竖屏截屏。应尽可能全面准确的反应移动插件的功能或效果。在非手机的特殊设备使用的移动插件,可以使用拍摄图。
  2. 不带UI,只回调数据的移动插件,可以展示接口运行时回调的数据。
  3. 运行图要求清晰美观,不变形,尽量不要有移动插件无关的UI效果。

若无PS经验,可使用在线设计工具创客贴制作图片。

如使用PS,可参考以下教程(模板PSD文件及示例图片可在本文档底部下载):

一. 功能类插件

1, 以插件“gyroscopeSensor” 为示例

1.1 首先创建一个新的文件,宽度250px、高度179px,分辨率72px(也可以直接打开“插件封面模版(功能类)-psd“ 文件上修改) 1.2 百度搜索陀螺仪相关的图片,截图粘贴到PS新的图层,“ctrl+T“调整图片大小到合适位置(同时按住shift+ALT等比例缩放)

1.3 填充背景图为图片底色,效果即为一体。

选择背景层,填充颜色 ALT+del (前景色),ctrl+del(后景色)。点中前景色可以吸附已有的图片颜色,填充即可。

1.4 选择文字工具,输入模块功能简称(字体:苹方/黑体、常规体、20点、白色(浅色背景可以是黑色/灰色)),移动到合适的位置。

1.5 打开泡泡装饰图层,效果如图。

1.6 最后选择图片存储为PNG格式就大功告成了。

2, 以插件“JPG功能类插件”为示例(可以直接打开模版在原有图层修改)

二. UI类插件(具体步骤参考“一”)以下主要介绍布局策略

(1)UI功能插件的相关截图,选择较为美观的局部或全部

(2)可以配插件描述也可不配

(3)选择好看的背景颜色,突出UI效果图

三. 第三方类插件(具体步骤参考“一”)以下主要介绍布局策略

(1)第三方logo+文字描述

(2)第三方logo+第三方官网相关配图组合

(3)第三方logo+背景图

模板PSD文件及示例图片下载

是否仍需要帮助? 请保持联络!
最后更新于 2024/04/19