当前位置:主页 > 香港黄大仙特马救世报 >

如何用Axure设计APP频道页

发布时间:2019-09-27   浏览次数:

  之前的文章已经讲解了APP常见功能中的页面模板下导航上导航列表页详情页怎么画出来,请继续关注教你画APP原型后续的其他功能模块。

  常见的频道页有淘宝APP的微淘,通讯录的首页,微信的表情。该叫法来源于以前Web门户的不同频道。简单来说就是由几个tab按钮和多个页面组成,点击tab可以切换到不同的频道页。

  相信每个刚开始使用Axure画原型的PM都会选择这么操作,即然点击不同tab会显示不同的内容,那么我就画出多个页面来表示吧。

  然后需要把点击tab的效果补上,在刚刚画出的每个页面中分别设置点击tab的跳转链接,总计2个tab,需要重复添加到不同页面,需设置4次。

  当你对Axure有一定了解之后,应该会知道动态面板最适合表现同一功能的不同状态。本港台直播软件,那么可以把上面多个页面的方法,替换成使用同一动态面板的多个状态。

  然后对tab按钮设置交互事件,点击tab打开动态面板的某一状态。总计2个tab,需要重复添加到不同状态,需设置4次。

  当你研究比较深入之后,你会发现顶部的tab需要画多次比较麻烦,添加交互也需要重复多次,那么有没有办法简化tab的画法呢。

  我们发现这些tab按钮在每个频道页面的交互事件是一样的(单击打开同一个频道页),而样式也是相似的,但是显示在当前频道的tab按钮不一样,我们先把tab从动态面板里面移出。

  这样依然可以打开2个不同的内容区,但是tab的样式没有随着我们点击而变化,所以我们需要对这2个tab设置选中和未选中的效果来区分。

  需要注意的是精选表情默认是选中状态,学生党最爱武汉荣耀V20 8+128迎新2160元,而它的未选中状态和更多表情是一样的,也需要设置,最后设置“精选表情”为选中状态。

  按照同样的方法将更多表情设置默认样式和选中样式,然后选中这2个按钮然后设置为单选组。

  其实这个方法我们在文章《APP下导航如何用Axure画出来》的时候就讲过,本质是一样的,但是这里会复杂一些。因为2个tab的形状不一样,否则设置完一个tab的样式之后,格式刷另外一个即可。

  最后的原型效果依然是一样的。(需要注意的是最好隐藏内联框架的边框,以及设置打开该页面“表情”的时候打开内联框架中的精选表情页面。)

  相信大家可以看得出来,第三种方法是画起来效率最高的,但是也是很难理解的。但是掌握了这样的技巧,像文中最开始的几种频道页画起来是轻而易举。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。

Copyright 2017-2023 http://www.855006com.com All Rights Reserved.

香港马会十单双| 香港挂牌最完整篇彩图| 香港满地红图库红苹果| 299ffcom雷锋高手论坛| 香港賽馬會开奖结果| 神码论坛| 金吊桶特马论坛彩霸王| 布衣图库综合资料胆王| 白小姐中特玄机王中王| 香港正版挂牌记录|