起航学习网

学习UI设计可以吗，学习web前端可以吗，UI设计和web前端都学习怎么样呢，今天IT培训网小编就来给大家详细介绍下吧！

1.UI设计

1.1 AI基础学习

（1）认识AI软件

了解AI软件的基本功能及适用范围，区分AI软件与PS软件，一个是矢量软件，一个是位图软件，让学员学会灵活交替运用两款软件绘制设计图；

（2）使用AI软件绘制UI图标

学习AI软件基本工具操作，认识AI界面，熟悉AI软件中包含的属性与功能，深入学习常用工具，如AI课程概述、矩形工具组、填色与描边、选择工 具组、线段工具组、画笔工具组、形状变换工具组、实时上色工具、钢笔工具组、文字工具组、渐变工具、混合工具、布尔运算、常用控制面板、 路径的填充与描边、形状基本变形操作、路径查找器、文字编辑、复杂渐变与图案填充、混合、路径偏移、图文混排编辑等；也可以使用AI软件进行时下比较流行的插画设计；

1.2平面实训

平面广告设计，通过基础知识的完全掌握，开始针对实际案例需求进行设计训练，以设计理论为基础，以项目实战为核心，学完能够轻松搞定名片 设计、海报设计、户外广告设计、DM单页设计、折页设计、画册设计，手提袋设计以及企业视觉识别VI设计等。

（1）个人名片、精美卡片绘制

经典商务名片设计，名片的设计规范、 不同风格名片的打造、 名片的常用印刷工艺；

（2）企业画册

精美时尚宣传画册设计，精美时尚宣传画册设计；

（3）平面广告海报

实战电商海报设计，实战电商类海报创意点解析、激发用户购买欲的表现形式打造；

（4）VI系统

PS软件与AI软件的完美结合，制作企业VI识别系统，提高视觉设计的能力，加强商业广告设计的学习；包括大型IT类会场展架设计、易拉宝和X展架的区别、常用展架的尺寸、不同的展架的打造，极致视觉表现户外广告打造，室内写真与室外喷绘的区别、户外大型广告表现手法；高端商务企业 折页设计，单页及折页的尺寸规范、单页常用版式、常用的折纸方式；手提袋设计速成，手提袋的平面展开图设计、手提袋的效果图设计；从零开始VI全流程设计，企业形象识别系统概论、企业LOGO，标准色，辅助色，标准字体等整套企业VI手册、企业VI手册解析与设计；

（5）平面设计作品辅导

实战工作经验分享，工作经验分享、课程总结，学员分组完成实战工作项目，老师分组进行辅导；

1.3网页版式设计与配色技巧

（1）网页设计介绍与美术理论

什么是网页设计，网页设计及网页设计师的发展方向，学习基础WEB设计、web设计规范学习页面配色及排版设计，掌握配色技巧及常用搭配， 了解色彩心理学，分析色彩及构成，了解黄金分割点，掌握优秀的排版比例，并将这些运用到实际的案例当中；

（2）项目分析法

项目实战分析，包括企业建站设计、大型平台设计、一屏式网站及专题网站设计、HTML5响应式网站设计、纯Flash类网站设计、游戏类网页设计，学习版式设计基础知识，banner设计常见构图形式，版式设计步骤；

（3）企业官网实战

掌握WEB结构与设计方法，能自己设计出一些精美企业站点；

（4）个性化网站的实战演示

欣赏学习各种网站设计风格，结合所学配合排版等进行创意型网页设计；

（5）专题设计

（6）html5响应式网页设计

让学员掌握HTML5响应式网站设计特点

（7）网页设计实训

学员分组完成实战工作项目，老师分组进行辅导

（8）工作经验分享

1.4电商广告创意设计

（1）形式美法则

课程学习电商网基础知识，从构图美学、黄金法则、色彩搭配、产品打造、文字设计，让你的创意广告与众不同。

（2）WEB元素设计

学习时下流行的web元素设计，紧追时代潮流，加强技法的打造；掌握常用各类web元素打造方式，扁平类、立体类、水晶质感类、内凹类、掌握各类比较复杂的按钮与导航打造；

（3）商业构图

深入学习电商广告创意设计，分析优秀的电商设计作品，提升个人创新能力；

（4）字体设计

学习掌握常用字体应用、排版等知识，文字选择、排版、变形，文字效果的演示；

