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