咨询热线:021-60907382

首页 | 企业培训 | 学生作品 | 教学团队 | 就业指导 | 学历考证 | 入学须知 |

超越知识获取注重实践学习
教育注册许可,公益办学单位  18年间培养了80多万名学员

七宝附近天猫美工培训学校

日期:2018-09-21 15:33 来源:未知 点击: 次 栏目: 淘宝营销培训资讯

淘宝美工培训
课程价格:根据基础情况跟学习目的安排课程,价格也不一样,详情咨询客服! 
近期开班:每“月”开新班,详情咨询客服!
包含内容:photoshop软件基础/小试牛刀图片处理技巧/淘宝首页常见模块设计/焦点图海报设计高级技法/爆款详情页设计秘诀/店铺装修实战之一店招/店铺装修实战之二突出950/店铺装修实战之三切片/无线端设计高级装修/短视频类型及上传/视觉营销玩转图片点击率
七宝附近天猫美工培训学校
 
天猫商城弹出下拉菜单代码 
实现在天猫导航条代码,怎么做出鼠标移动一个分类,会出现下拉菜单的效果代码,下面是该下拉菜单代码,只是弄了简单的效果!链接多个下拉菜单只要修改代码就行了!



子雨提供的所有代码只能用于淘宝的天猫店铺中。



下面是放在店招部分:<p>

 

  <img src="http://img03.taobaocdn.com/imgextra/i3/619386354/T2mIq6XEVXXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /><img src="http://img02.taobaocdn.com/imgextra/i2/619386354/T2k.S5Xr4aXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /><a href=""><img class="m_nav_hover_02" valign="top" src="http://img01.taobaocdn.com/imgextra/i1/619386354/T2sfS7XpNXXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /></a><img src="http://img04.taobaocdn.com/imgextra/i4/619386354/T2Pi15XwhaXXXXXXXX-619386354.jpg" style="float:left;margin:0px;" /> 



</p>


下面的代码是要放在店铺的店尾部分,否则下拉菜单会出现问题。<div class="J_TWidget hidden ks-popup ks-overlay ks-ext-position ks-popup-hidden ks-overlay-hidden" data-widget-type="Popup" data-widget-config="{

 

          &#39;trigger&#39;:&#39;.m_nav_hover_02&#39;,

 

          &#39;align&#39;:{

 

                  &#39;node&#39;:&#39;.m_nav_hover_02&#39;,

 

                  &#39;offset&#39;:[0,0],

 

                  &#39;points&#39;:[&#39;bc&#39;,&#39;tc&#39;]

 

                  }

 

            }" style="display: block; visibility: hidden; position: absolute; left: 575px; top: 227px; z-index: 99999800; " aria-disabled="false"><div class="ks-contentbox"><div class="m_down_menu w110"><dl>

      <dd> <img src="http://img03.taobaocdn.com/imgextra/i3/619386354/T2MjO6XyFXXXXXXXXX-619386354.jpg" /></dd>

      <dd> <img src="http://img01.taobaocdn.com/imgextra/i1/619386354/T2M055XzxaXXXXXXXX-619386354.jpg" /></dd>

      <dd> <img src="http://img04.taobaocdn.com/imgextra/i4/619386354/T2zJC7XrpXXXXXXXXX-619386354.jpg" /></dd>

      </dl></div></div>


           

           
   

            
七宝附近天猫美工培训学校
 
今天给大家讲一下点缀元素在电商设计中的应用,会从以下几个方面来讲解。
(一)什么是点缀元素?在我看来一张海报除去产品主体,文案部份和背景,其它的都可以称之为点缀元素。
(二)点缀元素作用。主要是烘托主体产品(或主题),突出氛围,一定程度上让海报更生动。
有了这些点缀元素,海报是不是更生动了,抢货的氛围也更足了。试想一下,如果去掉圆形旁边的那些产品的点缀,整个海报就冷清多了,主题百万尖货就不会给人一种好多东西都在打折的感觉了。
(三)点缀元素与产品风格要一致,要与产品形成一定的关联性,不能独立存在!无论是做什么类型的图片设计,所找的点缀元素一定要与产品相关,主题相关的。
图中的产品主体是床,所以它选的元素也是和床,和家居类有关的台灯,相框,枕头,为了使版面看起来更生动更温暖,还加了粉色的圆形装饰,一大一小不显呆板;圆形,粉色凸显温暖与甜蜜,而这些都是和主题相关的元素。当然还有其它的一些点缀元素,大家也可以分析一下它存在的必要性,如果去掉了会对海报产生什么影响。总的来说当决定在画面中加入点缀元素之前,一定要考虑这个点缀元素是否和产品的风格一致!宁少不多!像下图中的热气球,背景的云朵和主体护肤品似乎没有任何关联;图中的花瓣元素是可以加的,可以凸显护肤产品的纯天然成份什么的。
另外这张海报的文字排版还是存在一定问题的,之前的文章里有写过,不知道大家还记得不,可以试着分析一下。
(四)点缀元素不能抢了主体的风头,要弱化。弱化的方法有很多种,可以从面积上,色彩上,透明度,大小,位置,数量等等着手!
以面积为例给大家讲下——所有点缀元素的面积总和加起来一般不要超过产品主体的面积,因为点缀元素是次要的
上图中如果把背景其它的蓝色部分全部用五颜六色且大小不同的椭圆铺满,想象一下,主体部份还会有现在这么突出吗?所以点缀元素的总面积要控制好,一定不要抢了主体的风头。其它几种点缀元素弱化方法大家也可以找找案例分析一下。
(五)点缀元素的来源,如何寻找合适的点缀元素——可根据产品本身的特点/功能/形状/材质/卖点等等去联想,也可根据海报主题来确定。一般来说只要不是追求极简风的海报或者详情页的设计,一定程度上都会选用点缀元素。

七宝附近天猫美工培训学校