• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • 办公软件
  • 多媒体
  • 图形图像
  • 系统工具
  • 安全杀毒
  • 聊天工具
  • 电脑学习
  • 应用软件
  • 网络软件
  • 课件工具
  • 浏览器
  • 手机软件
您的位置:首页 > 软件教程 >手机软件 > 如何设计淘宝手机无线端页面

如何设计淘宝手机无线端页面

作者:佚名 字体:[增加 减小] 来源:互联网

本文主要包含淘宝,无线网等软件教程,佚名希望在学习及工作中可以帮助到您

一、无线端各种尺寸和要求

可以传一个小于200K的mp3音频文件。

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

可以添加文本模块,每个模块不超过500字符。(文本模块没有任何样式可编辑,连首空格2字都不能。行间距不能调整,字体大小、颜色、加粗等不能调整,被逼无奈我只能全部做成图片了。这点希望官方后续能考虑放宽。)

所有的东西加起来不能超过1.5M。

二、无线端页面设计要点

在无线端的详情页是没有店招的,设计一个店招,这样会增强视觉,提升品牌形象。如图:

一张无线端的海报图

可以是主推产品,或者形象展示,这样看起来会大气很多。图片不可以做链接,且所有的图片和文字在无线端都不可以做链接。

内容精简,挑重点说。

不要把你所有PC端的内容都缩小照搬到无线端,原因是pc端图片缩小后文字会很小,在手机上看不清楚,原因之二,pc端就那么小一点地方,挑重点内容来做就行了,有wifi还好,没wifi的话别浪费买家的流量了。

不要使用太多色彩

颜色信息太丰富的图片,图片体积必然会增大。千万要记住这是无线端,能小则小。尽量使用单色背景,或者浅色图片,推荐使用“极简”设计理念。这样的图在无线端上看其来会很清晰和舒服。

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

经过我反复的测试得出这个经验:我选用的是620px宽的尺寸,正文文字使用(雅黑 26px 模式为锐利)的时候,在手机上浏览感觉最舒服。不要以为26px在pc上看起来很大,其实在手机上显示是很小的。有图为例

标题是(雅黑 32px Bold 锐利)正文是(雅黑 26px 锐利 行间距自动),看起来很大是吧?那我们来看看这个文本在手机上是多大,由于Iphone截图会把图片放大,没办法做到手机上的效果。

图片优化的问题,也非常的重要。

每张图片都必须要优化,否则很大,PS里划好切片以后Ctrl+Alt+Shift键 打开优化界面,逐一选中每个切片去优化,尝试不同的格式,有时候在JPG格式下50%的质量,仍然比GIF格式大,这要取决于你的图片颜色信息。如果颜色比较单一,首选GIF,如果是一些复杂的图片,则选JPG。另外有一点,有时候GIF和JPG都很大的情况下选择PNG8,会小很多。反正这三个格式淘宝都支持。

尽量在保证图片质量的情况下,去减小图片大小,有时候pc上看起来图片质量压缩过度了,但在手机上看效果还不错,这个需要自己去慢慢体会。

顺便说下,我们的现在是29张图片607k+mp3 197k 还不算是太大,符合淘宝的1.5M以内。

不要把图片或者文字使用切片拦腰斩断

每个图片,或者没段文字应该切成1个图,而不是把一张完整的图片切成几块,这样会有非常严重的后果。

在淘宝客户端里面看不出来,一旦使用手机浏览器去看宝贝详情的时候,图片之间是有空隙的,如果你的图片被拦腰斩断了,那就会出现一个“断裂带”,希望以后淘宝修复这个问题。

关于添加mp3的问题

mp3文件只允许200k内,但这200k内你能说一些什么呢?想过没?那我告诉你吧,正常的语速,不带背景音乐,能说80个字左右,还得看你压缩的好不好,跟压缩也有关系。

如果你想带点音乐,那么只能说50个字左右。我的mp3是花钱找专业录音的公司做的,他们反复调试了2天,才保证文件不超过200k,保证音质不那么差,保证文字尽量多,几个条件都很苛刻。

至于mp3的内容你想说点什么,就看你想要表现什么了,可以表现品牌文化,可以是促销,可以是产品介绍,可以是一段音乐,可以是...自己去想吧。给大家看看加了mp3以后,详情页的展示效果吧。

有木有点小激动,传说中可以听的宝贝就是这样来的,你想不想听听?

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

关于文本模块的问题

这是个很纠结的问题,我试过了,使用文本模块的话就会减小整个页面的体积,但我为什么没用文本模块呢,有几个原因:

1)、文本模块不支持字体大小编辑,不支持首行空格。

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

3)、文本模块使用后,和我设计的效果图不搭配,看其来巨难看。

我就放弃使用文本模块了。但是有个缺点,当手机在没有wifi的情况下就是E模式下,浏览宝贝比较慢,在怎么优化图片,也就那样了,需要点一下出来几张这样。

来一张首屏吧!

您可能想查找下面的文章:

  • 淘宝双11不影响战队能量如何退出?
  • 淘宝双十一小黑群怎么使用
  • 淘宝怎么隐藏评价 淘宝隐藏评价方法
  • 淘宝中如何投诉商家?淘宝投诉商家的方法
  • 高德地图怎么快速获得淘宝双11能量?
  • 淘宝店铺违规记录可以清除吗?淘宝违规记录清除教程
  • 高德地图绑定的淘宝账号怎么解绑?
  • 2018淘宝双十一各种收集能量的攻略汇总
  • 淘宝早起打卡活动怎么参与?
  • 淘宝亲情账号悬浮怎么关闭?

相关文章

  • 快的打车更新后没有支付宝选项怎么回事? 快的打车2.5没支付宝图标解决办法
  • 安卓手机版百度音乐播放器唱出你的好声音功能怎么玩
  • NOW直播怎么将收益兑换成金币?NOW直播收益兑换金币教程
  • 微信扫码下载萝卜玩100%得1元现金红包(可提现) 玩游戏再抽奖
  • 爽啦怎么绑定手机号 爽啦APP手机号码绑定图文教程
  • 美团app逛一逛消息提醒该怎么关闭?
  • 百度知道客户端怎么参与暑假七天乐活动?
  • 货拉拉司机搬货多少钱 货拉拉司机搬运费介绍
  • 微信怎么修改顺丰快递配送时间?
  • 腾讯TIM是什么 腾讯TIM和腾讯QQ有什么不同

文章分类

  • 办公软件
  • 多媒体
  • 图形图像
  • 系统工具
  • 安全杀毒
  • 聊天工具
  • 电脑学习
  • 应用软件
  • 网络软件
  • 课件工具
  • 浏览器
  • 手机软件

最近更新的内容

    • 美拍怎么剪辑视频?美拍视频剪辑教程图文详解
    • 支付宝9.0借条怎么还款?支付宝借条提前还款的教程
    • 乐动力怎么绑定微信运动 乐动力绑定微信运动的方法图解
    • 手机如何查看最新台风实时路径图?查看最新台风实时路径图教程
    • 腾讯微信5.2内测申请 获得微信5.2内测资格方法详解
    • 易信通话软件注册与使用方法图文详细教程
    • 明道app中的群组怎么关闭新消息通知?
    • 手机QQ音乐怎么播放双语MV?
    • 怎么快速抢红包?三招更安全更快用"抢红包神器"抢红包攻略
    • 幽灵推病毒是什么?幽灵推病毒传播方式介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有