admin 管理员组

文章数量: 887021


2023年12月22日发(作者:scrapy读)

2019.10科技论坛“穷游”APP首页和分类页的设计与制作李满,王培赞(广州工商学院,广东广州,510850)摘要:本文将围绕着“穷游”这一词,对APP、旅游APP、穷游进行研究,并使用iH5工具对“穷游APP”的首页和分类页进行设计与制作,最后通过移动端测试其中的效果。用以更好地了解世界各地的旅游景点和掌握iH5设计工具。关键词:iH5;穷游;APPDesign and make of home page and classification page of

“budget travel” APPLi Man

,Wang Peizan(Guangzhou College of Technology and Business, Guangzhou Guangdong,510580)Abstract:This paper will focus on the word “poor travel”, study the APP, travel APP and poor travel,

design and make the home page and classification page of “poor travel APP” with iH5 tool, and finally

test the effect through mobile terminalto better understand the world’s tourist attractions and

master the iH5 design ds:iH5;budget travel;APP1 绪论目前旅游型APP很受人们的青睐,如果有一款能够“穷游”世界的APP,解决人们旅游选择过程中的痛点,一定很有市场。通过“穷游”APP,可以完成位置定位、订票、预定宾馆、查看游玩的攻略、查看各种特价优惠等,这些功能都可以通过HTML5一一实现。本课题研究将“穷游”APP的设计思路、理念、效果展现出来,让用户得到较为良好的体验。3.2 首页首页由两个部分组成:顶部和下部。顶部用以播放广告海报,下部作为用户分享。3.3 攻略页攻略页分为三个区域:顶部、中部、底部。顶部放置搜索栏,中部放置分类栏,下部放置帖子。3.4 商城页商城页分为五个部分,分别放置五种商品信息。五种商品分别为:旅游景点、酒店、机票、高铁、租车。2 “穷游”APP设计分析在穷游之前,首先要制定一个明确的出游计划,去哪里旅游、大概花费多少钱、旅游的路线制定等等。如你要去北京玩,你觉得1000块就能玩一个星期,最终1000块还有剩余,且觉得是次优质的旅行,那么就是一次成功的旅游,真正体验到了穷游的乐趣。在旅游途中,如果能体验到美丽的日出或日落,看到那一抹抹的余阳上升或者下落,五彩缤纷、光彩夺目、金光耀眼,心情都会无比愉快,不禁感叹大自然的美。因此把“穷游”APP的主题色定为橙黄色,而APP的主体形象设计为一个橙黄色的微笑的狐狸。寓意着即使旅行生活再苦再难也不要忘记微笑。3.5 我页我页分为五个板块,分别放置五个不同的内容。五个不同的内容包括:设置与消息;登录;关注、粉丝与获赞;收藏夹、订单与优惠券;“我的”部分。4 界面设计4.1 首页设计4.1.1 广告几乎在所有旅游类APP里,首页的顶部都是留一片矩形区域进行广告的放置,而“穷游”APP首页顶部广告区域放置三张旅游海报,让它们循环滚动播放,并添加简单的文字描述,对文字的颜色三色渐变和添加描边。4.1.2 用户分享在广告的下方,则是显示用户分享的旅游地点和一小部分的景点描述,可以看到他们的头像和昵称,在旁边放置一个点赞按钮和点赞的数目显示。3 “穷游”APP整体框架设计根据“穷游”主题和旅游类APP的设计理念,以简单实用、经济好用为设计原则,穷游”APP整体框架设计如图1所示。3.1 “穷游”APP的主页面“穷游”APP主要由四个页面构成,即首页、攻略页、商城页、我页。105


本文标签: 穷游 设计 旅游 放置 广告