|
详情页是App原型中比较繁杂的页面类型，熟练它的常用招数有助于快速画出。 
之前的文案已然讲解了APP平常功能中的页面模板、下导航、上导航、列表页怎么画出来，请继续关注浪子教你画APP原型后续的其他功能模块。
APP详情页常常包括上导航，内容区，工具栏三大部分，内容区会由于业务画起来很繁杂。因此咱们重点来聊聊内容区的画法。
平常的详情页类型
咱们经常遇到的详情页有电商类的商品详情、团购详情、订单详情、活动详情，专题详情，以及社交类的聊天详情、主页详情、动态详情等。   
平常的详情页组件
相信大众很容易分析得出，它们都包括非常多类似的元件，例如通栏Banner，照片轮播，文字列表项，图标列表项。限于文案篇幅有限，下面是我经常用到的详情页组件：
照片轮播
图文卡片
通栏banner
文字列表项&图标列表项
圆形按钮&直角按钮
创建元件库并运用
所说的画线框图，本质上便是堆砌各样组件。请按照自己项目的特点，将APP详情页平常的这些组件制作成Axure元件库。
元件库的制作办法并不繁杂，点击Axure左方元件库-创建元件库就可。 
需要重视的是：创建元件的时候，尽可能以375×667的框架来创立，当然亦能够以360×640来创立比较通用。详细原由参见《 为何375×667是移动端原型的最佳分辨率 》。
之因此大众从网上下载回来的元件库，放到自己项目中感觉体积不太合适。重点便是尺寸不是遵循一个标准。
引用过去的rp源文件
每次画APP详情页的时候，咱们可能会画有些以前画过的功能组件。因此咱们应该养成保留过往项目RP源文件的习惯，
必须用到的时候除了能够打开过去的的rp源文件，复制所需的内容到当前rp源文件。
倘若必须用到全部页面或多个页面，更意见运用“文件-导入RP源文件”批量导入更快捷，以及能够继承原先页面的注释，母版等功能。 
其他技巧
讲几个经常必须用到的技巧，供大众参考。 倘若该详情页的部分内容其他页面亦会用到，请运用母版。倘若必须复制当前详情页，请运用页面快照功能。倘若必须运用地图，请运用内联框架功能。倘若必须播放视频，请运用内联框架功能。总结
期盼这些踩过坑总结出来的经验，能够让大众画APP详情页的时候少走有些弯路。
| 
发表于 2024-8-12 00:31:40
