UI设计课程

本课程专为对UI设计感兴趣的学员学习，贝纳设计*授课，导师拥有丰富的教学经验，通过专业的师资团队，系统全面的授课，根据课程模块，分别对学员进行针对性的训练，理论实操相结合，帮助学员有效掌握UI设计核心知识点，提升学员UI设计。下面是该课程的主要内容，一起来看看吧！

UI设计课程培训

一、设计美术：

1.基础.素描

课程简介:素描是一切造型艺术的基础,通过对几何形体和静物的绘制,掌握理解体积的构成原理、透视变化和光线在物体表面散布的一般规律。

教学重点:对物体的观察方法和表现方法,运用线条和明暗调子准确的表现对像形体、结构、比例、透视、明暗、空间等关系。

2.色彩，构成

课程简介:即色彩的相互作用,是从人对色彩的知觉和心理效果出发,用科学分析的方法,把复杂的色彩现象还原为基本要素,利用色彩在空间、量与质上的可变幻性,按照一定的规律去组合各构成之间的相互关系,再创造出新的色彩效果的过程。

教学重点:对颜色的调色方法和搭配表现,运用冷色调和暖色调准确的表现对像层次及空间等关系。

3.平面.构成

课程简介:平面构成是平面设计教学体系中最基本的训练内容，它主要是研究关于二维空间的设计造型、设计规律和设计方法。

教学重点:根据平面构成的基本原则和法则,在实践中感悟设计的形式美,培养新的审美趣味和设计意识。

4.图形.设计

课程简介:图形创意研究的是图形语言,主要学习图形的概念、创意图形的构成形式、图形创意的思维方法、图形的创作技巧以及图形的延展运用等。

教学重点:培养学生创作图形形象的能力,包括构思和表现两方面的能力。以及创造视觉语言形象的思维与表现能力。

二、软件运用：

1.Adobe Photoshop cs6

课程简介:由浅入深,通过典型实例,提高实用技巧,使学生能够在轻松的学习环境中掌握软件的主要功能。

教学重点:掌握photoshop基本操作界面、工具使用、滤镜及色彩管理等,使学生具有较强的实际动手能力,能从事平面创作及专业品质的照片润饰与制作。

2.Adobe illustrator CS6

课程简介:以基础入门,进而到软件的每一个工具使用方法的详细讲解,让学生喜欢上llustrator的灵活操作,实现从对软件的相对陌生到熟练运用软件的快速转变。

教学重点:通过讲解主要工具和命令的具体使用,并结合实用案例操作,使学生能够熟练掌握软件操作技巧。

三、美工设计阶段：

1.网页字体.排版

课程简介:网页中有大量的文字信息,文字排版设计是网页设计的基础,对之后的专业课程学习有重要的意义。

教学重点:了解版面知识,理解结构块面、大小对比，学会使用图形丰富排版设计。

2.创意字体.设计

课程简介:创意字体设计是网页视觉设计的重要组成部分,其主要任务就是对文字的形象进行艺术的处理,以增强文字的传播效果。

教学重点:学习字体笔画的基础知识,在这个基础上对字体进行变形,达到提升文字表达的作用。

3.节庆海报.设计思维

课程简介:分析节庆海报的特点,培养学生对设计思维与方法有一个比较直观地认识,掌握电商常用的设计思维方式及表现方法。

教学重点:重点讲授扁平化、素材化、产品、文化、节假日的BANNER设计思维,通过实例分享与模仿/创作,来提高设计思维的创新。

4.banner设计.构图

课程简介:介绍电商BANNER类型、分布位置、构成要素,分析构图版式,常见处理手法,从而针对不同主题、产品进行设计。

教学重点:针对不同的构图进行主题、产品特征分析,并对其进行视觉表现。

5.美工设计,配色

课程筒介:培养学生网页布局与配色的能力、感性的审美与创意技巧,围绕电商网页布局的特点来对BANNER进行设计。

教学重点:依据配色理论对页面进行分析,组织学生完成多个网页布局与配色的设计任务,培养学生网页布局与配色的艺术设计与实践动手能力。

6.Web页面案例：

a.网站案例

课程简介:学习网页设计前沿,学以致用。

教学重点:与移动端的差异,熟练掌握各个平台间UI的规范。

b.页面设计.类型

课程简介:主要赏析讲解优秀网页案例,认识不同类型的WEB页面,了解不同的模块排版结构等。

教学重点:重点讲授如何对不同页面设计的基本结构进行构思，以及专题的画面感设计等。

c.页面设计.布局

