请选择 进入手机版 | 继续访问电脑版

网页UI学院精品电商课程——淘宝无线店铺装修

发表于 08-10 10:22 显示全部楼层 16 344

为什么要装修手机店铺?

淘宝店铺除了装修pc端店铺之外还需要装修无线端店铺页面,

不装可以吗?可以,但是就损失了无线端的客户了,没有哪个老板会把客户拒之门外的。

1.png
2.png


淘宝PC端页面转WAP页面注意些什么?

其实在设计之前也应该同步考虑WAP端设计。

WAP无线端尺寸转换只要注意无线端定义模板的模块格子大小就可以了,一个格子为76x76像素。一般一张pc轮播广告转为wap轮播广告就变成8x4个格子,转换也就是608x304像素。

那么我一张产品图我想做大点,8x5个格子,转换就是608x380像素了,切图的时候就要把产品的大小切成608x380才能上传了。

怎么进入无线店铺装修页面?

QQ图片20170809112856.png
8.png


1

每个格子为76px*76px

2

切图大小根据格子多少而定

3

把切好的图上传即可

QQ图片20170809113552.png


左边的店铺模块都是由右边的定义模块里面的格子组成,不同的格子组成不同的banner图

QQ图片20170809113959.png


WAP页面应该注意些什么?

1.尺寸

无线端页面常用的尺寸为640px宽度,分辨率为72px,高度不限但不宜太长,切图的时候高度最好小于960px一模块 。

12.png


2.颜色

色彩搭配要一视觉上的舒适为主,颜色不宜超过三种。

13.png


3.产品

产品图片,大图为主,但是也要注意这个大是有度的,单张图片高度≤960px,图片的大小需要<1.5M,从买家的购物习惯出发

我们都知道相对PC来说,手机屏幕要小很多,装修无线端的时候图片上的清晰度和大小都要有适应手机的尺度。

14.png


4.长度

很多时候我们恨不得能将产品的所有优点和相对顾客说的话全都在店铺上表达出来,摆在首页的位置上,让大家明白自己的良苦用心和相信质量,但是往往这类型的内容装修过度,占据篇幅过大,导致页面的长度变长,页面打开的时候缓冲非常慢,买家是没什么耐心去等待的,所以找准买家的兴趣点来优化页面,才是网店装修在布局上的正确方法。                                           

切好的图片最多可以传30张,单张图片宽度在640px内,单张图片高度≤960px。


5.文字

数字字号或者字母字号≥20px;一般主标题选48-62px之间,副标题最小不能低于22px,设计好之后最好导出在手机屏幕测试下。

15.png


6.按钮

无线端由于在手机端展示较多,为了适合手指方便点击,按钮制作时建议推荐高度为34px,最小不能低于26px。

QQ图片20170809114446.png


回复 使用道具
举报
青果杰杰

发表于 08-27 21:10 显示全部楼层

楼主再见

回复 支持 反对 使用道具
举报
宁静致远

发表于 08-25 11:49 显示全部楼层

必须给个赞!

回复 支持 反对 使用道具
举报
踮脚怪

发表于 08-24 08:58 显示全部楼层

无需回复的,我们保持沉默,如需回复的,就回21个字!

回复 支持 反对 使用道具
举报
RMB战士

发表于 08-23 00:23 显示全部楼层

观后纵想法再多,也不如一句回复实在!

回复 支持 反对 使用道具
举报
小黑蜗牛

发表于 08-21 21:53 显示全部楼层

回复 支持 反对 使用道具
举报
yanle

发表于 08-18 10:12 显示全部楼层

回复 支持 反对 使用道具
举报
你讲咩话

发表于 08-18 09:48 显示全部楼层

回复 支持 反对 使用道具
举报
江北飙车

发表于 08-16 15:21 显示全部楼层

作为新人,在吧里不敢大声说话,也不敢得罪人,只能默默地顶完贴转身就走,不求深藏功与名,只求前排混脸熟

回复 支持 反对 使用道具
举报
杨楷

发表于 08-15 18:19 显示全部楼层

回复 支持 反对 使用道具
举报
12下一页

发表新文章
小码哥官方团队

小码哥教育

0

学分

1916

学币

3836

积分

小码哥教育

Rank: 5Rank: 5

积分
3836

小码哥一周年勋章活动达人勋章小码哥社区荣誉创始人勋章小码哥版主勋章真人认证勋章前100注册用户勋章社区第一人勋章意见领袖勋章真土豪勋章勋章

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育