安卓AppsUI设计实训指导书word.docx
- 文档编号:17080143
- 上传时间:2023-07-21
- 格式:DOCX
- 页数:37
- 大小:2.17MB
安卓AppsUI设计实训指导书word.docx
《安卓AppsUI设计实训指导书word.docx》由会员分享,可在线阅读,更多相关《安卓AppsUI设计实训指导书word.docx(37页珍藏版)》请在冰点文库上搜索。
安卓AppsUI设计实训指导书word
《安卓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%的优势位居第二、第三。
三、目前您对自己家的室内环境满意吗?
数据显示分析100位被调查者中有33个对自己家里的装修基本满意,13个对自己家里的装修非常满意,13个不太满意自己家里的装修,12个不满意自己家里的装修。
综上分析结果得出:
大部分人对自己家里的装修的是基本满意的,由于古老的方式人们看得有点厌烦,想要改变装修风格的也占了不少的一部分。
四、了解装修的渠道?
数据显示分析100位被调查者中有31位选择广告宣传占总人数的31%,同样有38位选择亲朋介绍占总人数的38%,有39位选择自己调查对比占总人数的39%,21位选择参加展会活动占总人数的21%,34位选择去装修公司了解占总人数的34%。
综上分析结果得出:
对于目前调查来看买装修自己调查对比是大家的首要选择,自然装修自己调查对比也就是让消费者了解装修渠道的首要途径了,综合为25岁以下年龄段的青年消费者。
对于广告宣传和亲朋介绍这两个渠道,先进的广告宣传给大家带来了生活上的方便,这方面主要表现在35岁以下的年轻人身上,朋友的推荐亦是其主要途径之一。
公交车广告做为后来者,穿梭在生活中的每时每刻,发展潜力相当大。
五、您觉得风水在家庭装修中是否重要?
数据显示分析100位被调查者中有30位认为很重要占总人数的30%,15位认为一般占总人数的15%,11位认为无所谓占总人数的11%,9位认为不重要占总人数的9%。
综上分析结果得出:
风水是调节人的思维清析,安神养性,保持和谐的精神状态一种方法,有些人认为风水是迷信,所以不太相信风水。
大多数的人都会比较注重风水这一方面。
六、您希望自己的家是什么样的呢?
数据显示分析100位被调查者中有37位选择“浪漫式的”占总人数的37%,49位选择“怀旧式的”占总人数的49%,48位选择“个性式的”占总人数的48%,“华丽式的”则以占总人数20%的劣势收尾。
综上分析结果得出:
生活质量的提高直接改变大家的消费观念,给自家营造浪漫的气氛,使自家变得温馨,赋有诗意让时下当仁不让的生活方式;怀旧式的客厅气氛足以看出现在人们还璞归真的自然心态,文化的沉淀让怀旧式的客厅深深熏陶着现代忙碌的人们,喜爱骤然而生。
个性式的客厅更是25岁—35岁年龄阶段年轻人的所倾慕的气氛。
七、装修的主要用途?
数据显示分析100位被调查者中有57位选择“住房重新装修”占总人数的95%,55位选择“新居装修”占总人数的92%,而相当特殊的一项则是“孝敬父母”也占到总人数的82%,37位选择“追求时尚”占总人数的62%。
综上分析结果得出:
住房的重新装修和新房装修还是消费者装修的首要条件与主要用途,可以鲜明的看出装修与房地产的关系相当的紧密,住房问题解决了,装修产业估计也随之繁荣起来。
百善孝为先,装修孝敬父母,合乎情理,此行为将被受推崇。
八、购买材料您会选择去?
数据显示分析100位被调查者中有37位选择大卖场占总人数的37%,46位选择网络平台占总人数的46%,选择路边的店铺占总人数的5%,选择展会促销占总人数的12%。
综上分析结果得出:
大卖场顾客来选择的机会多,卖家的机会就多,在竞争中生存货物比一般的好,网络平台里的东西可以选择的比较多,花样多。
而专卖店里的东西因为更专业买的更放心品质比较有保障。
少部分的人会选择在路边的店铺和展会促销的地方买材料,可能是买得不够放心如果有买的话也可能是由于价格比一般的低一点。
九、消费者选择装修的途径?
大型装修公司的占25%,适情况而定的占35%,网络直营的占40%。
综上分析结果得出:
从统计数据来看,人们对选择装修的的途径为网络的越来越多,由于最近新兴的各类网络的装修平台的兴起并且由于调查的多半为年轻人可以看出,网络的装修今后可能变成主流。
不过也有不少人提出网络装修的真实度和合理性还是有必要改进的,还要有上升的空间。
十、装修的价位?
数据显示分析100位被调查者中有27位选择“30000—60000”占总人数的27%,29位选择“60000—100000”占总人数29%。
综上分析结果得出:
生活质量的提高,价廉物美消费者更渴求,怎么让消费者满意,价格的比较很重要,不过原创设计的附加值是少不了的,自然价格也不菲。
十一、在家居装修中您认为哪个功能空间最重要?
数据显示分析100位被调查者中有31位选择玄关占总人数的31%,41位选择餐厅占总人数的41%。
61位选择客厅占总人数的61%。
57位选择卧室占总人数的57%。
30位选择书房占总人数的30%。
44位选择卫生间占总人数的44%。
综上分析结果得出:
家居装修的重点在客厅、卧室、卫生间这三个地方主要是因为一个人的家里要体现出装修的好坏客人一到主要是在客厅,有客人访问时难免会去趟卫生间,选择卧室的主要大概是因为卧室是自己的私密空间个人喜好住的舒服一点吧。
十二、您装修时材料最重视哪些因素?
?
数据显示分析100位被调查者中同样有30位选择是知名品牌的占总人数的30%,质量上乘也占到总人数的56%,款式流行时尚则仅仅占到27%,价格合理也占到总人数的45%,风格独特也占到总人数的38%。
综上分析结果得出:
看来大多数还是比较注重装修的质量和装修的价格合理,物美价廉就是各个消费者的心态吧,消费者的大部分心理是物美价廉而且又要有自己的个性。
追求一定的攀比喜欢知名品牌。
十三、逛品牌装修商场,最能吸引您眼球的是?
数据显示分析100位被调查者中有52位选择“门面新颖出彩的装修设计”占总人数的87%,50位选择“店内舒适宽敞的室内设计”占总人数的83%,而“无序的逛,不考虑这个因素”占总人数的3%。
综上分析结果得出:
出彩的店面装修和造型新颖的装修诚然是吸引顾客眼球的第一武器,要想掌握此锐器就得好好把握消费者这一购物特点,那么打好品牌的第一道槛就很容易迈过了。
十四、在自己关注的店内,什么决定您装修?
数据显示分析100位被调查者中有55位选择“装修的功能实用”占总人数92%,51位选择“装修的环保健康”占总人数的85%,46位选择“装修的售后服务”占总人数的76%,“推销员的态度”占到同样的比例。
综上分析结果得出:
功能实实在在好用就是关键,环保与健康也是现代社会人们追求的新目标,完善的售后让消费者牢记了这个品牌的。
也起了相当关键的是推销员的态度,一个企业的文化素养要把它深化到推销员的思维中,让完美的态度得到消费者的共同认可。
十五、消费者对家具产品购买注重的细节为?
比较注重品牌的占15%,非常注重质量材质的占40%,比较注重外观的占15%,比较注重服务的占10%,非常注重价格的占20%。
综上分析结果得出:
大部分的消费者在购买家具产品时比较注重产品的价格、质量,注重品牌和外观的的消费者占次要地位,由于收入上的差距,也就决定了在消费上的差距,所以在购买经济有限的能力下购买非常好的品牌相对来说占的比重不是很大,但是一般情况下质量和使用价值是大多数人选择购买的首要要求和条件。
十六、消费者在购买家具产品时主要的意见?
家人占35%,朋友,同事占20%,网络平台占35%,报刊杂志占10%。
综上分析结果得出:
有以上数据显示,一半以上的消费者对家具产品购买的意见大多数来自于自己的亲戚朋友或者是同事邻居,其中受报刊杂志的影响不是很大,没有购买经历的或者没有看法的基本上没有这样得人群存在。
家具自古以来是中国历史的一道重要标准,也体现了一个历史和一个民族的特色。
代表着一个民族博大精深的文化。
室内设计对家具这块一直在棘手中寻求突破。
根据数据显示,朋友和家人和同事的意见对购买者的意向非常明确与重要,所以设计好的适合大众化的家具凸显的很重要。
十七、您最喜欢的品牌装修广告的原因:
数据显示分析100位被调查者中有55位选择“广告创意新颖、独特”占总人数92%,51位选择“广告介绍的装修特色/功能吸引人”占总人数的85%,46位选择“广告给人感觉很亲切、温馨”占总人数的76%。
综上分析结果得出:
广告的设计在品牌装修的设计、生产与销售这些环节中是相当关键的,创意的新颖与独特让人印象深刻,这就有助于装修品牌在消费者心目中建立良好的形象,好的广告很有可能成就一个好的品牌推广度。
十八、您希望您的居室采用哪种色调?
数据显示分析100位被调查者中同样有53位选择暖色调占总人数的53%,18位选择冷色调占总人数18%,31位选择中性色调占总人数的31%。
综上分析结果得出:
暖色调更是目前消费追求家的温暖心态的爱好,相对冷色调是属于那种比较镇静、收缩、遥远的感觉,让人感到安静、沉稳、踏实。
十九、您对装饰材料有什么要求:
数据显示分析100位被调查者中有52位选择“工艺”与“环保,无毒健康”占总人数87%,48位选择“品牌”占总人数的80%,40位选择“价格”占总人数的67%。
综上分析结果得出:
品牌装修是好质量、好工艺、好服务的代名词,买品牌装修就是等于把放心买回家,购买品牌装修是消费者时下的良选;身份的体现恰恰不是消费者对购买品牌装修的初衷。
环保,无毒健康更是消费者崇尚的好装修健康理念。
二十、消费者对装修产品售后服务的相关做法:
要求与原装修公司协商的占65%,给有关部门投诉的占20%,不清楚的占5%,坏了也能凑合的占10%。
综上分析结果得出:
从统计数据来看,现在装修注重售后服务的占了大部分,懂得维护自己切身利益的人越来越多,说明现在人的维护权相对增加许多,装修公司的售后服务性工作进步了不少,市场次序有很大的发展空间。
(五)子任务5:
完成竞品分析,通过分析同类型APP产品的优缺点,确定自己要做的APP的功能结构和风格设计规范,并生成APPUI设计方案。
任务三设计手机APPLogo图标
一、学习目标
通过本任务单元的训练,在教师的指导下,学生应该能够:
1.根据要求搜集资料生成客户需求分析,确定图标的风格和配色方案;
2.根据客户的要求,对图标进行设计,画出草图;
3.和客户沟通后进行修改,最后用软件制作并优化。
二、任务描述
与客户交流,分析客户所要设计的APP的功能,风格与特点,对APP图标进行设计,使用Photoshop中自带的绘图工具、色彩填充工具、滤镜等工具,制作出精美的APP图标。
三、使用到的资料与工具
1.《Photoshop移动UI界面设计实用教程》;
2.《移动应用UI设计》;
3.《APPUI设计从入门到精通》
四、实训内容与要求
(一)子任务1:
在实训指导任务2中的子任务4和子任务5完成的基础上,与客户交流,分析客户所要设计的APP图标的风格与特点,对APP的LOGO进行创意和设计。
1.logo图标创意阶段
很多设计师的图标制作过程,基本都是偏向技法的介绍。
其实在图标设计过程中除了技法之外最重要的就是图标创意,但这方面的系统介绍网上倒是很少。
希望通过这次实训界面设计项目,同学们能对界面图标制作创意阶段的方法加深理解,并能尝试用丰富的图例来阐释自己的想法。
1)根据项目需求,确定图标的风格。
2)了解客户的功能需求后,进行创意准备。
收集关于“词语——图形”之间能转化的元素,用生活中的物或其他视觉产品来代替所要表达的功能信息、或操作提示。
例如音乐:
我们会想到,音符、光盘、音乐播放机、耳机等等。
但到底选择什么来表达呢?
原则上是越贴近用户的心理模型最好,用大家常见的视觉元素无来表达所要传达的信息。
隐喻是在图标设计中是必要的思维方法!
2.草图绘制阶段
这个阶段就是把我们的创意绘制出来,检验下视觉关系,也就是在视觉方面多在草图上推敲,这样效率高些,避免在渲染完后
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- AppsUI 设计 指导书 word