UI设计课程分为6大阶段20大模块课程,每个阶段都有实力案例和项目结合,从简单到专业一步一步带领学生走进UI设计的世界,帮助学生顺利走上UI首席设计师的道路!
课程一阶段UI手绘【15天】
■学习内容:UI手绘
■学习目标:掌握绘画设计透视(一点、两点、三点、散点、圆等透视)实例解析斐波那契螺旋构图在UI设计中应用。
■完成目标:自画像画法练习,综合彩色手绘创作练习。
课程二阶段ps基础知识【5天】
■学习内容:ps和AI的学习
■学习目标:熟悉企业流程和行业标准;能够符合企业要求,胜任平面设计岗位的*;有产品思维,有良好的沟通和。
■完成目标:采用海报,书籍封面,DM,字体设计,logo设计等项目商业实战,掌握商业项目制作流程和规范。
课程三阶段App设计【5天】
■学习内容:思维导图,axure,app设计
■学习目标:整套企业站效果图制作,APP设计流程,交互设计基础,app思维导图的制作IOS和安卓APP设计规范。
■完成目标:网站专题页(中国风)网站专题页(电商)完整APP原型图设计。
课程四阶段app动效【15天】
■学习内容:app动效
■学习目标:动效设计理论知识,AE基础知识,基础动画。根据原型图,设计APP效果图,切图和标注图类型的HTTP请求体格式掌握JavaWEB中MVC轨道蒙版,路径,运动速率的控制。
■完成目标:使用AE制作app动效。
课程五阶段html、css学习【30天】
■学习内容:html、css学习
■学习目标:熟练掌握html路径,图片,超链接,html表格css控制文字,css控制背景,css定位css3代码补充详解。
■完成目标:利用css网站布局,html+css制作企业站。
课程六阶段js及bootstrap学习【15天】
■学习内容:js及bootstrap学习
■学习目标:jQ对DOM元素和css属性的控制,数组,json,日期对象,定时器,对象的运动。bootstrap框架的使用。
■完成目标:制作完整的企业站及中软国际大型企业项目制作。
1.UI设计概述及学前指导 | 2.UI色彩手绘概述及应用 | 3.思维导图概述(xmind) | 4.PS基本知识讲解 | 5.AI的基础知识 |
1、UI设计概述及学前指导; 2、结构素描造型临摹练习; 3、明暗素描光影临摹练习; 4、UI手绘透视临摹练习; 5、头脑风暴创作练习; |
1、UI色彩手绘概述及应用; 2、彩铅知识及使用; 3、彩铅手绘技法; 4、色彩心理、色彩重构与采集; 5、综合彩色手绘创作练习; 6、自画像概述、示范、练习; 7、自画像画法练习、整理手绘稿; |
1、思维导图概述(xmind); 2、创意设计项目制作流程讲解; 3、思维导图; |
1 、PS基本知识讲解; 2 、PS提取手绘线稿讲解、练习; 3 、PS提取线稿上色; 4 、PS钢笔工具; 6 、PS滤镜; 7 、gif动画的制作; |
1、AI的基础知识; 2、钢笔工具和渐变; 3、路径的修改; 4、路径文字; 5、混合,描摹; 6、效果菜单,渐变网格; 7、符号和画笔; |
6.GUI概述,网站设计规范 | 7.企业站效果图制作 | 8.移动端设计 | 9.APP设计流程 | 10.APP原型图设计 |
1、GUI概述; 2、网站设计规范; 3、banner设计; |
1、企业站效果图分析; 2、网站专题页(中国风); 3、网站专题页(电商); 4、企业站效果设计制作; |
1、图标设计基础; 2、轻拟物化图标设计; 3、水滴和塑料质感表现; 4、朋克图标; 5、整套图标设计; 6、APP设计理论; |
1 、APP设计流程; 2 、交互设计基础; 3 、app思维导图的制作; 4 、IOS和安卓APP设计规范; 4 、Axure原型图设计; 6 、动态面板和交互的学习; |
1 、APP原型图; 2 、设计APP效果图; 3 、APP效果图分析; 4 、APP效果图设计; 4 、APP效果图切图; 6 、APP效果标注图; |
11.动效设计 | 12.app 动效 | 13.css基础 | 14.html+css制作企业站 | 15.js知识 |
1、动效设计理论知识; 2、AE基础知识; 3、基础动画; 4、轨道蒙版; 5、运动速率的控制; 6、路径动画和文字动画; |
1 、html基础; 2 、hbuilder用法简介; 3 、html路径; 4 、html超链接; 5 、html表格; |
1、css基础; 2、css选择器; 3、css布局类代码; 4、css网站布局练习; |
1、css控制文字 2、css控制背景 3、css定位 4、css3代码补充详解 5、html+css制作企业站; |
1、js的基本语法 2、数据类型 3、js中数据的运算 4、js中的选择器 5、if,for,for in,while |
16.jq知识 | 17.网页特效 | 18.bootstrap | 19.UI项目实训 | 20.中软项目实训 |
1、jq基础知识; 2、jq选择器; 3、DOM元素; 4、css属性控制; 5、jQ事件 6、JQ动画 7、队列动画 |
1、jQuery滑动幻灯; 2、jquery画廊; 3、jquery图片特效; 4、CSS3特效; 5、jquery动画特效; 6、3D动态切换效果; |
1、bootstrap平台搭建 2、bootstrap工具 3、bootstrap插件 4、bootstrap网站制作 |
1、团队组建; 2、了解项目需求 3、编写《需求说明书》; |
1、了解项目需求; 2、编写《需求说明书》 4、中软项目设计; 5、中软项目制作 6、中软项目上线 |