完成的布局。后期也是使用Photo来完成最终的美化界面然后再使用Xcode来进行页面的交互功能和视频的播放功能。
主要有四个模块,6种界面,分别是首页、新闻界面、视频界面、排行界面、攻略界面以及几大界面的分类子界面。
(1) 首页界面
首页主要是用来做一个导航和分类子页面信息的一个展示。构成是由图片、导航栏和视频缩略图组成。
(2) 新闻界面
新闻界面既是新闻主界面,是由缩略图、按钮和文字组成。是对热点新闻的一个简略的介绍和查看。
(2.1) 新闻页面的分类页面
这个页面是用来展示所选中点击的新闻的详细的内容。
(4) 视频界面
视频界面主要是展示精彩视频的缩略图和简短文字的介绍,根据用户兴趣点击视频缩略图播放视频。
(5) 排行页面
排行界面主要是展示现下最热门的游戏的排名,在加上游戏的LOGO和文字介绍,点击LOGO就会进入这个游戏的详细介绍页面。
(6) 攻略页面
攻略页面是搜集各个游戏的玩家的一些心得来展示出来。
3.2 界面流程设计
游戏门户APP主要是通过点击按钮或导航栏来经行界面的交互和跳转。具体过程如图。3.2-1
图3.2-1
4 游戏门户APP的实现
4.1 开发工具的选择(介绍)
4.1.1 PhotoShop软件
Adobe Photoshop,简称"PS",是世界顶级的图像设计和制作工具软件。
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
从功能上看,该软件可分为图像编辑、图像合成、校色调色及特功能特色效制作部分等。 图像编辑是图像处理的基础,可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等;也可进行复制、去除斑点、修补、修饰图像的残损等。
图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像,这是美术设计的必经之路;该软件提供的绘图工具让外来图像与创意很好地融合。
校色调色可方便快捷地对图像的颜色进行明暗、色偏的调整和校正,也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。
4.1.2 Xcode软件
Xcode是苹果公司开发的编程软件,是开发人员建立OS X和 IOS应用程序的最快捷的方式。Xcode 具有统一的用户界面设计,编码、测试、调试都在一个简单的窗口内完成。
根据斯诺登提供的资料,美国政府研究人员创建了一个版本的苹果软件应用开发工具Xcode,希望借此将监控后门植入到通过苹果应用商店App Store发布的应用程序中。
Xcode是一个强大的专业开发工具,可以简单快速、而且以您熟悉的方式执行绝大多数常见的软件开发任务。相对于创建单一类型的应用程序所需要的能力而言,Xcode要强大得多,它的设计目的是使您可以创建任何想像得到的软件产品类型,从Cocoa及Carbon应用程序,到内核扩展及Spotlight导入器等各种开发任务,Xcode都能完成。
Xcode独具特色的用户界面可以帮助您以各种不同的方式来漫游工程中的代码,并且使您可以访问工具箱下面的大量功能,包括GCC,javac,jikes,和GDB,这些功能都是制作软件产品需要的。它是一个由专业人员设计的、又由专业人员使用的工具。
由于能力出众,Xcode已经被Mac开发者社区广为采纳。而且随着苹果电脑向基于Intel的Macintosh迁移,转向Xcode变得比以往的任何时候更加重要。这是因为使用Xcode可以创建通用的二进制代码,这里所说的通用二进制代码是一种可以把PowerPC和Intel架构下的本地代码同时放到一个程序包的执行文件格式。事实上,对于还没有采用Xcode的开发人员,转向Xcode是将应用程序连编为通用二进制代码的第一个必要的步骤。
无论您是已经有一定Xcode经验的开发者,还是刚刚开始迁移的新用户,都需要对Xcode的用户界面及如何用Xcode组织软件工程有一些理解,这样才能真正高效地使用这个工具。这种理解可以大大加深您对隐藏在Xcode背后的哲学的认识,并帮助您更好地使用Xcode。
4.1.3 Objective-C语言
Objective-C,通常写作ObjC和较少用的Objective C或Obj-C,是扩充C的面向对象编程语言。它主要使用于Mac OS X和GNUstep这两个使用OpenStep标准的系统,而在NeXTSTEP和OpenStep中它更是基本语言。Objective-C可以在GCC以及Clang运作的系统上编写和编译,因为GCC与Clang含Objective-C的编译器。
Objective-C用途:编写iOS操作系统(如:iPhone、iPod touch、iPad 等苹果移动终端设备 )应用程序和Mac OS X操作系统应用程序的利器。 Objective-C的流行当归功于iPhone的成功,因为Objective-C被用于编写iPhone应用程序。
Objective-C是非常实际的语言。它是一个用C写成、很小的运行库,只会令应用程序的尺寸增加很小,和大部分OO系统使用极大的VM执行时间会取代了整个系统的运作相反。Objective-C写成的程序通常不会比其原始码大很多。而其函式库(通常没附在软件发行本)亦和Smalltalk系统要使用极大的内存来开启一个窗口的情况相反。因此,Objective-C它完全兼容标准C语言(C++对C语言的兼容仅在于大部分语法上,而在ABI(Application Binary Interface)上,还需要使用extern "C"这种显式声明来与C函数进行兼容),而在此基础上增加了面向对象编程语言的特性以及Smalltalk消息机制。
4.2 界面功能的实现
4.2.1 总体界面跳转功能的实现
本APP是使用Xcode的故事板的方式来进行对界面交互和跳转的设计,整体效果图如下。图4-1
图4-1
4.2.2 首页界面的实现(界面说明/界面效果图)
此界面是游戏门户APP的首页界面,首页上由导航栏,热点新闻和精彩视频三个模块组成。热点新闻模块和精彩视频模块就是导航栏上新闻和视频界面的先期展示。如图4-2
图4-2
4.3 新闻界面的实现
这个界面是点击导航栏上的新闻按钮跳转过来的,此界面主要展示全部的新闻热点。前三个由文字和图片组成,后几个都是文字标题。点击图片或文字可跳转到详细页面。如图4-3-1 4-3-2
图4-3-1 图4-3-2
4.4 视频界面的实现
点击导航栏上的视频按钮就能跳转到此页面,此页面展示的是全部的视频缩略图,点击图可跳转到播放界面。如图4-4-1 4-4-2
图4-4-1 图4-4-2
4.5 排行界面的实现
下图4-5-1就是排行界面的效果图,图4-5-2是排行第一的游戏的详细介绍页面。
图4-5-1 图4-5-2
4.6 攻略界面的实现
此界面由游戏图标标题和主内容的部分内容组成,点击图标或标题跳转到详细页面。如图4-6-1 4-6-2
图4-6-1 图4-6-2
5 总结
5.1 系统的特点,不足和改进
本系统的特点就是操作简洁界面清晰不会有什么很复杂的功能,让用户能够一目了然的找到自己想要的。软件以IOS系统界面与用户交互,为用户提供信息并接受其操作,以分模块的形式来设计的页面,方便用户使用。因为时间上的一些原因,本软件还存在一些不足之处,界面虽然简洁单还不够美观,功能也只有页面点击切换交互和视频点击播放,还需要去一步步的优化有改进。后期会加入更多的功能来充足本软件的功能不足之处。
5.2 设计收获与心得
毕业设计真的是一次很好的机会,能让我们检视自己在三年所学习的知识的应用,并提高和巩固让自己明白自己还有那些不足之处。总的来说毕业设计就是一面镜子,自己好的坏的都会被"照"出来。这次设计游戏门户APP的过程不仅是对我的学识的应用,也是对我综合处理和解决问题能力
上一篇:
旅游电子商务的移动APP的4R营销应用
下一篇:
2018年汽车自驾运动营地攻防箭大赛总决赛圆满落幕