淘宝店铺无线装修怎样轻松玩转自定义模块
创始人
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.很高兴见到你,常用英语问候...
531行动计划心得体会 531行动计划心得体会  日子如同白驹过隙,很快就要开展新的工作了,该好好计划一下接下来的工作了!那...
我的旅行计划 My trav... 我的旅行计划 My travel plan英语作文 篇一My Travel PlanI have a...
雨水的谚语 有关雨水的谚语(精选100句)  在日常的学习、工作、生活中,大家都对那些朗朗上口的谚语很是熟悉吧,...
“薰香自烧”的意思 “薰香自烧”的意思 成语拼音: [xūn xiāng zì shāo] ...
激发学生作文兴趣的方法 激发学生作文兴趣的方法  作文教学历来是语文教学的半壁河山,在作文教学中,培养学生自主学习能力,让合...
吴承恩的名言名句 关于吴承恩的名言名句  1、一窍通,百窍通。  2、避色如避仇,避风如避箭。  3、独有一枝红,秋晚...
“自命清高”的意思 “自命清高”的意思 成语拼音: [zì mìng qīng gāo] ...
小学生三年级比喻句 小学生三年级比喻句大全  比喻句能把一些不好想象的东西具体地说出,借其他类似事物加以说明,令人更加清...