（5）淘宝、天猫店铺设计特点与规范

掌握淘宝、天猫店铺的各模块尺寸与作图规范，了解行业内优秀电商店铺，店铺首页各模块的排版，学习产品精修技巧；

（6）店招设计

理解店招的重要性，掌握店招各部分的功能；

（7）海报设计

体验首屏海报的重要性，学习首屏海报设计步骤，学习如何提高产品展示区设计的工作效率；

（8）促销区设计 产品展示区设计

学习直通车、钻展图设计技巧及设计特点，掌握不同产品的修图技巧，直通车与钻展设计要点

1.5 UI设计

课程主要讲解UI界面设计，以设计理论为基础，项目实战为核心，学完轻松搞定各种图标绘制、手机主题设计、APP实战项目、多媒体终端界面设 计、智能穿戴设备界面设计、用户体验设计与交互设计。

（1）熟悉UI发展趋势与人机交互理论，从战略角度分析一个互联网项目，盈利点、运营模式、产品原型、交互设计、用户体验、视觉表现；

（2）手机UI图标

掌握UI图标尺寸规范，了解剪影类UI图标绘制技巧，了解2D\3D图标的不同点，组图标搭配技巧，打造精美UI图标；>

（3）写实图标绘制

技法终极提升能力，练习超写实UI图标设计，掌握写实图标绘制技巧，学习光影、质感的应用技巧，充分提升设计技能；

（4）扁平化图标发展及未来趋势

扁平化图标绘制，微扁平系列图标绘制及展示；

（5）IOS9图标绘制技巧

掌握IOS9图标标准，学习IOS9图标绘制技巧；

（6）手机主题图标设计

掌握图标绘制技巧，欣赏手机主题，浏览各种主题风格，体验不同类型手机主题，练习一整套UI主题图标绘制，鼓励学员参加手机主题设计大赛；

（7）手机插件设计

学习控件的绘制技巧与尺寸规范，学习复杂技法的打造；

（8）IOS版APP设计

掌握IOS版APP设计规范，学会如何去把控一个整体设计项目，包括用户分析、对手分析、功能选定、风格选定、颜色搭配、素材使用、视觉规范、 界面视觉设计、界面用户体验设计；学习并掌握IOS界面设计特点；

（9）安卓版APP设计

竞品分析，界面视觉设计等；界面用户体验设计及安卓界面设计特点；

（10）PC端软件界面设计

学习并掌握PC端软件设计功能需求、尺寸规范、交互设计，学习项目流程分析，掌握主界面设计方法及技巧；学习主图标、功能图标、主界面风格设计；

（11）多媒体终端设计

了解什么是多媒体终端设计，更进一步的学习界面设计，熟悉掌握多媒体终端界面设计，包括电视、车载等多媒体；学习并掌握多媒体终端界面设计尺寸规范，学习多媒体终端视觉界面设计；

（12）智能穿戴设计

熟悉常见智能手表界面设计尺寸规范，学习智能手表视觉界面设计；

（13）APP项目实训

学员分组完成实战工作项目，老师分组进行辅导并作课程总结；

（14）UI动效设计

AE动效展示UI项目，学习多方位展示自己的项目作品，用以包装精美丰富的作品；

2.WEB前端

2.1 认识互联网

主要讲解CSS HTML，我们的课程以CSS XHTML代码理论为基础，以项目实战为核心，学完能够轻松搞定各种网页布局、企业网站、电商网站 、 门户网站、网站常见活动页、专题页，还可以让你SEO得心应手，学完后轻松从事。

（1）了解互联网基本工作原理

（2）学习网站相关常识

2.2学习并使用html

（1）HTML初体验

初识HTML、设置绚丽的图片、路径详解，了解html的作用，能够用记事本手写html，使用浏览器打开html文件，学习代码的书写规范、基 本结构及用法等；

（2）学习html标签语义

学习h标签、P标签、img、font、weight等标签的使用，学习掌握超链接，html表格常用属性等知识点，包括合并单元格、如何使用DW 软件实现代码文件；学习表单的制作，常用属性的设置等；

2.3 学习并使用CSS

（1）CSS初体验

认识css，理解web标准，学习css的书写规范，掌握css基础知识其属性要求；了解CSS的优越性、显示模式详解、选择器及权重、CSS引 入方式、CSS的继承与层叠，掌握CSS基础知识，a链接的4个伪类，文字控制属性，引出firework测量距离；

