淘宝店铺无线装修怎样轻松玩转自定义模块
创始人
2024-03-12 04:35:30
0

淘宝店铺无线装修怎样轻松玩转自定义模块

  一、理解无线自定义模块

  1、每增加一行格子,高度增加76px;

  无线自定义模块的宽度固定为608px,高度可以根据自己的需要进行规划,最小规划为四个小框才可以独立一个子模块,尺寸是152*152px,之后每增加一行(或列)格子,便是增加76px。所以我们的高度就很好控制不用时时打开后台去拉一拉格子才能知道尺寸了。

  2、自定义模块每张图片上传后为无缝拼接;

  明白这一道理之后,对于我们的版块规划是很有意义的,无缝的好处在于,不管页面设计怎么做,只要大部分内容区是处于这个尺寸里面的,方便点击添加链接,那么切图出来上传的时候,不会影响图片与图片之间会存在空隙,换句话说,可以拓宽设计师在设计页面的时候,进行叠加每个设计内容,而对产品真正做到“自定义”的展示。

  如上图,三个产品需要切三张图片,但是自定义上传的尺寸宽度只有228px+152px+228px(排列顺序可以自调),这个时候我们不必将产品限定在这三个尺寸里,只需将产品按照想要的排版方式排列好,做到图片大部分内容处于尺寸之内,如有部分图片溢出问题也不大。

  因自定义模块的拉动相对其他图文模块自由,所以其可设计的.自由度也就更大。

  二、将无线端当成页面去设计,而不是作为容器去填充内容

  要摆脱真正的自定义设计,那么就需要跳脱格子限制,正确的方式应该是以格子尺寸为骨架,对应去增加设计页面的内容,以上图的案例为参考,按照常规做法是,海报应用焦点图模块,优惠券应用多图模块,公告应用左图右文模块,而我们可以尝试的是突破使用习惯,用自定义模块去做占屏比较多的设计版面,这样手机用户在浏览店铺的时候,海报带来的冲击感会更强烈,与下面的内容进行叠加或者是做背景的处理,整体感也会更强。

  可优化的实操做法可以分几步来做:

  ①分析页面的策划内容,将自定义模块当成页面设计,规划每个内容应给予的篇幅大小,在草稿纸上规划页面大概的排版布局;

  ②知道每个内容的大概布局之后,可以将

内容初步进行排版,拉好参考线;

  ③由于上传图片时,图片的尺寸大小至关紧要,所以在参考线一步需要多注意尺寸不要有误,可以用选区工具拉出规定的尺寸,再拉上参考线,熟悉尺寸会对页面的规划有很大的帮助。

  总结:

  无线装修一直被关注,官方也不断推出更丰富的无线装修功能和营销玩法,这都是需要我们不断去开拓与研究的,自定义模块与以往的操作习惯可能会有所不同,多去尝试与浏览大店的手法,对于店铺的视觉提升也会有很大的参考意义与帮助。

相关内容

热门资讯

大学英语四级满分作文范文欣赏   第一篇:  作文题目:  Intelligence-Nature or Nurture  1) ...
常用英语问候语大全   How are you?你好吗?  Nice to meet you.很高兴见到你,常用英语问候...
期中考试英语没考好检讨书(优... 期中考试英语没考好检讨书 篇一尊敬的老师:您好!我是您英语课堂上的学生,我写这封检讨书是因为我在期中...
高中英语教学设计反思   传统的教学模式已经被发挥得淋漓尽致.尽管如此,面对基础差的学生,我们还是无能为力,效果不明显。如...
高中青春的议论文 高中关于青春的议论文600字  在学习和工作中,大家都不可避免地要接触到论文吧,论文是一种综合性的文...
微光华晨宇歌词 微光华晨宇歌词  作词:周洁颖  作曲:钱雷  演唱:华晨宇  我在黑暗中  化作一个火种  想为你...
影响金属夏比冲击试验的因素 影响金属夏比冲击试验的因素B‰。8术避口樊庆东徐玉红夏比是音译ch砷y,夏比冲击试验(CharpyI...
一月到十二月的英语单词怎么写 一月到十二月的英语单词怎么写  英语单词的产生是汉英两种语言双向交流的产物,一些带有中国特色的名称和...
高中军训作文 高中军训作文1000字(通用47篇)  在平日的学习、工作和生活里,大家都写过作文,肯定对各类作文都...
服务行业个人工作总结 服务行业个人工作总结通用10篇  总结就是把一个时段的学习、工作或其完成情况进行一次全面系统的总结,...