简游APP设计文案.docx
- 文档编号:29229763
- 上传时间:2023-07-21
- 格式:DOCX
- 页数:34
- 大小:76.87KB
简游APP设计文案.docx
《简游APP设计文案.docx》由会员分享,可在线阅读,更多相关《简游APP设计文案.docx(34页珍藏版)》请在冰豆网上搜索。
简游APP设计文案
学士学位论文
系别:
美术与工艺设计系
学科专业:
雕塑陶艺
姓名:
郝一超
运城学院
2016年4月
简游APP设计文案
系别:
美术与工艺设计系
学科专业:
雕塑陶艺
姓名:
郝一超
指导教师:
方琼琳
运城学院
2016年4月
简游APP界面设计文案
摘要:
简游是一个供给海量轻应用游戏的APP。
在本文中笔者主要介绍简游的UI设计模式,主要包含界面设计中的架构、布局和色彩搭配。
因为产品的
主要作用是引导用户更方便、快捷的进履行用。
本文试图在探究简游APP的设计中,做到最简单、最舒坦的用户界面,让用户以最少的学习成本获得最舒坦
的操作体验。
让轻应用渐渐代替传统APP,成为APP主流发展方向。
要点词:
扁平化设计APP设计颜色搭配轻应用用户体验
JianYouAPPinterfacedesignschemes
Abstract:
JianYouisagameforamountslightapplicationofAPP.Inthisarticle,theauthormainlyintroducesJianYouUIdesignpatterns,mainlyincludestheinterfacedesignofthestructure,layoutandcolorcollocation.Becausethemainfunctionoftheproductsisguidetheusersmoreconvenientandfasttouse,sointhedesignoftheAPP,dothemostsimpleandmostcomfortableuserinterface,letuserswithminimallearningcurvetogetthemostcomfortableexperience.Predictably,lightapplicationwillgraduallyreplacetraditionalAPP,becomeamainstreamAPPdevelopmentdirection.
Keywords:
Flatdesign,APPdesign,Colors,WebApp,Userexperience
序言
一设计构想1
二设计定位3
三视觉表现4
(一)主页风格错误!
不决义书签。
(二)排版方式错误!
不决义书签。
(三)功能架构方式错误!
不决义书签。
(四)界面色彩搭配错误!
不决义书签。
(五)Android端与iOS端的适配错误!
不决义书签。
四设计心得7
参照文件8
道谢9
附图10
序言
GUI(GraphicalUserInterface)是一种结共计算机科学、美学、心理学、
行为学,及各商业领域需求剖析的人机系统工程,重申人—机—环境三者作为一个系统进行整体设计。
对大多半人来说,用户界面就是软件自己。
所以,掌握用户界面设计的技巧与技术是让软件走向市场的最直观因素。
界面是一个窗口。
界面设计是开发中最重要的方面,并将波及到整个开发队伍。
对于应用软件来说,一个基本现实就是:
用户界面是面向用户的。
用户需要的是开发者开发的应用软件知足其需求,并且易于使用,用户界面走到今日真是精益求精,要做到易用就更是难上加难。
太多的开发者自认为是艺术天才,他们不去全力按照用户界面设计标准,或花精力使得产品好用;相反,他们错误地认为编写更灵便的代码或是使用一套的确风趣的颜色方案才是重要的事。
Constantine(1995)指出,好的用户界面使得人们不用阅读用户手册或接受培训就能使用应用软件。
对于软件企业来说,软件产品就是他们的商品,而软件界面就是他们产品的外观,界面的雅观与否,直接关系到了软件产品的营销成败。
一设计构想
在轻应用提出从前,想体验游戏只好经过在应用商铺下载游戏,安装成功后再开始体验。
一是要耗费更多的时间与学习成本,加长了用户的等候时间。
二是占用了手机很大的内存,减少了游戏种类的体验。
传统APP固然依靠用户保有量大、起步时间早等优势,成为当今APP应用体验的主要模式。
但不可以否定的是,跟着轻应用的盛行,传统APP存在的依靠流量、需客户端下载、占用系统内存等诸多缺点,已经使其不再适应趋向的发展。
轻应用介于网页和客户
端之间,拥有网页灵巧性和客户端业务功能的两重特点。
挪动互联网对照传统互联网的优势在于为用户供给更明确的身份表记以推送精确服务和更多身份辨别业务。
联合当前国内详情,产品的开发者其实不可以享有相应的经济酬劳,收益大多半归于渠道商手中。
针对这些问题,联合轻应用理念,以简游为载体,抓住用户的痛点,兼备一般用户与产品开发者,将海量游戏会合于简游之中。
联合社区等功能,创立一个较为齐备的游戏中心与产品开发者沟通发展社区。
所以,优异的用户体验和简短的界面成为了设计工作中的要点。
在简游项目之初,团队做了大批的市场调研,对同类产品进行了科学而系统化的剖析归纳。
为了表现产品的自己特点,将要点放在了用户体验和服务上,那么产品的发展方向则定在服务和体验的提高上。
所以,线上产品包装和设计,尤其重要。
本文将侧重介绍对于线上产品的界面设计,针对简游波及到的架构、布局和色彩搭配问题进行阐述。
二设计定位
经过市场检查及剖析,简游作为游戏类APP,目标人群多为男性且年纪多在15-40岁之间。
最后对简游的整体风格定义为简单、易用、游戏体验优异,主假如达到优异的用户体验。
对于界面的颜色把控,在参照市场内各种类产品,最后将产品色彩定为黄色系风格。
在市场和商机并存的状况下,大批的创业者涌入了这个新兴的模式中来。
我们面对着很多的竞争和巨大的压力。
只有专心做好自己的产品,紧抓用户体验和服务质量,才有可能在众多的竞争者中存活下来。
在这个烦躁的社会里,耐下心来安寂静静的做一款好产品。
将产品的名字定为简游,寓意简单生活,快乐游戏。
希望用户在使用过程中获得优异的游戏体验,同时也希望创立一个优异的平台供开发者沟通和使用,创立良性竞争。
(整个段落写的不深入,应当写的更详确些。
)
三视觉表现
跟着挪动互联网的飞快发展和人们设计水平的进步,花费者对于产品的需求发生了翻天覆盖的变化。
能被人们的眼球吸引的不单是产品的功能,此刻人们关注更多的是产品的体验,大多半产品在功能优异的状况下被同类产品所代替常常是在细节的表现上。
所以达到优异产品的要点点是功能的易用性和优异的用户体验。
在项目中,设计优先,功能为王。
对于界面上而言,色彩搭配适合,页面布局科学成为了界面好与坏的一个标准。
针对于此,简游的设计按照一致的准则和齐备的控件库。
第一,在设计过程中,鉴于产品休闲娱乐的定位,在一些引导性的提示中会运用一些风趣风趣的提示性话语,给用户以优异的交互体验反应,增添产品的兴趣性和感情动。
其次,在图形设计方面,保持风格一致的基础上,使用直观性、归纳度高的图形,指示显然,表意明确。
再者,之内容为导向的版式
与布局要按照“详细界面详细应付,既变化又一致”的原则;一致形式的导航栏设计实现了各个界面的连接性;充足合理的利用了界面空间,让每个功能都有自己的版式和布局,共性中突出了个性。
总结以下,在简游界面设计中,颜色使用适合,使用一致的构图和布局,一致的色彩、对照度微风格,以及一套风格适配的ICONS。
(一)了如指掌的主页风格
当自己拿到简游这个项目时,第一要考虑的就是主页首屏的风格。
因为一
个APP中的主页将影响整个APP的风格走向。
在主页的布局中,我们能够这样来对待:
当用户第一次下载安装APP,在打
开应用的第一时间看到界面,也是给用户留下可贵的第一印象的界面。
手机APP第一屏最重要的一点是它的屏幕分辨率大小的限制性,所以第一屏在保证模块
长短的同时,模块可用性、易用性以及界面设计的雅观度至关重要。
应用的主页是我们在最开始使用应用时使用,应当引导用户去使用的界面。
这个界面中显现了这款APP的主页功能和使用特点,所以应用主页界面的用户体验成效将会影响到用户对APP的后续体验。
所以,作为设计师应当更为会对主页进行精心考量和思虑,依据用户以及各样因素的不一样做相应的更新和个性化,制作一个优异的交互成效以此来达到更好地用户体验成效。
所以,设计时需要对其设定界面主色彩,整体布局和整体信息内容的排版。
所以主界面一般用来显现用
户与用户之间互动的最新内容,以便吸引用户连续使用APP。
在对简游的主页界面设计上,主要需要突出简游主要功能和使用特点。
简游APP是一款相对于比较新奇的产品,那么在简游主页界面设计中就要让用户迅速理解简游这款APP的主要功能和使用特点,不然用户在没有真实使用从前可能
因为太多的疑惑进而放弃使用。
当用户使用简游APP时,假如用户不知道这个APP,那么单从简游这两个字眼是很难能够知道这个应用的功能和特点,假如能够在(如图3.1)APP主页设计有关的文字,用户将会对简游的功能和用途了如指掌,知道这是一个拥有海量游戏集成的APP。
在设计简游主页的时候在充足理解目标用户的使用习惯和需求的基础上,
联合上应用的功能和特点以及行业分类进行了设计。
在布局上采纳列表式的布
局方式对首页进行布局,以列表的形式显现详细内容,依据数据的长度自适应
显现。
对游戏的类型和热度分类,同时加上ICONS和文字的搭配,使得主页功
能了如指掌,便于用户迅速查找和开始游戏,也切合最先的设计目的。
(二)触手可及的排版方式
简游的主要功能是游戏体验,同时兼备游戏经验沟通和分享。
当用户在使用APP时,能够经过主页的引导抵达这个界面,用户依据流程进行游戏体验,简游的流程排版上充足考虑了目标人群对不一样种类游戏的需要,能够知足不一样人群
的游戏体验。
版面设计中必不行缺的元素能够一定地是文字,文字信息是模板内容信息显现的详细表现形式,是传达信息的主体部分。
文字的字体,大小,颜色的设计要切合模板的整体风格的表现。
文字的排版要保证模板各个板块的一致性。
文字作为视觉表现因素之一,与图形与色彩对比较有着更优的流传效劳,不单在模板中,在其余类设计中文字的排版与设计既是设计的要点,也是设计的难点。
(图)
产品外观决定了设计元素的运用,为了更好的运用图形,就一定对产品的
全面认识和对设计因素的充足掌握。
简游APP中的各种图形微软游戏这一模块
进行设计,比如游戏手柄、操作杆等。
同时功能性图标陪伴着相应的功能而
存在,功能越丰富,图标越多,形成了一整套图标。
风格或造型相一致的图
标设计使整个APP界面和睦、拥有整体性,不论从感官仍是交互上都能够增添用户使用的好感和欢乐度。
因为手机作为设计载体的特别性,用户会使用手指直接与界面产生互动,达成所有操作。
为界面元素安排合理的布局从某种意义上来说就是为手指安排舒坦的布局,更正确的说是为拇指安排布局。
用户在单手持用手机的状况下,固然拇指能滑到整个屏幕,但只有三分之一的屏幕是真实简单涉及的,也就是拇指正对的地区。
所以,产品的重要操作都放在这一地区,给用户供给优异的操作体验。
(三)合理的功能架构方式
简游APP在布局时,采纳宫格、列表等多种布局相联合的方式。
主要有以下几种设计原则。
挪动APP设计中常用的隐蔽元素有以下三类:
1.有形的控件:
如按钮、标签、菜单、导航
2.手势与重力感觉:
包含长按手势、横滑手势都是这一类;
3.操作路径:
把不常用的功能或设置项藏得深一点,经过层层递进达到目的。
对于简游功能上边的架构考虑到有些时候也有组合一些或许是归并一些同样的
元件和功能,保持一致性。
比如挪动端应用界面设计中的减法也经常有于各样组件的组合,如输入框与标签、导航与下拉菜单等。
这样的功能架构方式表现了以用户为中心的思想,主要功能突出,交互层级浅的特点。
挪动端屏幕空间特别有限,每一个小小的角落都在界面设计上都特别的可贵,经过一些共同空间元素的使用,能够使得多个界面的跳转及不一样元素状态之间的切换变得更为的流利。
简游更多的设计是为了考虑产品的可代替性,在设计过程中供给各种类模板供开发者使用,易于产品的更新和保护。
在产品的交互设计过程中,仔细合理的思虑了每一个模块、界面之间的跳转与连接,使之更合理,做到从哪里来,到哪里去,流利连接了每一个界面。
(四)一致的界面色彩搭配
APP的界面主要由不一样功能区块组成,如导航、按钮、图标等,色彩的使用既要有一致性,形成APP差别于其余产品的独到个性,也要兼备不一样功能区承载的作用,协调、呼应、对照,经过合理的配色提高APP界面的易用性。
在简游界面色彩搭配中,依据简游的标准色黄色进行拓展,运用近似色和对照色
的相互搭配。
导航用主色彩突出、背景用白色弱化即是使用了差别化的色彩搭配方法,依据主色彩的属性,采纳不一样的协助色,帮助用户直观地域别不一样功
能区块,依据自己的需要迅速做出选择。
对界面中的重要信息在颜色上突出显示,聚焦用户注意力,引导用户达成各项操作。
同时用不一样的背风景来告诉用户处于应用中不一样的版块。
用不一样的按钮颜色来表示同一按钮的不一样状态,引导用户进行下一步的操作点击。
(图,图)
在主要功模块,各种标题文字之间的颜色对照,让各个功能模块的视觉层
次感加强,色彩的跳跃感让界面视觉感知更为丰富,同时让用户更明确的知道
怎样操作,引导用户沉入。
依照APP功能设计的实质状况慎重使用,办理好每
种颜色所传达给用户的含义,不可以事与愿违,因为过多的色彩或是色彩搭配的
不协调惹起用户讨厌。
所以在整个APP界面设计中采纳了黄色系、黑色、灰色,
是界面整体一致。
四设计心得
本文对简游APP设计过程中运用到的一些设计理念和设计原理进行叙述,从视觉、交互、用户体验串连起了简游APP界面的各个环节。
剖析界面以及各元素之间的设计原则和方法,掌握一致性,以用户为中心,环绕用户体验进行
设计。
研究产品的设计过程同时也是一个从头学习和认知的过程。
设计在这一过程中的创意化表现同时,也预示着将来设计的无穷可能。
同时也要侧重用户体验,以用户为中心进行体验模式的设计,运用互联网思想。
作为简游APP项目中的设计师,在设计的过程中好多的时候是设计师的各样试试。
想要出一个好的作品或许说一个好的产品,离不开慎重仔细的工作流程,卓有成效的手段。
波及到详细的实行要有效率,苛刻完满。
在被外界的信息影响着的同时要在设计中保持清醒。
做自己感兴趣的事,做好自己感兴趣的事。
参照文件(许多于九本书)
[1](美)托里斯.用户界面设计与开发精解.清华大学第一版社[M].2002-12
[2]加德纳,费加尔.21世纪超级标记设计[M].上海人民美术第一版社.2000.
[3](日)松田行正,黄碧君译.圆与方[M].中央编译第一版社.2013-2-1(67)
[4](日)原研哉著,纪江红译.设计中的设计[M].广西师范大学第一版社,2013-11(352)
[5]李杰臣.图形设计原理与实践[M].印刷工业第一版社,2013-5-1(83)
[6]范文东.色彩搭配原理与技巧[M].人民美术第一版社,2006-6-1
[7]王绍强.品牌设计中的色彩[M].中信第一版社,2011-11
[8]苗雪兰,刘瑞新.计算机图形学理论及应用技术[M].机械工业第一版社,2003-1
[9]蒋陆.手机图形用户界面的图标个性化设计研究[J].黑龙江科技信息,2007(49-50)
道谢
大学生活陪伴着这篇论文的达成也靠近了结尾。
这四年的光阴不论是学业仍是社会实践都受益匪浅。
论文的选题也是环绕自己喜爱的和将来从事的行业方向睁开的。
整个研究和书写的过程,不单是自己再次学习的过程,也获得了老师和同学的好多帮助,在此向他们表示感谢。
第一特别感谢我的导师方琼琳老师在论文写作时期赐予的教育和引导,让我理清了思路,抓住了要点,顺利达成了所有内容。
在我学习时期,方老师慎重仔细的工作态度,丰富的教课经验以及赐予我的鼓舞和支持带给了我好多踊跃的影响。
感谢我的同学们,感谢你们在论文写作过程中赐予我的关怀和帮助,对我碰到的细节问题也赐予充足的说明,感谢他们,让我感觉所设计的产品显现更
有看点。
附图
(附图少并且小,可放大些。
此外,附图要标明序号和名字)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 简游 APP 设计 文案
![提示](https://static.bdocx.com/images/bang_tan.gif)