当前位置:主页 > 64644香港开奖结果 >

APP详情页如何用Axure画出来

发布日期:2019-08-19 12:46   来源:未知   阅读:

  详情页是App原型中比较复杂的页面类型,熟悉它的常用套路有助于快速画出。

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

  APP详情页往往包含上导航,内容区,工具栏三大部分,内容区会因为业务画起来很复杂。所以我们重点来聊聊内容区的画法。

  我们经常遇到的详情页有电商类的商品详情、团购详情、订单详情、活动详情,专题详情,以及社交类的聊天详情、主页详情、动态详情等。

  相信大家很容易分析得出,它们都包含很多相似的元件,比如通栏Banner,图片轮播,文字列表项,图标列表项。限于文章篇幅有限,下面是我经常用到的详情页组件:

  所谓的画线框图,本质上就是堆砌各种组件。请根据自己项目的特点,将APP详情页常见的这些组件制作成Axure元件库。

  需要注意的是:创建元件的时候,尽量以375667的框架来建立,当然也可以以360640来建立比较通用。具体原因参见《为什么375×667是移动端原型的最佳分辨率》。

  之所以大家从网上下载回来的元件库,放到自己项目中感觉大小不太合适。主要就是尺寸不是遵循一个标准。

  每次画APP详情页的时候,我们可能会画一些以前画过的功能组件。所以我们应该养成保存过往项目RP源文件的习惯,

  需要用到的时候除了可以打开过去的的rp源文件,复制所需的内容到当前rp源文件。

  如果需要用到整个页面或者多个页面,更建议使用“文件-导入RP源文件”批量导入更快捷,以及能够继承原先页面的注释,母版等功能。

  希望这些踩过坑总结出来的经验,能够让大家画APP详情页的时候少走一些弯路。

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