查看: 3139|回复: 0
收起左侧

无线装修自定义模块竟然还能这样玩

[复制链接]

该用户从未签到

485

主题

0

回帖

3225

积分

设计师

积分
3225
发表于 2016-9-14 20:15 | 显示全部楼层 |阅读模式

马上注册,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
 无线装修刚火起来的时候,射计师们在运用自定义这一模块时总是难免有点战战兢兢,甚至出现纷纷吐槽这个自定义模块不好用的情况,随着官方不断完善后台的一些功能,射计师们也慢慢跳脱了装修本身的一些框架限制,并且利用起这一个模块,实现无线视觉的跳跃提升,下面小编就为大家总结下无线装修的自定义模块的高级玩法。
     或许有不少射计师们会被运营吐槽,页面要高大上一些,要大气,可是无线装修宽度有限,更有上传尺寸限制,在软件里显得难以施展,可能有不少射鸡师的无线装修源文件会如下图一样,多个源文件,每个源文件为产品某个分类的产品,规整的排版,规整的尺寸,最后上传好的页面同样规整。如何打破这一装修布局?小编为你支招:


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

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

  
  如上图,三个产品需要切三张图片,但是自定义上传的尺寸宽度只有228px+152px+228px(排列顺序可以自调),这个时候我们不必将产品限定在这三个尺寸里,只需将产品按照想要的排版方式排列好,做到图片大部分内容处于尺寸之内,如有部分图片溢出问题也不大。
  因自定义模块的拉动相对其他图文模块自由,所以其可设计的自由度也就更大。
  
二、将无线端当成页面去设计,而不是作为容器去填充内容。
  
  要摆脱真正的自定义设计,那么就需要跳脱格子限制,正确的方式应该是以格子尺寸为骨架,对应去增加设计页面的内容,以上图的案例为参考,按照常规做法是,海报应用焦点图模块,优惠券应用多图模块,公告应用左图右文模块,而我们可以尝试的是突破使用习惯,用自定义模块去做占屏比较多的设计版面,这样手机用户在浏览店铺的时候,海报带来的冲击感会更强烈,与下面的内容进行叠加或者是做背景的处理,整体感也会更强。
  可优化的实操做法可以分几步来做:
①分析页面的策划内容,将自定义模块当成页面设计,规划每个内容应给予的篇幅大小,在草稿纸上规划页面大概的排版布局;
  ②知道每个内容的大概布局之后,可以将内容初步进行排版,拉好参考线;
  ③由于上传图片时,图片的尺寸大小至关紧要,所以在参考线一步需要多注意尺寸不要有误,可以用选区工具拉出规定的尺寸,再拉上参考线,熟悉尺寸会对页面的规划有很大的帮助。

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

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

客服QQ热线
86630823 周一至周日:09:00 - 21:00
公司地址:广州市黄埔区开萝大道2号9楼928室

电商巴士想是一个融创意、设计、技术开发、服务为核心的互联网公司,专注于网店和实体门店的运营策划与技术开发,赋能门店精准营销,提高门店运营效率。

Powered by Discuz! X3.5 © 2012-2024 Discuz Team.

Archiver|手机版|小黑屋|电商巴士 ( 粤ICP备15116670号 )  

GMT+8, 2024-11-10 10:22 , Processed in 0.083411 second(s), 26 queries .

快速回复 返回顶部 返回列表