iOS | Android | LINE STORE | |
---|---|---|---|
数量 | 1张 | 1张 | 1张 |
尺寸 | W200 x H284 | W136 x H202 | W198 x H278 |
文件名称 | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
创建时,请调整开机图像尺寸(背景、徽标+图片)。
背景无法设置为透明。请将背景设置为非透明。
数量 | 菜单 按钮 |
类型 | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
图片 | 文件名称 | 尺寸 | 图片 | 文件名称 | 尺寸 | |||
36张 | ![]() |
好友 OFF (未选择时) |
![]() |
i_01.png | W128 x H150 | ![]() |
a_01.png | W128x H112 |
好友 ON (选择时) |
![]() |
i_02.png | ![]() |
a_02.png | ||||
![]() |
主页 OFF |
![]() |
i_29.png | ![]() |
a_29.png | |||
主页 ON |
![]() |
i_30.png | ![]() |
a_30.png | ||||
![]() |
聊天 OFF |
![]() |
i_03.png | ![]() |
a_03.png | |||
聊天 ON |
![]() |
i_04.png | ![]() |
a_04.png | ||||
![]() |
动态消息 OFF |
![]() |
i_05.png | ![]() |
a_05.png | |||
动态消息 ON |
![]() |
i_06.png | ![]() |
a_06.png | ||||
![]() |
通话 OFF |
![]() |
i_07.png | ![]() |
a_07.png | |||
通话 ON |
![]() |
i_08.png | ![]() |
a_08.png | ||||
![]() |
新闻 OFF |
![]() |
i_25.png | ![]() |
a_25.png | |||
新闻 ON |
![]() |
i_26.png | ![]() |
a_26.png | ||||
![]() |
更多 OFF |
![]() |
i_09.png | ![]() |
a_09.png | |||
更多 ON |
![]() |
i_10.png | ![]() |
a_10.png | ||||
![]() |
Wallet OFF |
![]() |
i_27.png | ![]() |
a_27.png | |||
Wallet ON |
![]() |
i_28.png | ![]() |
a_28.png | ||||
![]() |
TODAY OFF |
![]() |
i_31.png | 无需 | ||||
TODAY ON |
![]() |
i_32.png | ||||||
![]() |
VOOM OFF |
![]() |
i_33.png | |||||
VOOM ON |
![]() |
i_34.png |
请准备菜单图片。
- 菜单内容将根据用户所在的国家或地区而有所不同。
主页
聊天
VOOM
新闻
Wallet
主页
聊天
VOOM
TODAY
Wallet
需有两种类型,一种用于标签未选择时(关闭);另一种用于已选择时(打开)。
编辑过的图片要与内容间要留有一定的空白(10像素左右),请根据周围的平衡需要设置留白。
OFF
ON
菜单按钮图像上将显示带有数字或“N”标志的通知标记图标。
标记位置无法更改,我们建议您在设计按钮图片时牢记这一点。
注意:标记图标显示由LINE应用自动控制,不需要创作者提供任何其他图片。
标记将显示在每个选项卡菜单按钮图像上。
iOS
W128 x H150
Android
W128 x H112
标记尺寸
33 × 33
标记将显示在菜单按钮图片的右上角,具体的边距如下。
顶部:49像素
右侧:21像素
数量 | iOS | Android | ||||
---|---|---|---|---|---|---|
图片 | 文件名称 | 尺寸 | 图片 | 文件名称 | 尺寸 | |
2张 | ![]() |
i_11.png | W1472 x H150 | ![]() |
a_11.png | W640 x H112 |
您可以任意创建菜单背景图片。若您未准备图片,系统则会使用已选主题颜色或和背景颜色。
菜单背景向左对齐。
iOS
确保图片高度在101到150像素之间。高度小于此区间的背景图片无法透明显示。在以下图片中,图示区域高度为130像素,在此区域上方延伸了20像素的透明背景。
请确保图片在重复显示时能无缝衔接。
透明背景中的任何空白都可能呈现为黑色区域。请您在提交之前,仔细检查“预览”屏幕上的主题。
插画高度:130 透明边缘:20衔接部分高150像素
Android
图片分辨率为640 × 112像素。请确保图片在重复显示时能无缝衔接。
部分Android设备不支持透明背景。
衔接部分高度:112
注意事项
以上Android示例来自LINE 9.6.0以下版本,缺少透明背景。
LINE 9.6.0以上版本的菜单图片使用iOS背景图片,存在透明背景。
此项变化不需要您更改所提交的图片。
- 由于系统限制,在部分Android设备上,图片周围可能会出现边框。在这些设备上,图片也可能会被裁切。
- 主题预览中所示的图片可能与最终产品的显示效果不同。
数量 | 密码图片 | 类型 | iOS | Android | ||||
---|---|---|---|---|---|---|---|---|
图片 | 文件名称 | 尺寸 | 图片 | 文件名称 | 尺寸 | |||
16张 | 1 | OFF | ![]() |
i_12.png | W120 x H120 | ![]() |
a_12.png | W116 x H116 |
ON | ![]() |
i_13.png | ![]() |
a_13.png | ||||
2 | OFF | ![]() |
i_14.png | ![]() |
a_14.png | |||
ON | ![]() |
i_15.png | ![]() |
a_15.png | ||||
3 | OFF | ![]() |
i_16.png | ![]() |
a_16.png | |||
ON | ![]() |
i_17.png | ![]() |
a_17.png | ||||
4 | OFF | ![]() |
i_18.png | ![]() |
a_18.png | |||
ON | ![]() |
i_19.png | ![]() |
a_19.png |
4位数密码可使用相同的图片或4张不同的图片。
需有两种类型,一种用于标签未选择时(关闭);另一种用于已选择时(打开)。
仅1张图片
4张图片
分类 | 数量 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
图片 | 文件名称 | 尺寸 | 图片 | 文件名称 | 尺寸 | ||
个人头像 (个人) |
2张 | ![]() |
i_20.png | W240 x H240 | ![]() |
a_20.png | W247 x H247 |
个人头像 (群组) |
2张 | ![]() |
i_21.png | ![]() |
a_21.png |
这些图片将用作未选择个人头像的好友和群组的默认头像。
在应用中,头像将被剪裁为圆形。在LINE应用中点击头像时,原图的四角将会显现。因此,设计头像时应充分考虑边角与填充空间。
为方便识别,请为个人和群组创建不同的头像。
头像(个人)
头像(群组)
分类 | 数量 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
图片 | 文件名称 | 尺寸 | 图片 | 文件名称 | 尺寸 | ||
聊天室背景图片 | 2张 | ![]() |
i_22.png | W1482 x H1334 | ![]() |
a_22.png | W1300 x H1300 |
您可以任意创建聊天室背景图片。若您未准备图片,系统则会使用已选主题颜色或背景颜色。
iOS
最大像素:W1482 x H1334
最小像素:W60 x H60
人像模式中图片显示像素为W640 x H1334。
Android
最大尺寸:1300 × 1300像素
最小尺寸:60 × 60像素
无论设备为横向或纵向显示,始终保持图片在中央下方位置。
iOS设备上的图片将与聊天栏上方对齐。
Android设备上的图片将与聊天栏下方对齐。聊天栏可能会遮住图片的底部,因此,请在底部预留适当大的空白区以避免此问题。
注意事项:在上传主题后进行的主题预览可能与实际设备的显示不同。
只要图片尺寸在指定的上下限范围内,任何尺寸皆可。
图像可为透明或不透明。
如果图像背景为透明,则图片将显示在所选颜色皮肤的背景设计层之上。
文件大小不可超过1MB。
透明背景
聊天
使用聊天室背景图片时,在部分屏幕尺寸较大的设备中,图片可能无法填满屏幕并显示主题颜色。为了防止色彩上的突兀,您可以尝试使用以下任意一种方法。
• 选择匹配聊天室背景图片的背景颜色
• 创建匹配主题颜色的聊天室背景图片
• 保持聊天室背景图片透明,以使其与所选的背景颜色或主题颜色融合
图片未填满屏幕 | 设置背景颜色 | 匹配主题颜色 | 创建透明背景图片 |
---|---|---|---|
![]() 主题颜色 聊天室背景图片 |
![]() |
![]() |
![]() |
图片顶部未填满屏幕,将显示主题颜色 |
选择匹配聊天室背景图片的背景颜色 |
创建匹配主题颜色的聊天室背景图片 |
保持聊天室背景图片透明,以使其与所选的背景颜色或主题颜色融合 |
分类 | 数量 | iOS | Android | ||||
---|---|---|---|---|---|---|---|
图片 | 文件名称 | 尺寸 | 图片 | 文件名称 | 尺寸 | ||
开机图片 (背景) |
1张 | - | - | - | ![]() |
a_23.png | W1300 x H1300 |
开机图像 (徽标 +图片) |
1张 | - | - | - | ![]() |
a_24.png | W480 x H720 |
在预览画面和LINE STORE中显示图片时,可能会裁去图片的顶部和底部区域。请注意,在不同设备上显示图片时,也可能会出现此问题。
背景
用于整个屏幕。
徽标+图片
将徽标置于规定尺寸内的上方,图片置于居中位置。
徽标+图片的背景必须为透明。
徽标+图片将居中显示在屏幕的背景图像之上。
背景、徽标+图片
徽标+图片
使用启动画面背景图片时,在部分屏幕尺寸较大的设备中,图片可能无法填满屏幕并显示主题颜色。为了防止色彩上的突兀,您可以尝试使用以下任意一种方法。
• 选择匹配启动画面背景图片的背景颜色
• 创建匹配主题颜色的启动画面背景图片
图片未填满屏幕 | 设置背景颜色 | 匹配主题颜色 |
---|---|---|
![]() 主题颜色 启动画面背景图片 |
![]() |
![]() |
图片顶部未填满屏幕,将显示主题颜色 |
选择匹配启动画面背景图片的背景颜色 |
创建匹配主题颜色的启动画面背景图片 |