返回
|
上海专业手机游戏UI设计培训 UI设计课程大纲
|
|||||
|
阶段 |
课程目标 |
模块 |
课程内容 |
案例 |
|
|
第一阶段 |
学员对行业和课程了解，养成良好的学习方法和习惯；同时采用简笔画，分组讨论等方式培养入学学员的创意策划思维和艺术修养水平；并使用相关设计软件表现出来，为后继阶段学习打下基础。 |
设计理论 |
素描关系 |
素描与光影绘制训练训练 课程通过绘制几何形体，理解光照射物体时明暗变化的层次关系“素描五大调子”：亮面、灰面、暗面、交界线和反光。提高空间表现能力，光照射物体时的明暗变化以及层次关系等重要知识 |
|
|
色彩原理及搭配 |
光色和色料的色谱是有区别的，如光的三原色是红光、绿光和蓝光，而色料的三原色是红色、黄色和蓝色。软件使用时，比如Photoshop的色彩体系是RGB模型，所以我们在色彩部分会和大家分享颜色的基本原理。色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法。 |
|
|||
|
设计构图原理 |
平面构图的形势美法则，构图的基本原理与形式，点线面的结合. |
|
|||
|
三大构成 |
平面构成、色彩构成与立体构成，是现代艺术设计基础的重要组成部分。通过学习三大构成，掌握二维空间构图能力、三维空间构图能力和色彩运用的 基本方法。具备将各种设计素材按照美学原则重新组合创造的能力。 |
|
|||
|
软件基础 |
Photoshop |
Photoshop软件的界面构成与计算机图像设计的基本知识，各种图像处理工具的使用。 |
|
||
|
Illustrator |
了解Illustrator矢量图形绘制软件的界面与工具；矢量图形绘制的技巧 |
|
|||
|
第二阶段 GUI+电商 |
学习平面软件Photoshop、Illustrator、CorelDraw |
商业设计应用Photoshop |
型录设计 |
招贴设计 |
|
|
VI设计（企业形象识别系统建设流程） |
基本要素系统：标志设计、标准字、标准色字、标志和标准字的组合； |
|
|||
|
包装设计 |
书籍装帧 |
|
|||
|
平面设计后期印刷 |
海报、书籍、折页、易拉宝、包装等平面设计，印刷种类、纸张开度、印刷色彩、印前设计、制版印刷和印后加工。 |
|
|||
|
淘宝网店设计 |
网店产品修图 |
|
|||
|
商业案例综合实训 |
了解企业用户的设计需求；理解如产品特点、行业定位、企业特性的分析方法；掌握视觉实现的技术与流程规范。 |
|
|||
|
可从事职业： |
平面设计师/广告设计师 |
|
|
||
|
第三阶段 WUI+H5动画 |
通过学习不同类型和风格的网站页面设计，让学员掌握WEB端整体设计流程，项目制作标准规范并用设计软件实现；同时深入学习WEB端的交互设计理念，学员能够抓住用户的需求；并通过HTML,CSS, |
软件基础 |
Dreamweaver |
建立站点、添加页面元素、使用CSS样式及交互行为。 |
|
|
H5动画 |
移动端的动画制做原理与技巧，典型WUI商业广告中的GIF技术与实现。 |
||||
|
主流网页界面设计 |
网站建设流程及规范 |
Web界面设计的流程、布局原则、色彩与用户心理的运用、手机移动网站的兼容性， Web标准设计规范及风格；重点了解移动端Web界面设计的设计技巧. |
|||
|
多风格类型界面设计 |
讲解色彩与构图的基本概念，掌握各种企业类网站的网页特点认知，前沿企业Web界面、知名门户Web界面、专题活动界面的分析与设计。 |
||||
|
网站宣传品设计 |
网站常用宣传品设计：Banner广告、Banner美术字设计、Banner特效美术字设计 |
||||
|
电商专题/产品界面设计 |
Web专题界面设计特点与基本原则，结合淘宝中宝贝详情页与活动页（双十一活动）的专题设计，讲解Web专题界面设计特点，并了解SEO的基本原则与方法。 |
||||
|
网页Banner广告设计 |
网络广告设计标准与实现：讲解动态banner的设计标准， |
||||
|
|
网页样式与布局设计 |
对网页结构进行认知，了解切片与网页结构间的逻辑关系，学习符合W3C标准的HTML网页框架制作技术，包括结构标签、表格、表单等，学习网页样式表现方法，使用CSS对网页进行细节美化。 |
|||
|
|
Web整站设计 |
结合实训项目学习企业网站的原型设计、网页项目提案解决方案、Web端切图规范 |
|||
|
|
项目实训 |
企业网站，电商网站代练与实训 |
|||
|
可从事职业： |
网页设计师 淘宝美工 |
|
|||
|
第四阶段 移动端交互设计 |
掌握不同风格，不同平台的移动端设计能力和项目制作规范，达到移动平台的商业设计要求，具备完成整个的项目的执行能力。同时深入掌握移动端交互设计；掌ios,Android等平台的跨平台的设计，掌握UI设计师在商业项目中必备的技能。 |
图标及界面设计 |
产品设计流程及规范 |
产品设计流程及规范 |
|
|
移动平台图标设计 |
ICON设计基本流程与设计规范的概念性讲解，掌握当今世界最系统的UI界面图标设计技能，重点了解各种风格的设计方法通过各种风格设计方法训练，快速掌握不同图标设计特征和效果实现。讲解色彩基本概念，并结合不同风格类型的icon进行案例分析及代练，重点学习写实风图标的设计。剪影图标、扁平化图标、2.5D图标、拟物化图标、3D图标 |
||||
|
可穿戴设备设计 |
随着苹果Watch的发布，可穿戴设备越来越被用户所接纳，而运行在这些设备上的APP设计需求也越来越多，课程将详细讲授各种主流设备的设计规则与特点。 |
||||
|
交互设计Axure、Viso、墨刀、Flinto |
UI交互原型设计 |
运用交互软件让学员更多以及更便捷的理解交互原理。 |
|||
|
交互原型图 |
学习Axure高保真网站原型制作，掌握Axure RP软件，通过项目学习和掌握交互设计的原理，不同平台交互特点，了解用户心理。 |
||||
|
拓扑图（信息架构图） |
掌握竞品分析的步骤与方法，并灵活运用X-mind制作信息框架图 |
||||
|
动效设计 |
After Effects应用 |
通过AE实现UI交互过程中的动态效果的设计，使AE动效能够更好的对于UI设计进行表达。 |
|||
|
动效提案设计 |
重点学习AfterEffects在实现动效设计中的技法，在动效中表达交互想法，为后续交互设计提案呈现提供保障 |
||||
|
项目实训 |
项目实训 |
图标设计 MIUI及华为主题设计大赛图标设计实训。社交类APP界面设计，工具类APP界面设计（含交互原型图），企业型产品项目设计 |
|||
|
可从事职业： |
UI设计师/交互设计师/穿戴设备UI设计师 |
|
|||
|
第五阶段 Web前端 |
1掌握基于WEB标准的网站结构搭建、WEB界面外观美化和主流浏0览器兼容性 |
3D界面设计 |
C4D |
增强三维空间感，透视、视觉冲击和逼真的渲染效果，使其更加体现界面的质感 |
|
|
Web前端开发 |
网页开发基础HTML+CSS |
学习HTML语法与常用标签的详解，包括布局标签，表格标签，表单标签等。以及CSS语法与常用属性的详解，使用CSS对网站中各个模块进行修饰美化。 |
|||
|
JavaScript编程语言 |
掌握JS脚本的基本语法规则，了解DOM模型对象的调用方法，通过实战掌握JS各种特效的基本使用方法。熟练掌握jquery的使用方法，以及jquery插件的使用方法。 |
||||
|
项目实训 |
网页开发高级 |
1、html5的新规范，包含语义化标签、表单扩展、离线存储、canvas编程。 |
|||
|
|
项目实训 |
中小型企业网站项目、电子商务网站项目、PC客户端软件界面设计 |
|||
|
可从事职业 |
WEB前端设计师 H5设计师 |
|
|||
|
第六阶段 |
就业准备3-5天 |
互联网行业标准和面试技巧 |
面试技巧、简历制作、模拟面试、面试题辅导、行业讲座 |
||
