上海岳城教育
咨询热线 15800837182
课程详情 机构简介 机构地址 预约试听
关键词：ui设计 ui培训 上海ui培训
| UI设计课程大纲 | |||||
| 阶段 | 课程目标 | 模块 | 课程内容 | 案例 | |
|
第一阶段 视觉设计基础 10天 |
学员对行业和课程了解，养成良好的学习方法和习惯；同时采用简笔画，分组讨论等方式培养入学学员的创意策划思维和艺术修养水平；并使用相关设计软件表现出来，为后继阶段学习打下基础。 |
设计理论 （5天） |
素描关系 | 素描与光影绘制训练训练 课程通过绘制几何形体，理解光照射物体时明暗变化的层次关系“素描五大调子”：亮面、灰面、暗面、交界线和反光。提高空间表现能力，光照射物体时的明暗变化以及层次关系等重要知识 |
|
| 色彩原理及搭配 | 光色和色料的色谱是有区别的，如光的三原色是红光、绿光和蓝光，而色料的三原色是红色、黄色和蓝色。软件使用时，比如Photoshop的色彩体系是RGB模型，所以我们在色彩部分会和大家分享颜色的基本原理。色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系，色彩的装饰美感及色彩的表现方法。 |
|
|||
| 设计构图原理 | 平面构图的形势美法则，构图的基本原理与形式，点线面的结合. |
|
|||
| 三大构成 | 平面构成、色彩构成与立体构成，是现代艺术设计基础的重要组成部分。通过学习三大构成，掌握二维空间构图能力、三维空间构图能力和色彩运用的 基本方法。具备将各种设计素材按照美学原则重新组合创造的能力。 |
|
|||
|
软件基础 （5天） |
Photoshop | Photoshop软件的界面构成与计算机图像设计的基本知识，各种图像处理工具的使用。 |
|
||
| Illustrator | 了解Illustrator矢量图形绘制软件的界面与工具；矢量图形绘制的技巧 |
|
|||
|
第二阶段 GUI+电商 20天 |
学习平面软件Photoshop、Illustrator、CorelDraw Indesign的绘图技法，以及企业流程和行业标准；设计出符合企业要求的各种商业应用设计。 |
商业设计应用Photoshop Illustrator CorelDraw （备选） Indesign （备选） |
型录设计 |
招贴设计 折页设计 画册设计 杂志设计 |
|
| VI设计（企业形象识别系统建设流程） |
基本要素系统：标志设计、标准字、标准色字、标志和标准字的组合； 应用系统：办公用品：信封、信纸、便笺、名片、徽章、工作证、请柬、文件夹、介绍信、帐票、备忘录、资料袋、公文表格；企业内部各部门标识牌、常用标识牌、楼层标识牌、企业形象牌、旗帜、广告牌、POP广告、货架标牌、员工制服等。 |
|
|||
| 包装设计 |
书籍装帧 产品包装设计 |
|
|||
| 平面设计后期印刷 | 海报、书籍、折页、易拉宝、包装等平面设计，印刷种类、纸张开度、印刷色彩、印前设计、制版印刷和印后加工。 |
|
|||
| 淘宝网店设计 |
网店产品修图 网店广告（Banner）设计 |
|
|||
| 商业案例综合实训 |
了解企业用户的设计需求；理解如产品特点、行业定位、企业特性的分析方法；掌握视觉实现的技术与流程规范。 完整的商业设计，如：书籍，名片，DM单、字体设计、版式布局、商业Banner设计、Logo设计、创建企业VIS识别系统等。 |
|
|||
| 可从事职业： | 平面设计师/广告设计师 |
|
|
||
|
第三阶段 WUI+H5动画 10天 |
通过学习不同类型和风格的网站页面设计，让学员掌握WEB端整体设计流程，项目制作标准规范并用设计软件实现；同时深入学习WEB端的交互设计理念，学员能够抓住用户的需求；并通过HTML,CSS, JS,JQ等代码语言实现；完全达到企业要求标准。 |
软件基础 | Dreamweaver | 建立站点、添加页面元素、使用CSS样式及交互行为。 |
|
| H5动画 | 移动端的动画制做原理与技巧，典型WUI商业广告中的GIF技术与实现。 | ||||
| 主流网页界面设计 | 网站建设流程及规范 | Web界面设计的流程、布局原则、色彩与用户心理的运用、手机移动网站的兼容性， Web标准设计规范及风格；重点了解移动端Web界面设计的设计技巧. | |||
| 多风格类型界面设计 | 讲解色彩与构图的基本概念，掌握各种企业类网站的网页特点认知，前沿企业Web界面、知名门户Web界面、专题活动界面的分析与设计。 | ||||
| 网站宣传品设计 | 网站常用宣传品设计：Banner广告、Banner美术字设计、Banner特效美术字设计 | ||||
| 电商专题/产品界面设计 |
Web专题界面设计特点与基本原则，结合淘宝中宝贝详情页与活动页（双十一活动）的专题设计，讲解Web专题界面设计特点，并了解SEO的基本原则与方法。 结合淘宝的推广宣传方式——直通车，讲解在电商中涉及的用户心理学、市场营销等基本运用方法。 |
||||
| 网页Banner广告设计 |
网络广告设计标准与实现：讲解动态banner的设计标准， 学习Flash中的动画制作原理与技巧，典型WUI商业广告中的Flash技术与实现 |
||||
|
|
网页样式与布局设计 |
对网页结构进行认知，了解切片与网页结构间的逻辑关系，学习符合W3C标准的HTML网页框架制作技术，包括结构标签、表格、表单等，学习网页样式表现方法，使用CSS对网页进行细节美化。 布局技巧与浏览器兼容：了解特殊布局的实现技巧，了解浏览器基本发展状况，对各浏览器的解析特点进行认知，响应式设计的基本概念 |
|||
|
|
Web整站设计 | 结合实训项目学习企业网站的原型设计、网页项目提案解决方案、Web端切图规范 | |||
|
|
项目实训 | 企业网站，电商网站代练与实训 | |||
| 可从事职业： | 网页设计师 淘宝美工 |
|
|||
|
第四阶段 移动端交互设计 22天 |
掌握不同风格，不同平台的移动端设计能力和项目制作规范，达到移动平台的商业设计要求，具备完成整个的项目的执行能力。同时深入掌握移动端交互设计；掌ios,Android等平台的跨平台的设计，掌握UI设计师在商业项目中必备的技能。 | 图标及界面设计 | 产品设计流程及规范 |
产品设计流程及规范 苹果操作系统（0S）的使用 Sktech软件项目实战 |
|
| 移动平台图标设计 |
ICON设计基本流程与设计规范的概念性讲解，掌握当今世界最系统的UI界面图标设计技能，重点了解各种风格的设计方法通过各种风格设计方法训练，快速掌握不同图标设计特征和效果实现。讲解色彩基本概念，并结合不同风格类型的icon进行案例分析及代练，重点学习写实风图标的设计。剪影图标、扁平化图标、2.5D图标、拟物化图标、3D图标 1、剪影图标实训； 2、扁平图标实训； 3、拟真图标实训； 5、卡通、复古、手工、印章，做旧等图标风格实训。 |
||||
| 可穿戴设备设计 | 随着苹果Watch的发布，可穿戴设备越来越被用户所接纳，而运行在这些设备上的APP设计需求也越来越多，课程将详细讲授各种主流设备的设计规则与特点。 | ||||
| 交互设计Axure、Viso、墨刀、Flinto | UI交互原型设计 | 运用交互软件让学员更多以及更便捷的理解交互原理。 | |||
| 交互原型图 | 学习Axure高保真网站原型制作，掌握Axure RP软件，通过项目学习和掌握交互设计的原理，不同平台交互特点，了解用户心理。 | ||||
| 拓扑图（信息架构图） | 掌握竞品分析的步骤与方法，并灵活运用X-mind制作信息框架图 | ||||
| 动效设计 | After Effects应用 | 通过AE实现UI交互过程中的动态效果的设计，使AE动效能够更好的对于UI设计进行表达。 | |||
| 动效提案设计 | 重点学习AfterEffects在实现动效设计中的技法，在动效中表达交互想法，为后续交互设计提案呈现提供保障 | ||||
| 项目实训 | 项目实训 | 图标设计 MIUI及华为主题设计大赛图标设计实训。社交类APP界面设计，工具类APP界面设计（含交互原型图），企业型产品项目设计 | |||
| 可从事职业： | UI设计师/交互设计师/穿戴设备UI设计师 |
|
|||
|
第五阶段 Web前端 20天 |
1掌握基于WEB标准的网站结构搭建、WEB界面外观美化和主流浏0览器兼容性 2熟练掌握网页制作的核心技术html5+css3+javascript,并可以开发pc端以及手机端网页。 3熟练掌握网页制作的常用开发工具、配置管理工具。 4了解网页优化、SEO、SEM。 |
3D界面设计 | C4D | 增强三维空间感，透视、视觉冲击和逼真的渲染效果，使其更加体现界面的质感 |
|
| Web前端开发 | 网页开发基础HTML+CSS | 学习HTML语法与常用标签的详解，包括布局标签，表格标签，表单标签等。以及CSS语法与常用属性的详解，使用CSS对网站中各个模块进行修饰美化。 | |||
| JavaScript编程语言 | 掌握JS脚本的基本语法规则，了解DOM模型对象的调用方法，通过实战掌握JS各种特效的基本使用方法。熟练掌握jquery的使用方法，以及jquery插件的使用方法。 | ||||
| 项目实训 | 网页开发高级 |
1、html5的新规范，包含语义化标签、表单扩展、离线存储、canvas编程。 2、css3的新规范，包含动画、2d与3d转换，媒体查询，响应式布局的基本原理。 |
|||
| 项目实训 | 中小型企业网站项目、电子商务网站项目、PC客户端软件界面设计 | ||||
| 可从事职业 | WEB前端设计师 H5设计师 |
|
|||
|
第六阶段 就业环节 |
就业准备3-5天 | 互联网行业标准和面试技巧 |
面试技巧、简历制作、模拟面试、面试题辅导、行业讲座 |
||
上海岳城教育科技有限公司专注于IT教育培训,开设有Java、大数据、软件测试、Android、iOS、PHP、嵌入式、C++、C#、产品经理、Linux云计算、Web前端、VR、游戏开发等课程体系。
学校名称：上海岳城教育
固定电话：15800837182
授课地址：上海市长宁区江苏北路89号新亚商务大厦6楼 免费参观
