有赞新零售社区

发帖
聊天专版»技术帖-页面美工的福音-毛毛

技术帖-页面美工的福音-毛毛

素心毛毛 2016-09-29 540 浏览 1 评论 | 只看楼主 [打印]
众所周知,有赞已经被很多企业、小商户老板看做进军微信的首选,具体怎么好,为什么选有赞,做为美工,我不说太多。论坛上更多的是页面模板、活动、营销、插件问题使用等,在我看来,没有展现的一切都是浮云。做为手机端展示的店铺平台,页面的美化至关重要,大伙也知道这也是一个品牌的重中之重,看都不愿意看,怎么会有点击欲望呢。现在针对有赞的平台结构,很多美工非常头疼的就是微页面结构太死板,模块功能稍弱,图片上传压缩太严重(可能10月8号清理一批免费商户会好吧)。。文字放大难看,放小不清楚,手机端本身图片像素损失,对比度不大的图片色域交接处显示会发虚。扫描二维码查看我的作品!里面的效果,可能才是美工真正需要的,不喜勿喷。 https://h5.koudaitong.com/v2/feature/wr774osc 手机端查看或扫码查看

  


我简单介绍下缺陷(当然我并不是针对有赞,我是说所有模块化的平台都是垃圾,目前尚未发现比有赞还要不垃圾且模块化全的其他平台)!

结构固定(比如微页面的头部)。颜色固定(比如大家都不太喜欢的橙色,到处都是)。
样式固定(比如那优惠券怎么放都丑)
看下美工常用的模块:(红色区域)
富文本:美工一般不会用,因为大部分美工不知道富文本啥意思。我也是。
图片广告:电商套路下来的,都知道这是做轮播的好玩意,宽度640,高度随意。
魔方:貌似是大家热烈讨论的做导航的多一些,但你用了会发现,做的导航根本不精致,电脑端看着蛮好,放上去就虚了,只是能帮你把图片分割而已,比图片导航多几个格子而已,也省去了整版间距的麻烦。

标题:只能更改背景色,左中右放置。
文本导航 图片导航:很平凡,貌似大家用的都不多
辅助线、辅助空白、关联链接:为了凑模块个数吧,辅助线可以文字打出来--------------虚线“-”减号而已-----------------------实线把字距调小,···············点。搜狗输入法v1。。辅助空白只要图片做高点。或者富文本按回车就可以了。这么简单的功能做成一个模块类,实在有点儿凑个数的嫌疑。


-------------------------------------------步入正题----------------------------------------------
那么到底怎样设计才能让我们美工随心所欲呢
答案就是:富文本

不得不说富文本功能强大,跟网页编辑器一样,当然你不用懂代码,就可以随心所欲制作你想要的任何结构和效果,并且加链接互动。

那我们怎么编辑富文本呢。这里给大家无私的分享一个有赞的第三方平台:www.xiumi.us

首先声明一下,我是一个平凡的小美工,不是有赞的托,也不是秀米这个平台的托。只是想通过这个论坛,让更多苦恼的美工找到真正能找到手机端设计的一些好玩意。

秀米这个平台,也是我寻找了好久的,虽然它的原理是图文编辑(类似于微信的图文消息)。但是我们完全可以用它来做店铺首页、海报,导航乃至详情页,而且对于文字过多的介绍,直接文字上去肯定不好,做成小字图片看不清,做大字图片整体美观度又差。

下面给大家通过做一个导航来演示一下。


step1:通过布局,建立导航格子!


step2:通过拖拽样式按钮,建立具体内容并添加链接,当然你链接的可以使有赞的商品或其他微页面!



其实这些基本的使用,我就不多介绍了,本身平台介绍的会比我详细,大家研究一下,就会使用了。

关键的是。我在那边做完怎么转移到有赞上面。很简单。直接CTRL+C  复制到有赞的“富文本” 就完全转移过来了。


然后用手机扫码,预览一下。


你就会发现。文字样式的导航一定比图片切的精致很多。当然,导航你还可以不做成这种样式,还可以设置成背景图上加字的形式。

(小提示:有赞默认模块间隙,模块底色是有一点色值的灰色,所以做图时大家一定要注意。想要精致完美不是一朝一夕。多尝试一下吧)


好了。希望大家多多关注一下我们的公众号:玘美家族。我会陆续发帖更新新的技术内容,或者直接在我们自己的店铺里展示给大家。当然我们的公众号其他内容很丰富的啦!谢谢支持!

有什么疑问也可以在帖子下方提出来。我会一 一作答。美工小伙伴们快来吧!


本帖最后由 素心毛毛 于 2016-9-29 13:58 编辑
用手机打开
收藏 ··· 回复
    素心毛毛 青铜   2016-10-01 | 只看该作者
    论坛太冷清了吧!

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

      本版积分规则

      复制链接
      新浪微博
      QQ空间
      微信扫码
      • 回复

      • 评分

      客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

      复制成功