首页 > ip形象 > 设计IP形象手机一般用什么软件-淘宝手机页面如何设计
2024
02-13

设计IP形象手机一般用什么软件-淘宝手机页面如何设计

1、无线终端的各种尺寸和要求

您可以传输小于 200K 的 mp3 音频文件。

最多可上传30张图片,单张图片宽度在480px-620px以内,单张图片高度小于等于960px。

可以添加文本模块,每个模块不超过500个字符。 (文本模块没有任何样式可以编辑,连空格前两个字都没有。行距不能调整,字体大小、颜色、粗体等也不能调整,我是被迫做出来的全部变成图片了。希望官方后续可以考虑放松一下。)

所有内容加起来不能超过 1.5M。

2、无线终端页面设计要点

无线客户端的详细信息页面上没有商店标志。 设计商店标志将增强视觉效果并提升品牌形象。 如图所示:

无线终端海报

可以是主要产品或形象展示,看起来会更宏伟。 图片无法联动,无线端所有图片和文字均无法联动。

内容简洁、重点突出。

不要缩小PC上的所有内容并将其复制到无线版本。 原因是PC版缩小后,文字会很小,在手机上无法清晰阅读。 第二个原因是PC版本只有那么小,所以选择重点内容。 就是这样。 如果有wifi就好了。 如果没有wifi,就不要浪费买家的流量了。

不要使用太多颜色

色彩信息过于丰富的图片必然会增大尺寸。 请务必记住,这是一个无线终端,并且它应该尽可能小。 尽量使用单色背景或浅色图片,建议采用“极简”的设计理念。 这样的画面在无线终端上观看起来会非常清晰、舒适。

字体大小问题也是最重要的问题。

经过反复测试,我得出这样的体验:我选择了620px宽的尺寸,使用文字文字时(雅黑26px模式锐利),在手机上浏览感觉最舒服。 别以为26px在PC上看起来很大,其实在手机上看起来很小。有图片作为例子

标题为(雅黑32px粗体锐利),文字为(雅黑26px锐利行距自动)。 看上去很大吧? 那我们看看手机上的文字有多大。 由于iPhone截图会放大图像,因此没有如何在手机上实现该效果。

图像优化的问题也很重要。

每张图片都要优化,不然就太大了。 在PS中绘制切片后,Ctrl+Alt+Shift键会打开优化界面,逐一选择每个切片进行优化,并尝试不同的格式。 有时在 JPG 格式中,50% 的质量,仍然高于 GIF,取决于图像的颜色信息。 如果颜色比较单一,GIF是首选; 如果是一些复杂的图片,首选JPG。 还有一点是,有时候GIF和JPG都很大的时候,选择PNG8会让它小很多。 反正淘宝支持这三种格式。

在保证图像质量的同时尽量减小图像尺寸。 有时图像质量在PC上看起来压缩过度,但在手机上观看效果还不错。 这个需要你自己去体会。

顺便说一句,我们目前的大小是29张图片607k+mp3 197k,不算太大,在淘宝1.5M以内。

不要使用切片将图像或文本切成两半

每一张图片或一段文字都应该被分割成一张图片,而不是把一张完整的图片分割成几块。 这将产生非常严重的后果。

在淘宝客户端看不到。 一旦您使用手机浏览器查看产品详细信息,图片之间就会出现间隙。 如果你的照片被切成两半,就会出现“断裂区”。 希望淘宝以后能解决这个问题。

关于添加mp3的问题

MP3文件只允许在200k以内,但是在这200k以内你能说什么? 你想过吗? 我告诉你,正常的说话速度,没有背景音乐,你大约可以说80个字吉祥物,这取决于你的压缩好不好,和压缩有关系。

如果你想带点音乐的话,只能说50个字左右。 我花钱请了一家专业录音公司来制作我的MP3。 他们反复调整了两天,确保文件大小不超过200k,音质不要太差,文字尽可能多。 有几个条件非常苛刻。

至于mp3的内容,你想说什么就看你想表达什么了。 它可以表达品牌文化设计IP形象手机一般用什么软件,可以是宣传,可以是产品介绍,可以是一首音乐卡通形象,可以是……你自己想一想。 下面给大家展示一下添加mp3后详情页的显示效果。

尤姆有些兴奋。 传说中能听的宝物就是这么来的。 你想听听吗?

补充:用手机浏览器查看详情页时,不会出现MP3。 只有在淘宝客户端浏览时才能看到。

关于文本模块的问题

这是一个非常纠结的问题。 我已经尝试过了。 使用文本模块会减小整个页面的大小。 但为什么我没有使用文本模块呢? 有以下几个原因:

1)。 文本模块不支持字体大小编辑,也不支持第一行有空格。

2)。 文本模块不支持文本颜色编辑。

3)使用文本模块后,与我设计的效果图不符,看起来非常难看。

我刚刚放弃使用文本模块。 但有一个缺点。 当手机处于E模式无wifi时设计IP形象手机一般用什么软件,浏览宝贝比较慢。 如何优化图片就是这样。 您需要点击才能获得几张这样的图片。

让我们在首屏上方拍张照片!

最后编辑:
作者:nuanquewen
吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计