文档介绍：幼儿教育软件界面美工设计
总体要求
本软件面向7岁以下幼儿及其家长使用,软件界面在高清电视机上显示使用,所以颜色、大小、布局要考虑最适合在电视机上观看使用,整体风格应能吸引幼儿(但也不需要再花哨刺眼,偏向于清新、活泼、淡雅);
原始图片为矢量图片(例如:AI或者CorelDRAW),并按1280(宽)×720(高)像素的屏幕尺寸将原始矢量图导出为PNG格式的图片(控件边框图形最好为ANDROID需要的9-pitch格式,后缀为“*.”,以保证缩放不会失真);
动画应能演示出实际效果(例如伸大拇指夸赞、嚎啕大哭、拥抱、爆炸等);
处于焦点的控件会有状态的变化(如高亮、变大、变色、变图、加轮廓线等)
焦点控件一般都要具有两态(普通、聚焦),有些有三态(外加无效态,一般为灰度图);
对于图片需要标明尺寸大小(像素),如果有必要,还需要标明位置坐标(相对于屏幕左上角,向右为X轴正方向,向下为Y轴正方向)
风格一致,各个界面对应位置(如果存在)的坐标和尺寸应一致;
草图中红色部分可考虑不要;蓝色背景文字一般为矢量图片字体;
设计草图可讨论修改,以便更加贴合幼儿软件的特点和电视机显示与操控的需求;
要求后期根据需要可做少量修改调整;
如果还能给出用ANDROID的Style和Animation文件设计出的样式和动画则最佳;
界面和动画风格可参考如下(来自/,但要求自己重新创作):
知识产权说明
1、 所设计的作品为原创,为第一次发布。未侵犯他人的著作权。如有侵犯他人著作权,由设计者承担所有法律责任。
2、 中标的设计作品,我方支付设计制作费。即拥有该作品的知识产权,包括著作权、使用权和发布权等,并有权对设计作品进行修改、组合和应用,设计者不得再向其他任何地方使用该设计作品。
识图学习界面要求
大致工作统计
按初步的构思界面工作大致如下,具体内容经讨论后可做调整。
界面统计:
总共14个界面
通用部分:
小朋友图标:1
控件背景:
文字大小及颜色:
通用确认对话框设计:
通用帮助对话框设计:
非通用部分:
屏幕背景图片:可根据情况最少设计4张(首页、浏览、学习、测验各1张)
文字图片:7
动画效果:4
小型图标:7(有两种状态)
图片按钮:4(有两种状态)
对比直方图:1
进度条:1
幼儿识图封面
包含元素:
软件标志(“小朋友”)、标题图片(“幼儿识图”)、封面主题背景图、4个按钮选项
界面构思:
焦点:
4个按钮选项(默认焦点在“浏览”上)
按键:
巡航键:在各个焦点之间移动;
“浏览”按钮:
确认键:进入类别选择界面;
“学习”按钮:
确认键:进入“学录”按钮:
确认键:进入“学录”界面;
“关于”按钮:
确认键:进入“关于”界面;
返回键:关闭当前界面(即关闭软件);
数字“0”:弹出当前可进行操作的帮助信息提示(通用设计)
鼠标:
点击“浏览”按钮:进入类别选择界面;
点击“学习”按钮:进入“学录”按钮:进入“学录”界面;
点击“关于”按钮:进入“关于”界面;
图片工作:
小朋友图标(通用):有普通和选中两种状态;
封面背景:不包括文字部分,要有吸引力,适合学龄前儿童;
幼儿识图艺术字:“幼儿识图”为艺术字图片,且是独立图片;
按钮背景:可做成非方形按钮,要与整个界面搭配;
浏览-类别选择
包含元素:
软件标志(“小朋友”)、标题图片(“分类浏览”)、翻页图标(可不要)、返回图标、各个图片组类别选项(包括缩略图标、名称、数量)
界面构思:
焦点:
标题图片(默认)、小朋友图标(鼠标)、左右箭头(鼠标)、各个图片组类别选项;
按键:
巡航键:在图片类别组之间上下左右移动(获得焦点的图标名称系统会在1秒之后自动语音读出来),当即将移出上下边界时,切换到下一页内容;
PGUP/PGDN:在图片组页面之间切换(不一定有该键、作为冗余设计,下同);
标题图片:
确认键:进入课程列表界面;
图片组类别选项:
确认键:选择一个图片组并进入浏览;
返回键:关闭当前界面,回到前一个界面;
数字“0”:弹出当前可进行操作的帮助信息提示(通用设计)
鼠标:
点击小朋友图标(或鼠标右键):关闭当前界面,回到前一个界面;
点击左右箭头:图片组页面之间切换;
点击图片组类别选项:选择一个图片组并进入浏览;
图片工作:
小朋友图标(通用):有普通和选中两种状态;
界面背景(通用):不包括文字部分;
分类浏览艺术字:“分类浏览”为艺术字图片,且是独立图片;
图片组列表框:其中同时可显示两行图标,其边沿部分有修饰,内部有背景设计