本文主要为大家介绍达内UI培训课程中的 WUI(网站建设)的课程内容。快来和小编一起看一看学了达内WUI(网站建设)课程你都会学到什么吧!
模块 |
课程 |
内容 |
网站建设流程及规范 |
网站建设流程 |
了解商业网站建设的标准流程;理解网站建设的技术及人员分工;掌握域名申请与云空间的注册方法。 |
网页设计规范 |
了解网页设计的规范及要求;理解网页文字规范、网页尺寸规范;掌握类型网页设计全部设计规范。 |
|
网页界面设计风格解析 |
了解网页界面设计风格的类型;理解网页界面设计风格的特点;掌握不同类型网页界面设计风格的方法。 |
|
网站多媒体创意设计 |
网页图标设计 |
了解图标的造型原理;理解图标的效果添加方法;掌握Photoshop的矢量工具和图层样式。 |
网页广告(Banner)设计 |
了解网页广告(Banner)的设计流程;理解网页广告(Banner)文案分析的方法;掌握网页广告(Banner)创意设计手法。 |
|
Gif动画表情设计 |
了解Gif动画的原理和应用范围;理解社交应用中表情的设计特点;掌握Gif动画表情的制作方法。 |
|
企业网站WEB界面设计 |
了解企业网站的设计风格与特点;理解企业网站设计的需求分析原则;掌握企业网站WEB界面设计的方法。 |
|
专题网页WEB界面设计 |
了解专题页设计的风格与特点;理解专题页的设计需求分析原则;掌握专题页WEB界面的设计方法。 |
|
电子商务网站WEB界面设计 |
了解电子商务网站WEB界面设计的风格与特点;理解电子商务网站的设计需求分析原则;掌握电子商务网站WEB界面设计的方法。 |
|
网页切图与优化 |
了解网页切图的原则,学习如何标注(Mark Man)页面;理解网页切图工具的使用和图像优化的方法;掌握各种类型网页切图的方法及与代码的衔接。 |
|
Flash超媒体设计 |
了解Flash动画的原理;理解Flash动画的制作技巧;掌握Flash动画在网页中的应用方法。 |
|
网站前端布局及交互实战 |
WEB标准化布局及响应式网站布局基础 |
了解HTML及CSS语言的语法基础;理解常用标签及属性的使用技巧;掌握网页结构与表现的结合技术,快速高质量的还原设计效果图。 |
手机网站布局及发布上线 |
了解手机网站尺寸及布局规范;理解手机网站布局原理和思路;掌握手机端网站布局的技术及并制作可线上访问的手机网站。 |
|
CSS3交互动效设计 |
了解最新的CSS3动效属性;理解网页及移动端CSS3的使用范围;掌握CSS3动效在网页界面、手机启动页、广告轮播效果等实用领域的应用。 |
|
HTML5响应式设计实战 |
了解自适应布局、响应式布局及其区别;理解响应式布局思路与方法;掌握能适应各种设备的响应式网站制作技术。 |
|
JavaScript核心 |
了解JavaScript在网站中的作用;理解JavaScript对交互动效的实现思路和方法;掌握JavaScript变量、数组、语句、函数等语法规则和交互动效案例的制作。 |
|
JQuery |
了解JQuery语法、常用方法及动效技巧;理解JQuery实现动效的原理;掌握JQuery交互动画实现思路和快速使用JQuery特效库完成动效制作。 |
|
浏览器兼容方法及经验 |
了解浏览器的发展趋势;理解浏览器兼容的要求;掌握多种浏览器兼容代码的编写技术。 |
|
网站发布与上线 |
淘宝店铺装修 |
了解淘宝店铺装修设计及流程;理解布局代码在淘宝装修中的必要性;掌握淘宝店铺装修技术。 |
主流H5制作工具及模板的使用 |
了解H5设计制作流程;理解H5应用领域;掌握H5常用制作工具的使用技巧。 |
|
实用网站CMS系统模板设计 |
了解网站CMS系统模板的构成;理解网站CMS系统模板制作的方法;掌握网站CMS系统快速改版的技巧。 |
|
网站发布上线流程及FTP上传工具 |
了解主机域名申请及备案流程;理解网站上线原理和操作流程;掌握网站发布上传工具的使用。 |
|
阶段考核及项目提案 |
阶段考核 |
提供多个商业项目供学员测试,检验学员学习效果。 |
项目实训 |
围绕着视觉效果图,以企业需求对网页进行整站设计,包括企业站、宣传性网页、H5等。 |
|
项目提案 |
学员分组,以商业竞标的方式进行项目提案展示。老师会对学员的项目进行评析,提升学员表达及实战能力。 |
|
阶段培养目标 |
||
熟练掌握网站建设的工作流程、技术及实用工具,熟悉各种设备尺寸的WEB布局设计规范和布局技巧,可独立完成商业网站搭建及制作。 |
以上就是达内UI培训课程中WUI(网站建设)的课程内容,如果你对此感兴趣想要参加达内UI课程培训,记得填写下面的表单信息报名哦。还有免费训练营可以试学记得来报名哦~
一、初步认识UI:了解 UI设计 师的角色定义和价值体现,UI的含义、UI设计师的工作内容
学习内容:学习设计基础、字体、构图、手绘、素描等基础技能。掌握UI设计师的视觉敏锐度,和绘画能力。
二维造型方法,二维简约图标绘制原理与技法,各种材质质感表现。
三维造型方法,物体的体积、结构、透视与光影表现。
色彩原理:色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系,色彩的装饰美感及色彩的表现方法
二、设计软件应用:以 Photoshop 软件为工具,讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、 画册设计 、DM设计等企业实际工作中的具体项目。
以矢量图形绘制软件Illustrator为工具,讲解标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
字体专项设计:字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。
版式专项设计:版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
平面项目设计:结合软件、色彩、字体及版式的学习,针对宣传单、折页、名片、海报及VI做专题设计,提升综合应用能力及平面UI设计能力。
以及思维导图,原型图,还有交互逻辑,规范,切图,了解程序,互联网思维, 用户体验 等。
三、WUI设计基础:页面设计基本流程与设计规范的概念性讲解,重点了解WEB界面设计规范;网页配色技巧、色彩与构图的概念及技巧;网页导航与字版式设计
网页设计软件应用:以Fireworks为工具介绍软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。
以Dreamweaver为工具建立站点、添加页面元素、使用CSS样式及交互行为。
以Flash为工具了解动画制做原理与技巧,典型WUI商业广告中的Flash技术与实现。
网页设计要素:学习web网站设计基本要素,网站图标、按钮、广告banner、专题页设计等元素的具体设计方法
Web标准化布局:(X)HTML/ HTML5 语言:HTML语法与常用标签的详解,包括布局标签,表格标签,表单标签等。
CSS/CSS3层叠样式表:CSS语法与常用属性的详解,使用CSS对网站中各个模块进行修饰美化。
WUI项目实战设计:以企业网站、电商网站及专题网页做实战项目设计,经过全流程设计,达到网页界面设计要求
四、UE交互设计
1. 手机主题、界面与图标设计;
2. 拟物化与扁平化设计;
3. 系统性学习苹果IOS设计规范;
4. 系统性学习Android设计规范。
图标设计:图标设计要素与技法,图标设计中的色彩应用,图标创意思想与方法,2D图标设计方法,3D立体图标设计方法,图标在界面中的设计应用。
移动UI界面设计:手机APP的用户使用场景,手机界面的布局与结构,手机界面中的视觉语言与控件详解,手机交互中的手势操作,APP产品的核心设计:导引设计,手机APP的色彩与情感化设计,手机APP整体视觉情感的提炼与传达,移动APP项目设计iphone端APP实际项目实战。
五、理论软件都掌握以后,可以临摹作品及原创作品。然后就是不断的做项目,可以参与互联网举办的各种UI设计大赛及一些网络接单兼职,或进入互联网公司做UI设计工作等。做设计不仅要懂得理论知识,更重要的是要把这些理论实践起来,平时需要做大量的练习,勤学多练,善于创作。有时间还需要去一些网站看优秀的UI设计作品,这样才能达到一名优秀的UI设计师标准。