培训首页  >  产品经理新闻  >  某APP产品原型PDF文件分享

某APP产品原型PDF文件分享

[2017-05-18 14:39:30] 浏览量:821 来源:

产品手记比邻培训中心

  OmniGraffle原型案例 | 某APP产品原型PDF文件分享

  


  各位人人的朋友们大家好,现在@iPM将之前做过的一个宠物 app 案例分享给大家,是笔者刚刚开始使用 OmniGraffle 作为原型构建工具的时候从1.0.0开始跟的一个项目——乐宠(后改名为「尾巴圈」)。 [产品手记]

  首页,App首页采用的是瀑布流式列表布局,左右双抽屉式导航。左抽屉内容是的各大板块,特色是点击 + 按钮可以进入类似网易新闻的自定义关注板块页面。而右抽屉,则是登录注册,个人中心页,和设置详情页。设置,包括绑定三方帐号登录,仅wifi加载照片和视频开关,意见反馈,缓存清理等功能。一些更加详细的页面功能我就不赘述了,等会儿大家下载 pdf 就可以了,文章zui后有神秘代码喔!

  


  登录成功后,右抽屉就是个人中心页面了,哈哈,细心的读者一定发现一个 icon 叫「我的爱」,够贴心吧?!把宠物当做家人体现了爱宠在家里的高贵地位!点击「详细资料」,进入个人信息详情页。 [产品手记]

  


  重点说一下发帖流程,点击首页的 +,或者是子板块里的发帖按钮,进入帖子编辑详情页。当然了系统肯定是会判断是否登录的,如果检测到未登录则跳转到登录页面;检测到用户已登录,则App 会默认将帖子发送的位置定在「大厅」,并且自动弹出轮式选择器,自动提示用户选择发帖板块,选择发帖板块后,就可以进入编辑状态了。编辑详情页上点击 camera icon,选择拍小视频还是拍照或者是选择相册中的照片,我们先拍个小视频吧,选择「8s视频」,点击拍摄按钮,就开始拍摄了。拍摄结束,总得预览一下吧,选择漂亮的一帧作为封面吧。确定帖子OK 了,点击「使用」按钮,进入帖子预览界面。然后开心地点击「发表」,帖子post 出去啦!!!

  


  哈哈,说到这儿还有好多细节感觉没有说得特别透彻,不过发现篇幅已经不短了!详细的可以去本文的zui后神秘代码继续挖掘,那里有高清的 pdf 噢! [产品手记]

  zui后,奉上OmniGraffle项目特写照:

  


  产品手记是互联网思维的产品经理抱团发展的团体,以知识迭代为核心,内部数十位知名互联网导师参与平台核心知识体系的搭建和迭代,学习、互助、分享是我们的三大核心理念。

  请联系网站,了解详细的课程信息~

  优质、便捷、省心


文中图片素材来源网络,如有侵权请联系删除
  • 软件开发
  • 软件测试
  • 数据库
  • Web前端
  • 大数据
  • 人工智能
  • 零基础
  • 有HTML基础
  • 有PHP基础
  • 有C语言基础
  • 有JAVA基础
  • 其他计算机语言基础
  • 周末班
  • 全日制白班
  • 随到随学

网上报名

热门信息