（2）CSS美化页面技巧

CSS特性的学习、盒子添加绚丽的边框线和背景图、伪类、垂直居中的线上导航，掌握CSS美化页面的相关技巧；

（3）剖析CSS盒子模型

深入学习CSS盒子模型，盒子内边距、外边距详解、盒子模型常见问题剖析、线上常见列表分区制作等知识点的学习与掌握；

（4）CSS浮动技术与定位技术

学习并掌握浮动的基本原理、浮动的特性、清除浮动、线上常见布局详解、向上常见导航制作；学习定位的基本原理、定位对盒子的影响、线上常 见团购案例制作等；

（5）CSS高级技巧

学习如何解决主流浏览器兼容性问题、掌握各种小技巧，突破IE6难关；掌握CSS精灵技术和滑动门技术，制作精美效果图，并运用到实际的案例 效果中。

2.4 DW实战

带学员体会并制作实际项目案例，能够自主的建站，制作静态网页，包括自主解决各种兼容问题；学习掌握建站流程，时尚炫酷企业站剖析、切图 及制作。

2.5 Javascript jQuery

本课程主要讲解的是WEB前端技术，我们的课程以javascript和响应式理论为基础，以项目实战为核心，让学完本课程的你能够轻松搞定常见 网页特效、响应式网页、手机页面制作，学完后可以从事WEB前端、手机网页制作等。

（1）Js初体验

对JS进行了解，掌握原理及JS的组成部分，使用Js设置html和css，学习文档对象的搜索方法，体验JS的两个内置功能，alert、promp t；掌握在静态网页中添加动态效果，能够使页面更具吸引力及互动性，更加符合市场及企业需求。

（2）变量

了解什么是变量，如何使用JS进行变量，学习变量的命名与注意事项。

（3）JS代码规范及基本操作

掌握Js代码位置，包括内嵌、外链、行内的区别；JS实体化盒子模型；JS的事件捕获与匿名函数，淘宝下拉菜单的制作；动态添加删除文本；手机展示案例；换肤案例；数据类型的检测；自定义函数的书写；利用自定义函数简化代码；图片切换、函数返回值。

（4）条件语句与循环语句

学习单项、双项、多项语句的使用；掌握循环语句结构。

（5）JS的其他功能

数组的应用，多次、单次定时器的应用，学习使用排它思想、自定义索引值的综合应用制作淘宝tab栏切换等。

（6）jQuery入门

在JS学习的基础上继续学习在静态网页中添加动态效果，能够使页面更具吸引力及互动性，使代码书写更简单；体验jq特性：写的少、做的多。

（7）Jq控制html和css

Jq与JS进行语法对比，了解区别及特性；学习选择器使用，包括基础、过滤、筛选选择器；使用JQ进行下拉菜单特效处理；学习Jq版本的索引值 获取。

（8）使用JS制作案例

淘宝商品展示、图书列表案例、百度风云榜案例，学习Jq事件和选择器综合应用；学习节点的增删改查操作，利用自定义动画函数制作简单动画； 理解全局和局部概念，掌握Each遍历函数的应用；制作手风琴特效、京东突出展示效果，进行Animate动画综合应用。

（9）JQ其他功能

利用事件坐标实现鼠标跟随效果，利用定位和jq老设置广告跟随效果，无缝滚动原理的学习与制作，简单版、无缝版、呼吸灯版轮换的图制作；利 用正则表达式验证表单；网页常见插件的学习与掌握。

学完此课程可掌握的核心能力

1、将各类视觉技法应用到实际商业案例之中，并初步涉及后期技术实现的知识；

2、用户习惯分析、未来发展趋势与应用范围；

3、 在技术允许的范围内如何进行视觉突破；

4、增加UI设计中的交互应用，更好的研究用户体验需求

5、网站综合实战的练习；

6、使静态网页产生动态特效，增强网页吸引力；

7、使网页能够适应各种终端设备；

8、在网页中实现动画效果；

9、增加UI设计中的交互应用，更好的研究用户体验需求。

文章出自：http://qh.itpxw.cn/peixun/web/201736676.html

文章标题：UI设计+web前端 找工作就是这么容易



免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉

(责任编辑：IT培训网)