【课程简介】
目前大部分产品设计都十分注重用户体验,而用户体验这块主要由HTML5前端工程师实现。但是用户体验度对于HTML5前端开发人员有很高的要求,而UI设计主要就是做用户体验方面的,这就要求HTML5前端开发人员需要具备一定的UI设计基础,同样UI设计相关的从业人员也需要掌握一定的HTML5知识。
【课程内容】
节课
1,安装软件,认识软件。
2,认识什么是html,什么是h5
第二节课
1,认识html标签。以及标签属性。
2,span标签级属性
3,a标签及属性
4,img标签
5,p标签
6,div标签。
*作业,做一个html页面,图片,文字和超链接。
第三节课
1,ul,li,ol标签
2,form表单标签
3,select标签。
4,audio标签
第四节课
1,标签的分类
2,相对路径,路径。
3,标签的结构
*作业,做一个登陆页面。
第五节课
1,认识css。
2,Style属性。
3,Font样式
4,Height,width,line-height。
5,单位值
第六节课
1,background,
2,盒子模型。Margin,padding,border。
3,显示的属性,display,overflow,visibility,opacity。
*作业,做一个页面,图片,文字需要设置图片大小,和文字颜色。
第七节课
1,css分类
2,选择器,id,class,标签,:hover。:active。
3,Css优先级。
第八节课
1布局float,position布局。
2,Z-index属性。
4,小技巧,页面居中。
*作业,做一个页面,图片,文字3,个div,使用不同的布局方式。
第九节课
1,h5布局
第十节课
1,h5页面布局
*作业,h5个页面完成布局。
第十一节课
1,transform2d变形
2,animation动画
第十二节课
1,h5页面加动画。
*作业,动画,自少写出四种动画。
第十三节课
1,h5页面加动画
2,音乐播放。
第十四节课
1,音乐播放。
2,第二个页面
第十五节课
1,第二个页面,布局,及使用已经写好的动画效果。
第十六节课
1,第二个页面,布局,及使用已经写好的动画效果。
2,知识回顾
【教学环境】
【学校简介】
三维空间教育咨询湖北有限公司目前在全国各地拥有十二所分部,教学场地面积达到上万平米。现开设有:UI设计、游戏设计、室内设计、平面设计、工业造型、影视广告动画、建筑巡游动画、MYAY动画、程序开发等20多种门类课程
【学校优势】
公司创始人在高校教授设计软件多年,结合高校职业教育的模式及特点,同时根据自身多年办学经验,总结并完善了一套适合大学生设计软件培训的教育模式及步骤一“三步教学法”即“"以点带面反三实训巩固
【师资力量】
倪晓娟
曾担任上市公司设计组长,多款APP已上线,担任UI设计讲师2年,担任摄图网签约设计师。座右铭:艰难的时刻不会延续,坚强的人却会一直坚持!
项目经历:
1.宠物市场APP,2016年上线;
2.曾在上市公司担任设计组长
社区人APP,2016年上线;社区人VI等
3.蜘蛛通服APP,2018年上线
4.摄图网签约设计师,一年等其他项目。
授课经历:2016年开始授课,带过10个班级,学生作品,带学生参加站酷比赛,两组同学获得三等奖和奖
【就业前景】
现今随着计算机硬件的飞速发展,过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了,例如金山公司的影霸、词霸、毒霸、网标,由于重视UI的开发与地位,才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试,将易用与美观相结合,推出的双模式电脑、幸福系列等成功UI范例,为联想赢得全球消费PC第三的称号等等、等等.实践证明,各商家只要在产品美观和易用设计方面很小投入,将会有很大产出