万豪娱乐平台官网
JOURNALISM
最新动态
Axure教程:商品详情页产品图效果展示
发布时间:2020-04-10  编辑:admin

  著作首要对商品详情页产物图的闪现原型举行了扼要的分析,希冀可能给公共带来些成就。

  电商平台商品详情页大同小异,有一个模块是确定少不了的,即是产物图闪现区域,下面首要就闪现图区的少许小成效做少许分析。

  网上找少许图片素材,要分两批,一批大图,一批小图(不念自身找的,文末有素材附件)

  1、最先拖入一个动态面板,定名为d,巨细为387121,将小图依据挨次陈设好,按照好看度自立调理图片间距如下图:

  2、点进去d的形态1,将小图通盘选中转换为动态面板,定名为d1,d1闪现通盘的5张小图,而d则闪现4张小图,如下图:

  4、将大图安置正在小图的上方,并转换为动态面板,定名为d_big,如下图:

  5、给五张小图永别定名:small_1、small_2、small_3、small_4、small_5,配置鼠标移入移失事变,当鼠标移入时,配置赤色外框(定名为wk_red),搬动到小图的坐标地方(x,y),这里用到函数[[LVAR1.x]]、[[LVAR1.y]],此中LVAR1代外的是元件小图,同时配置大图按照小图举行形态切换,成效如下图:

  6、正在小图双方画上足下箭头,点击左箭头,让d1向左搬动必然隔断,点击右箭头,让d1向右搬动必然隔断,向左隔断为负值,向右搬动为正值。完全参考下图:

  那么再告终了云云的成效后,再有其它的一个成效,也用的对照众,如下图所示:

  以下告终这个成效的方式,并不是最轻巧的方式,也并不是最完整的方式,只是最基本的方式,这个告终方式纯洁易懂,再有告终起来庞杂,最终成效更传神,更利便的方式,这里不再做独特分析,公共下去自身钻探。

  ps:原型只是劳动的一种门径,并不须要正在这上面花费太众精神,只是,众会意一点学问老是好的。

  4、拖入动态面板,定名为j_big,将四张切割图依据挨次,放入动态面板中,如下图。

  5、配置鼠标的悬停事变,当鼠标处于分歧区域时,显示分歧标识的follow。完全配置如下图:

  楼主善人!这个教程我看了好几遍,然则正在红框搬动的时期遭遇了点题目,鼠标点击小图,前两张小图红框寻常搬动,第三帐起先就跑到不清晰哪里去了,请问这是如何回事

  赤色外框的搬动浮现题目,确定是坐标配置错了,请检讨鼠标移入事变,看获取第三张小图的坐标时是否有错,对函数[[LVAR1.x]]是否应用有误,LVAR1代外的应当是元件自身

  人人都是产物司理(是以产物司理、运营为主题的练习、调换、分享平台,集媒体、培训、社群为一体,全方位办事产物人和运营人,建立9年举办正在线+期,线+场,产物司理大会、运营大会20+场,笼盖北上广深杭成都等15个都邑,老手业有较高的影响力和著名度。平台纠合了浩瀚BAT美团京东滴滴360小米网易等著名互联网公司产物总监和运营总监,他们正在这里与你一道生长。

联系电话:021-63212618
企业邮箱:admin@dqbfjr.com
联系地址:上海市闸北区永兴路258弄1号兴亚广场1706室
官方网址:http://www.dqbfjr.com
Copyright © 2002-2019 dqbfjr.com 万豪娱乐平台官网 版权所有网站地图