安卓AppsUI设计实训指导书.docx
- 文档编号:2009540
- 上传时间:2022-10-26
- 格式:DOCX
- 页数:29
- 大小:2.16MB
安卓AppsUI设计实训指导书.docx
《安卓AppsUI设计实训指导书.docx》由会员分享,可在线阅读,更多相关《安卓AppsUI设计实训指导书.docx(29页珍藏版)》请在冰豆网上搜索。
安卓AppsUI设计实训指导书
《安卓AppsUI设计》
实训指导书
漳州职业技术学院计算机工程系
2016年8月8日
前言………………………………………………………………………………………1
任务一认知UI设计………………………………………………………………………3
任务二认知UI设计规范和制作流程…………………………………………………5
任务三APP图标的设计与制作…………………………………………………………10
任务四手机UI中主要元素的设计与制作…………………………………………18
任务五手机APPUI的设计与制作………………………………………………………24
前言
随着android系统的普及,android应用的需求越来越大,这是一个潜力巨大的市场,吸引了无数软件开发厂商和开发者投身其中,大量的手机游戏和软件的研发和制作都需要Android开发工程师和安卓UI设计师,引发了Android人才荒。
软件UI设计属于ID(工业产品设计)的一个特殊形式,只是针对的材质有所不同。
但随着智能化电子产品的普及,带有液晶屏显示的产品将越来越多。
也就意味着越来越多的产品设计需要软件UI设计。
随着技术平准化手机产业出现价格竞争的环境下,手机的人机交互界面(UI)给手机市场提供新的卖点,被认为是新的产业动力。
手机UI的新设计与功能开发是根据各种客户群体的喜好及使用习惯而进行的,随着手机用户年龄层的扩大,性别、宗教、环境、生活方式的多样化,其开发范围和潜力正在无限扩大。
这些新的趋势使得界面交互可能不再囿于某个具体产品本身,它可能开始涉及了与使用环境及其他用户之间的交流。
根据对当前手机技术的分析以及对国外在人机交互及相关领域研究的关注,提出了“泛交互”的概念,并对新的趋势、新的设计进行展望。
本课程是计算机软件技术专业“平面设计制作”教学模块的核心课程,是学生进行平面设计与制作职业能力训练的主要环节,同时为平面制作实训和多媒体整合制作综合实训打下坚实基础。
本课程学习需要具备一定的美工基本知识,在先修课程Photoshop等美工方面的学习与训练后,具备平面设计基本概念和基本常识,再进一步地实现界面设计的能力。
通过本课程的学习与训练,使学生能够利用工具软件adobeillustrator、Photoshop实现手机图标和界面的设计和制作。
学生能够根据需要进行作品定位及设计;能够根据需要随心所欲进行作品形象或图标的设计及制作;能够设计出较好的用户体验;能够利用软件进行矢量图绘制、修改及上色,进行图形的色彩处理;能够了解UI设计的规范和制作流程。
通过本课程的学习,学生能够:
1、与客户沟通,进行相关需求分析,生成UI设计需求分析书,并收集相关素材;
2、根据UI设计的定位,对设计进行风格设计和用户体验设计;
3、根据风格或用户体验的设计方案,对UI设计进行具体的制作。
4、对UI设计作品进行优化、上传发布、推广及更新维护。
实训指导书主要为学生在移动应用UI设计方面提供一些借鉴,通过对优秀案例的学习,能够提升学生对移动应用界面的设计能力。
包括各项工具的熟练掌握和综合应用,该实训分为以下几个部分:
1.移动UI设计流程
2.APP图标设计
3.移动界面设计规范
4.人机界面交互设计指南
任务一认知UI设计
一、学习目标(必须有)
通过本任务单元的训练,学生应该能够:
1.了解移动UI设计基础概念,能清楚了解UI设计在整个APP产品应用开发中所处的地位和作用;
2.在教师的指导下,能够对苹果系统,安卓系统和WindowsPhone系统这三大系统的发展史以及基本组件和各自特色进行总结;
二、任务描述(必须有)
教师引入UI设计的概念,引导学生对苹果系统,安卓系统和WindowsPhone系统这三大系统的发展史以及基本组件和各自特色进行总结,在教师演示与指导下,学生能够分析移动端APP的设计趋势并完成分析报告。
三、使用到的资料与工具
1.《Photoshop移动UI界面设计实用教程》;
2.《移动应用UI设计》;
3.《APPUI设计从入门到精通》
四、实训内容与要求(必须有,重点内容)
(一)子任务1:
手机UI与平面UI的区别?
手机UI的平台主要应于在手机的APP客户端上。
而平面UI的范围则非常广泛,包括了绝大部分UI的领域。
手机UI的设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计,界面设计师首先应对手机的系统性能和手机参数有所了解。
由于手机UI的独特性,使得很多平面设计师需要重新调整审美基础。
比如手机UI通常对尺寸有严格要求、对控件和组件类型的特殊要求等。
请同学们具体的举下例子说明两者之间的区别。
(二)子任务2:
手机界面的设计原则主要有哪些?
请同学们简单总结。
(三)对苹果系统,安卓系统和WindowsPhone系统这三大系统的发展史以及基本组件和各自特色进行总结。
(四)综合任务:
手机UI中的计算器界面和密码输入界面、电话拨号盘使用的频率都很高,界面上面的元素也差不多,请同学们发挥创意,自定义色彩方案和设计风格,完成其中一个界面。
五、任务单元完成总结
完成本任务单元的学习之后,同学们对于UI设计是否有比较直观的概念,请同学们进行网上调研,分析移动端APP的设计趋势,并完成分析报告。
任务二认知UI设计规范和制作流程
一、学习目标
通过本任务单元的训练,学生应该能够:
1.熟悉移动UI设计规范和制作流程;
2.在教师的指导下,能够根据客户需求,绘制APP界面;
二、任务描述
客户发布需求制作一个界面,学生根据苹果系统,安卓系统和WindowsPhone系统这三大系统的界面设计规范,和客户交流确定需求之后,生成UI设计方案,和客户沟通修改之后将APP界面制作出来。
三、使用到的资料与工具
1.《Photoshop移动UI界面设计实用教程》;
2.《移动应用UI设计》;
3.《APPUI设计从入门到精通》
四、实训内容与要求
(一)子任务1:
熟悉三大系统的手机界面设计规范。
1.IOS系统的界面设计规范主要有哪些?
列举几点简单说明。
2.Android系统的界面设计规范主要有哪些?
列举几点简单说明。
知识点梳理
IOS篇
1)尺寸及分辨率
iPhone界面尺寸:
320*480、640*960、640*1136
iPhone6:
4.7英寸(1334×750),iPhone6Plus:
5.5英寸(1920×1080)
设计图单位:
像素72dpi。
在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。
2)界面基本组成元素
iPhone的app界面一般由四个元素组成,分别是:
状态栏(statusbar)、导航栏(navigation)、主菜单栏(submenu)、内容区域(content)。
这里取用640*960的尺寸设计。
状态栏(statusbar):
就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:
40px;
导航栏(navigation):
显示当前界面的名称,包含相应的功能或者页面间的跳转按钮,其高度为:
88px;
主菜单栏(submenu,tab):
类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:
98px;
内容区域(content):
展示应用提供的相应内容,整个应用中布局变更最为频繁,其高度为:
734px。
3)字体大小
iPhone上的字体英文为:
HelveticaNeue。
中文Mac下用的是黑体,Win下则为华文黑体(最新字体称为黑体-简)。
下图是XX用户体验做过的一个小调查,可以看出用户可接受的文字大小。
ANDROID篇
1)尺寸及分辨率
Android界面尺寸:
480*800、720*1280、1080*1920
Android比iPhone的寸尺多了很多套,建议取用720*1280这个尺寸,这个尺寸720*1280中显示完美,在1080*1920中看起来比较清晰,切图后的图片文件大小也适中,应用的内存消耗也不会过高。
2)界面基本组成元素
Android的app界面和iPhone的基本相同:
状态栏、导航栏、主菜单、内容区域。
Android中我们取用的720*1280的尺寸设计。
状态栏高度为:
50px
导航栏高度为:
96px
主菜单栏高度为:
96px
内容区域高度为:
1038px(1280-50-96-96=1038)
Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也是和菜单栏一样的:
96px;Android为了在界面上区别于iOS,Android4.0开始提出的一套HOLO的UI风格一些app的最新版本都采用了这一风格,这一风格最明显的变化就是将下方的主菜单移到了导航栏下面,这样的方式解决了现在很多手机去除实体键后再屏幕中显示而出现的双底栏的尴尬情景。
3)字体大小
Android上的字体为:
Droidsansfallback,是谷歌自己的字体,与微软雅黑很像。
XX用户体验的调查中,可以看出用户可接受的文字相应问题。
(二)子任务2:
熟悉手机UI的制作流程。
(三)子任务3:
制作一个简单的主题界面,可以是APP的首页,或者是其他主题界面。
下图是音乐播放界面,供同学们参考。
(四)子任务4:
完成问卷调查分析报告书。
这项任务需要花费同学们比较多的时间,但是这个阶段在整个APPUI设计过程中是非常重要的。
各位同学根据自己想做的APP主题,模拟客户需求,针对客户的意愿,为客户进行市场调研,可以用问卷调查或者上网搜索数据的方式完成此次作业。
通过收集的问卷数据,分析使用用户的具体需求,完成问卷调查分析报告书。
(这项工作可以帮助对于确定APP的功能结构)。
提供装修消费心里问卷调查分析报告书供同学们参考。
装修消费心理问卷调查分析报告书
抽样消费者的人口特征分析:
我们调查的年龄阶段主要在15-25岁,女性占57%,男性占43%。
学生占25%,专业技术人员占5%,个体户占40%,其他占30%。
个人月收入大多都在1000-5000元,少数在5000元以上,基本来自上海本地。
根据消费者装修的消费各项满意度作出本问卷的关联分析,具体情况如下:
一、您理想中的装饰风格是什么?
根据问卷调查的结果,得出结果是%77.78%的消费者在装修时偏向喜欢简约时尚的专修风格,认为房间的装修,要简单,担又不失去现代时尚的风格,给人焕然一新的感觉,看上去也很有品位,而且配合起简单的装修,给人的感觉会很清爽,这只是视觉上的效果,简约的风格,还有就是,在生中,他很好打理,越简单的东西越好打理。
综上分析结果得出:
在各种装修风格种,哪种装修风格更受到大家的关注呢?
时尚简约、实用、田园风格,这四种风格分别名列前三,可以推出大家对于时尚简约风格认知程度深刻,以及目前消费者对田园风格的钟爱;大家在千变万化的装修风格中也不会忘记一定要实用。
二、喜欢什么类型的空间?
?
数据显示分析100位被调查者中有57位选择宽敞占总人数的57%,35位选择造型多变占总人数的52%,11位选择紧凑占总人数的11%,25位选择流动性占总人数的25%.
综上分析结果得出:
宽敞的空间以其夏天没那么热,又不会因为拉上窗帘而使房间变暗等特性抢占绝大部分消费者的眼光,造型多变与流动性的空间则分别以52%、25%的优势位居第二、第三。
三、目前您对自己家的室内环境满意吗
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- AppsUI 设计 指导书
![提示](https://static.bdocx.com/images/bang_tan.gif)