文档首页 > > 企业管理员指南> 设置> WeLink尊享版>

品牌定制配图细节说明

品牌定制配图细节说明

分享
更新时间:2021/04/01 GMT+08:00

WeLink品牌定制的配图,请存放到对应的文件夹中(iOS、Android、Windows)。

请根据以下类别中的说明,提供对应名称、尺寸的切图资源。

所有的切图均需压缩,单张图最大规格需尽量控制在500kb以下。

移动端

  • 应用LOGO

    系统

    名称

    尺寸

    说明

    iOS

    AppIcon-40x40.png

    AppIcon-58x58.png

    AppIcon-60x60.png

    AppIcon-76x76.png

    AppIcon-80x80.png

    AppIcon-87x87.png

    AppIcon-120x120.png

    AppIcon-152x152.png

    AppIcon-167x167.png

    AppIcon-180x180.png

    AppIcon-1024x1024.png

    40*40

    58*58

    60*60

    76*76

    80*80

    87*87

    120*120

    152*152

    167*167

    180*180

    1024*1024

    根据iOS平台要求,

    须采用直角不透明的图片

    Android

    common_skin_app_logo.png

    130*130

      
  • 引导页面

    系统

    名称

    尺寸

    说明

    iOS

    login_start_one_cn@3x.png

    login_start_two_cn@3x.png

    login_start_three_cn@3x.png

    414*736

    不区分手机及pad端;

    需要提供中、英文两种版本切图;

    login_start_one_en@3x.png

    login_start_two_en@3x.png

    login_start_three_en@3x.png

    Android

    welink_guide_bg_1.png

    welink_guide_bg_2.png

    welink_guide_bg_3.png

    1080*1920

    手机端;

    需要提供中、英文两种版本切图;

    welink_guide_en_bg_1.png

    welink_guide_en_bg_2.png

    welink_guide_en_bg_3.png

    welink_guide_bg_land_1.png

    welink_guide_bg_land_2.png

    welink_guide_bg_land_3.png

    2560*1600

    pad端;

    横屏版设计;

    需要提供中、英文两种版本切图;

    welink_guide_en_bg_land_1.png

    welink_guide_en_bg_land_1.png

    welink_guide_en_bg_land_1.png

  • 应用登录页面、闪页LOGO

    系统

    名称

    尺寸

    说明

    iOS

    app_start_logo@2x.png

    app_start_logo@3x.png

    (大小不固定,根据logo在页面中的效果切图)

    手机端;

    设计稿采用一倍图(375*768)设计,根据图形尺寸切图,导出@2x、@3x尺寸

    app_start_logo@2x~ipad.png

    app_start_logo@3x~ipad.png

    (大小不固定,根据logo在页面中的效果切图)

    iPad端;

    设计稿采用一倍图(1024*768)设计,根据图形尺寸切图,导出@2x、@3x尺寸

    Android

    welink_splash_top_mobile.png

    (大小不固定,根据logo在页面中的效果切图)

    手机端

    设计时采用一倍图(360*640)设计,导出3倍图尺寸

    welink_splash_top_pad.png

    (大小不固定,根据logo在页面中的效果切图)

    pad端

    设计时采用一倍图(533*853)设计,导出3倍图尺寸

  • 闪页

    系统

    名称

    尺寸

    说明

    iOS

    app_bubble@2x.png

    app_bubble@3x.png

    (大小不固定,根据图形在页面中的效果切图)

    手机端;

    设计稿采用一倍图(375*768)设计,根据图形尺寸切图,导出@2x、@3x尺寸

    app_bubble@2x~ipad.png

    pad端;

    设计稿采用一倍图(768*1024)设计,根据图形尺寸切图,导出@2x尺寸

    Android

    welink_splash_bottom_mobile.png

    手机端;

    设计稿采用一倍图(360*640)设计,根据图形尺寸切图,导出3倍图尺寸

    welink_splash_bottom_pad_land.png

    pad端;

    需要提供横、竖屏两种版本切图;

    设计稿采用一倍图(533*853)设计,根据图形尺寸切图,导出3倍图尺寸

    welink_splash_bottom_pad_port.png

  • 应用菜单栏图标

    系统

    名称

    尺寸

    说明

    iOS

    common_skin_business_fill@3x.png

    common_skin_chats_fill@3x.png

    common_skin_knowledge_fill@3x.png

    common_skin_mail_fill@3x.png

    72*72

    (消息、邮件、业务、知识)

    选中态

    common_skin_business_line_grey666666@3x.png

    common_skin_chats_line_grey666666@3x.png

    common_skin_knowledge_line_grey666666@3x.png

    common_skin_mail_line_grey666666@3x.png

    (消息、邮件、业务、知识)

    正常态

    common_skin_contacts_fill@3x.png

    72*72 或 90*90

    通讯录 选中态

    common_skin_contacts_line_grey666666@3x.png

    通讯录 正常态

    Android

    common_skin_business_fill.png

    common_skin_chats_fill.png

    common_skin_knowledge_fill.png

    common_skin_mail_fill.png

    72*72

    (消息、邮件、业务、知识)

    选中态

    common_skin_business_line_grey666666.png

    common_skin_chats_line_grey666666.png

    common_skin_knowledge_line_grey666666.png

    common_skin_mail_line_grey666666.png

    (消息、邮件、业务、知识)

    正常态

    common_skin_contacts_fill.png

    72*72 或 90*90

    通讯录 选中态

    common_skin_contacts_line_grey666666.png

    通讯录 正常态

  • 系统通知栏LOGO

    系统

    名称

    尺寸

    说明

    iOS

    Android

    welink_nofication_small_icon.png

    48*48

    直角icon

  • 关于页面LOGO

    系统

    名称

    尺寸

    说明

    iOS

    common_skin_app_logo@3x.png

    195*195

    65*65圆角logo的3倍图;

    圆角度数10

    Android

    common_skin_app_logo.png

    130*130

    与桌面logo共用同个切图资源;

    65*65圆角logo的2倍图;

    圆角度数10

  • 默认页面插画

    系统

    名称

    尺寸

    说明

    iOS

    W3MUI-Empty-Land@3x.png

    540*540

    没有数据

    W3MUI_empty_construct@3x.png

    模块建设中

    W3MUI_empty_noAuthent@3x.png

    无权限

    W3MUI_empty_noNetwork@3x.png

    网络中断

    W3MUI_empty_notFound@3x.png

    没找到数据、404

    W3MUI_empty_systemBusy@3x.png

    系统繁忙

    W3MUI_empty_turnToPC@3x.png

    去PC查看文件

    Android

    welink_we_empty.png

    540*540

    没有数据

    welink_we_empty_is_building.png

    模块建设中

    welink_we_empty_no_right.png

    无权限

    welink_we_empty_no_network.png

    网络中断

    welink_we_empty_error_404.png

    没找到数据、404

    welink_we_empty_system_busy.png

    系统繁忙

    welink_we_empty_is_no_right_on_mobile.png

    去PC查看文件

PC客户端

  • 应用登录页面LOGO

    系统

    名称(请务必按此命名)

    尺寸

    说明

    Windows

    login-logo.svg

    按照137*31的比例来切

    使用矢量图文件切svg格式

  • 关于页面LOGO

    系统

    名称(请务必按此命名)

    尺寸

    说明

    Windows

    login-logo.svg

    按照137*31的比例来切

    和登录LOGO一致,提供一张图即可

  • 系统图标

    系统

    名称(请务必按此命名)

    尺寸

    说明

    Windows

    app.ico

    16*16

    24*24

    32*32

    48*48

    64*64

    96*96

    128*128

    256*256

    系统图标包括安装包图标、桌面图标、任务栏图标、托盘图标

    使用ico工具将左侧建议尺寸切图一起合成为一个ico文件

移动端主题色

WeLink移动端主题色涉及以下6个组件:

在设置主题色时,建议不要使用浅色,以免影响文本阅读及元素可识别度。

  • 应用菜单栏

  • 二级导航栏

  • 日历日期

  • 多选/单选

  • 按钮

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!非常感谢您的反馈,我们会继续努力做到更好!
反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区论坛频道来与我们联系探讨

智能客服提问云社区提问