旅行十年app设计-H5线框图.pptx_第1页
旅行十年app设计-H5线框图.pptx_第2页
旅行十年app设计-H5线框图.pptx_第3页
旅行十年app设计-H5线框图.pptx_第4页
旅行十年app设计-H5线框图.pptx_第5页
已阅读5页,还剩28页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

旅行十年H5线框图,v1.0 By RACEMIND,以下内容不是最终设计 重点讲述功能点及界面呈现形式,0 产品逻辑图,loading,首页,我的足迹,微博登录,我的成就 (显示头像、昵称),我的成就 (不显示头像昵称),微信端,分享 微博、微信,分享微信,是,是,否,否,普通用户制作,loading,首页,TA的足迹,TA的成就,微信端,分享 微博、微信,分享微信,否,普通用户分享,开始 我的足迹,普通用户,loading,首页,我的足迹,我的成就,分享 微博、微信,KOL用户制作,KOL登录,我的勋章,十年历程,十年回顾,是,loading,首页,TA的足迹,TA的成就,KOL用户分享页,TA的勋章,十年历程,十年回顾,开始 我的足迹,普通用户制作页面,微信端,分享微信,是,否,分享 微博、微信,微信端,分享微信,是,否,KOL用户,1 普通用户 自己的足迹页面,loading界面,足迹logo,loading,首页,方案一、动画,背景不停切换,都是拿着手机各地切换的图片,文字部分逐行淡入 方案二、每次随机一张图片,然后出现文字,立即开始,“一个人行走的范围, 就是他的世界。” - 北岛 浩瀚星辰中 我们如沧海一粟 新浪旅游 伴我至天涯 点亮你的“十年旅行足迹” 获取“专属成就”,立即开始,“一个人行走的范围, 就是他的世界。” - 北岛 浩瀚星辰中 我们如沧海一粟 新浪旅游 伴我至天涯 点亮你的 “十年旅行足迹” 获取“专属成就”,产品形象植入,曾去过的目的地,功能描述: 1、点击世界地图后,显示当前大洲,并将当前大洲的国家罗列出来,点击地球,返回世界地图 2、可以滑动国家列表,点击国家后,可高亮显示 3、点击完成,进入下一个场景,点亮十年旅行足迹,点亮十年旅行足迹,美国,加拿大,墨西哥,古巴,旅行十年,目睹一路上的风景,分享沿途上XX国家XX省份的心情。那样的生活是XX%的微博用户所正在梦想的。,旅行十年,目睹一路上的风景,分享沿途上XX国家XX省份的心情。那样的生活是XX%的微博用户所正在梦想的。,足迹成就,功能描述: 1、根据用户的足迹,判断成就内容,如:去过北美地区,就激活【印第安雄鹰】,翻开,否则就不翻开 2、打败用户数规则 静态处理 给去过的国家/省份数匹配一个相应的百分比,比如用户去过2个目的地以上,超过60%微博用户,去过5个目的地以上,超过70%微博用户,去过10个目的地以上,超过80%微博用户,去过15个目的地以上,超过90%微博用户 PS:只有登陆才能获得用户信息,足迹成就,分享,闪耀我的足迹成就,【印第安雄鹰】,【亚洲探险家】,【荒野达人】,品牌LOGO呈现,2 普通用户 分享者足迹页面,loading界面,loading,足迹logo,分享者曾去过的目的地,功能描述: 1、动画效果 根据顺序,逐个显示用户的曾经去过的大洲,大洲显示,并伴随文字动画,文字内容为多少个国家 (见设计稿二) 2、点击中国区域,进入中国地图,显示省的内容 3、点击小地图,返回世界地图,Ta的足迹,旅行十年,目睹一路上的风景,分享沿途上XX国家XX省份的心情。那样的生活是XX%的微博用户所正在梦想的。,分享者足迹成就,功能描述: 1、根据用户的足迹,判断成就内容,如:去过北美地区,就激活【印第安雄鹰】,翻开,否则就不翻开 2、打败用户数规则 静态处理 给去过的国家/省份数匹配一个相应的百分比,比如用户去过2个目的地以上,超过60%微博用户,去过5个目的地以上,超过70%微博用户,去过10个目的地以上,超过80%微博用户,去过15个目的地以上,超过90%微博用户 PS:只有登陆才能获得用户信息,足迹成就,开始我的足迹,你有没有这样的体验,带着我的微博: 沿途跟着一条河【穿越亚马逊】 迎着朝阳看到展翅的【印第安雄鹰】 劈波斩浪地赢得过【澳洲航海家】的称号 在荒野上像【狮子王】一样追逐奔腾的角马 成为【极地先锋】沐浴在极光下 尝遍东方美食被誉为【亚洲探险家】 在神秘的中世纪古堡中加冕【欧罗巴伯爵】 一直相随,不离不弃。,品牌LOGO呈现,3 KOL用户 自己的足迹页面,loading界面,loading,足迹logo,首页,立即开始,“一个人行走的范围, 就是他的世界。” - 北岛 浩瀚星辰中 我们如沧海一粟 新浪旅游 伴我至天涯 点亮你的“十年旅行足迹” 获取“专属成就”,用户登陆,功能描述: 方案一 需要sina方面提供登录接口 登录后,返回数据 经历、国家等数据内容 最后日期:12月7号 方案二 不需要登录 采用urlkol变量的方式 页面根据kol变量的值,抓取对应kol的数据 最后日期:12月7号,立即开始,“一个人行走的范围, 就是他的世界。” - 北岛 浩瀚星辰中 我们如沧海一粟 新浪旅游 伴我至天涯 点亮你的“十年旅行足迹” 获取“专属成就”,曾去过的目的地,功能描述: 1、点击世界地图后,显示当前大洲,并将当前大洲的国家罗列出来,点击地球,返回世界地图 2、可以滑动国家列表,点击国家后,可高亮显示 3、点击完成,进入下一个场景 PS:先获得一些基础数据,并高亮处理这些国家,点亮十年旅行足迹,点亮十年旅行足迹,美国,加拿大,墨西哥,古巴,旅行十年,目睹一路上的风景,分享沿途上XX国家XX省份的心情。那样的生活是XX%的微博用户所正在梦想的。,旅行十年,目睹一路上的风景,分享沿途上XX国家XX省份的心情。那样的生活是XX%的微博用户所正在梦想的。,展示KOL的历程,功能描述: 1、动画表现: 文字内容逐条显示,慢慢淡入画面 PS,如果文字内容过多,会影响用户体验,历程,陪伴是最长情的告白,时光荏苒200X年我加入博客的第个XX日子,终于迈出了化身旅游达人的第一步,还记得当时第一声雏鸣XX,没想到竟然有XX人与我共同分享了这份感受。 逐渐地越来越多的朋友关注了我,20XX年我的博客名为XXXX被XXX位朋友关注,现在想起来那竟然是相当于XX倍梵蒂冈的常驻人口数量(梵蒂冈常驻人口2014年为540人),那是我最受鼓舞的一刻。 感谢十年关注和陪伴我的朋友们。,十年回顾,功能描述: 1、设计风格 画面简单,采用不同字体、大笑来突出数据内容 2、动画效果 先逐个淡入数字部分,吸引用户眼球,然后将其他文字显示出来,回顾,截止2015年,旅游微博活动中 微博篇数xxx,微博总阅读量xxxx,长微博篇数xxxx,长微博总阅读量xxxx。 十年来,我的博客总篇数XX篇,总阅读量XX。在旅游微博活动中,发布微博XX篇,总阅读量XX,长微博XX篇,总阅读量XX,影响了千万网友的旅行计划。,足迹成就,成就,分享,闪耀我的足迹成就,十年来,我的旅行足迹遍布地球的每一个角落,引领着99.9%的新浪用户去探索世界,是当之无愧的“地球探索者”! 你有没有这样的体验,带着我的微博: 沿途跟着一条河【穿越亚马逊】 迎着朝阳看到展翅的【印第安雄鹰】 劈波斩浪地赢得过【澳洲航海家】的称号 成为【极地先锋】沐浴在极光下 在神秘的中世纪古堡中加冕【欧罗巴伯爵】 一直相随,不离不弃。 2015年12月15日,我分享了自己的闪耀足迹。,品牌LOGO呈现,4 KOL用户 分享者足迹页面,loading界面,loading,足迹logo,展示KOL的足迹,功能描述: 1、动画效果 根据顺序,逐个显示KOL用户的曾经去过的国家,国家高亮显示,并伴随文字动画,文字内容(某年某月),他的足迹,旅行十年,目睹一路上的风景,分享沿途上XX国家XX省份的心情。那样的生活是XX%的微博用户所正在梦想的。,展示KOL的历程,功能描述: 1、动画表现: 文字内容逐条显示,慢慢淡入画面 PS,如果文字内容过多,会影响用户体验,历程,陪伴是最长情的告白,时光荏苒200X年我加入博客的第个XX日子,终于迈出了化身旅游达人的第一步,还记得当时第一声雏鸣XX,没想到竟然有XX人与我共同分享了这份感受。 逐渐地越来越多的朋友关注了我,20XX年我的博客名为XXXX被XXX位朋友关注,现在想起来那竟然是相当于XX倍梵蒂冈的常驻人口数量(梵蒂冈常驻人口2014年为540人),那是我最受鼓舞的一刻。 感谢十年关注和陪伴我的朋友们。,KOL的十年回顾,功能描述: 1、设计风格 画面简单,采用不同字体、大笑来突出数据内容 2、动画效果 先逐个淡入数字部分,吸引用户眼球,然后将其他文字显示出来,回顾,截止2015年,旅游微博活动中 微博篇数xxx,微博总阅读量xxxx,长微博篇数xxxx,长微博总阅读量xxxx。 十年来,我的博客总篇数XX篇,总阅读量XX。在旅游微博活动中,发布微博XX篇,总阅读量XX,长微博XX篇,总阅读量XX,影响了千万网友的旅行计划。,KOL的足迹足迹成就,成就,开始我的足迹,十年来,我的旅行足迹遍布地球的每一个角落,引领着99.9%的新浪用户去探索世界,是当之无愧的“地球探索者”! 你有没有这样的体验,带着我的微博: 沿途跟着一条河【穿越亚马逊】 迎着朝阳看到展翅的【印第安雄鹰】 劈波斩浪地赢得过【澳洲航海家】的称号 成为【极地先锋】沐浴在极光下 在神秘的中世纪古堡中加冕【欧罗巴伯爵】 一直相随,不离不弃。 2015年12

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论