课程简介:分析当今流行的网页页面设计布局的特点以及类型,展示并分析案例,培养学生掌握多种美观的布局技巧。

教学重点:重点讲授布局技巧,掌握界面设计中需要注意的小细节等。

d.页面设计.实战

课程简介:提取商业实例进行对不同网站页面整套改版、美化,以及针对电商活动专题页设计实战演练,从而提高学员的技能水平。

教学重点:培养学生对整个网站重新规划的能力。

7设计切片：

a.ios

课程简介:各个分辨率的iPhone切片的差异化9宫格切片的要素。

教学重点:各IPhone版本切片训练及注意事项。

b.Android

课程简介:9宫格切片要的要素。

教学重点:什么叫9宫格图片。

c.Web

课程简介:如何分析切片是图还是代码实现。

教学重点:如何分析切片是图还是代码实现。

四、UI设计阶段：

1.设计基础

矢量图形使用

课程简介:通过Photoshop矢量图形I具使用尺规作图方式绘制。

教学重点:了解版面知识,理解结构块面、大小对比,学会使用图形丰富排版设计。

线性图标

课程简介:创意字体设计是网页视觉设计的重要组成部分,其注要任务就是对文字的形象进行艺术的处理,以增强文字的传播效果。

教学重点:学习字体笔画的基础知识,在这个基础上对字体进行变形,达到提升文字表达的作用。

彩色扁平化图标

课程简介:矢量图形工具的高级应用认识当前潮流设计,与时俱进。

教学重点:黄金分割比例的栅格化绘制图标。

2.设计进阶

手机端案例

课程简介:从临摹到创作的思考过程。

教学重点:从登录界面开始到复杂的商城App U。

手机端界面

课程简介:临摹iPhone/Android经典界面。

教学重点:认识ios的基础和规范深入了解与iOS的差异,学会融会贯通。

3.Web UI实战

网页PC端设计

课程简介:企业网站的规划设计,由简入深,商城WEB整体规划设计,模块连接。

教学重点:不仅要学会设计,更要学会如何策划一个网站,挖掘需求;从设计中学会站在客户的角度考虑商业问题,提升用户体验,创造更多可能。

4.APP端设计

A PP设计

课程简介:针对APP端的全案实训。通过项目学习掌握移动APP设计,设计出符合用户习惯的功能流程。

五、H5前端课程：

1.HTML

课程简介:HTML现在已经更新换代到第5个版本,也是最新版本;是网页制作的核心语言之一，它在2014年10月29日正式发布,HTML5的设计目的是为了在移动设备上支持多媒体。支持各种特效，画板,非常强大。现已把Adobe Flash完全替代。

2.CSS层叠样式表

课程简介:CSS即层叠样式表,网页的各种排版布局,样式,颜色,兼容性必不可少的一i]技术。它和HTML-起使用，制作完整的一个网页。现已发布到第三个版本:将带来更多强大的功能，如2D/3D动画，圆角,投影,渐变,变形,转换等现代技术,现代的网页VR技术离不开CSS3的支持;

3.JavaScript

课程简介:Javascript网页的核心脚本语言,也是网页中动效,交互,数据传输的关键语言,一度评为最受欢迎的语言之一。2017年更是JS的火爆一年，潜力无穷。学完JS可以院成网页中各种动效、数据交互等操作。

六、升华提升阶段：

1.浏览器兼容

课程简介:由于各大浏览器尤其IE浏览器对web标准支持情况不一,导致标准的网页在各个浏览器中的表现不一-,因此,解决各浏览器兼容性问题成为了前端工程师最重要的工作之一。

2.响应式布局

课程简介:响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用"大势所趋"来形容也不为过。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。

3.弹性盒子布局技巧

课程简介:弹性盒子是CSS3的一种新的布局模式。CSS3弹性盒是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。弹性盒子布局技巧目的是提供-种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。

七、就业指导：

1.毕业设计指导

课程简介:毕业设计是教学过程的最后阶段采用的一种总结性的实践教学环节。通过毕业设计,学生可以综合应用所学的各种理论知识和技能,进行全面、系统、严格的技术及基本能力的练习。

教学重点:培养学生综合运用所学知识,结合实际独立完成课题的工作能力。

2.简历设计与制作

课程简介:介绍个人简历设计要点,从而促使学员面试开头给用人单位留有好印象,

教学重点:培养学员整理出个人能力以及作品集合,设计出属于自己独特的简历。

3.模拟面试

课程简介:通过为求职者安排仿真的面试现场、正规的面试流程,让学员亲身感受面试的全过程,从而选择合适自己的企业。

教学重点:详细讲解互联网行业的面试、笔试技巧。