品牌定制配图细节说明
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
- 系统通知栏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文件