想学习一门技能，拥有极具职场竞争力的能力
1对UI设计有浓厚兴趣，想通过学习成为网页设计大神
2大学/高中刚毕业，想找一份高薪有前景的工作
3非UI或设计行业迫切要转行，想要学一门有前景、高薪的技术改变现状
4学过平面设计（字体、海报）等，想在已有基础上更进一步
5如今电商发展迅速，网页设计优秀人才亟待补缺，就业空间很大
6| 阶段 | 培养目标 |
| 基础入门 | 1、设计素描; 2、平面构成; 3、色彩构成 |
| 网页平面UI设计阶段 | 1、Photoshop 图像设计; 2、Illustrator 图形设计; 3、UI用户界面设计; 4、网页版式设计与配色技巧 |
| 网站制作阶段 | 1、HTML/XHTML; 2、Dreamweaver 网页制作; 3、DIV+CSS 网页布局; 4、Javascript 网页特效 |
| 综合项目实战阶段 |
1、 平面设计综合实战
通过案例学习，掌握Photoshop图标特效、招贴设计、报纸广告设计、包装设计、宣传页设计、网页美工的制作与设计技巧。掌握Illustrator/标志设计、宣传卡设计、杂志广告设计、手提袋设计、包装设计、折页设计、宣传手册设计的设计制作技巧。 2、 网站综合实战 （1）、系统的讲解网站全案流程：初期沟通、达成合作意向、进行产品或市场分析、定位以及提案等系统的流程，讲解在各个环节中的要点、注意事项以及技巧。 （2）、网站域名空间申请 、FTP、网站策划、项目方案制作 （3）、案例综合设计与制作、网站优化与推广技巧 （4）、 由高级讲师及资深设计师带领学员完成毕业作品，以备应聘时使用 3、就业指导素质训练 职业生涯规划、简历编写、面试技巧、了解企业、科学的工作方法 团队与自我管理、沟通技巧、商务礼仪 |
先需要知道建立网站的目的是什么，确定网站的主题，应指导学生遵循以下原则:
1.定义主题，定位要小，内容应精确。例如，设计一个诗歌网站，如唐诗，筛选来制作网站，定位会小得多，内容也会精炼得多，对学生来说，反而更能做出一个优秀的网站。
2.选择擅长的，并根据学生的兴趣和平时关注的事情来引导学生去创造，只有这样，才能制作优秀的网站作品。
3.根据网站的主题设置一个好名字。网站的名字是独一无二的，很容易记住;有一定含义的名字对网站的形象和推广也非常有帮助。
确定网站主题后，考虑网站由哪些模块组成，绘制网站的模块结构图。例如，设计一个宣传惠州西湖的网站，设计以下6个模块:西湖新闻、西湖美景、西湖美食、西湖地图、西湖历史和联系方式。这样，“惠州西湖”网站由1个主页和6个二级页面组成。二级页面进一步分成几个三级子页，绘制模块结构图时，至少应做到二级页面。
利用模块结构图，根据每个模块的内容收集相应的材料和资源。老师指导学生根据模块结构图绘制网站的结构图，根据“惠州西湖”网站中划分的模块分别创建“西湖新闻”、“西湖美景”、“西湖美食”、“西湖地图”、“西湖历史”和“联系方式”等6个文件夹，来存储每个模块的材料和网页文件。
| 网站建设流程 | 了解商业网站建设的标准流程；理解网站建设的技 术及人员分工；掌握域名申请与云空间的注册方法。 | 熟练掌握网站建设的工作流程、 技术及实用工具，熟悉各种设备 尺寸的 WEB 布局设计规范和布 局技巧，可独立完成商业网站搭 建及制作。 |
| 网页设计规范 | 了解网页设计的规范及要求；理解网页文字规范、 网页尺寸规范；掌握类型网页设计全部设计规范。 | |
| 网页界面设计风格解析 | 了解网页界面设计风格的类型；理解网页界面设 计风格的特点；掌握不同类型网页界面设计风格 的方法。 |
| 网页图标设计 | 了解图标的造型原理；理解图标的效果添加方法； 掌握 Photoshop 的矢量工具和图层样式。 | 熟练掌握网站建设的工作流程、 技术及实用工具，熟悉各种设备 尺寸的 WEB 布局设计规范和布 局技巧，可独立完成商业网站搭 建及制作。 |
|
网页广告（Banner） 设计 |
了解网页广告（Banner）的设计流程；理解网页 广告（Banner）文案分析的方法；掌握网页广告 （Banner）创意设计手法。 | |
| Gif 动画表情设计 | 了解 Gif 动画的原理和应用范围；理解社交应用中 表情的设计特点；掌握 Gif 动画表情的制作方法。 | |
|
企业网站 WEB 界面设计 |
了解企业网站的设计风格与特点；理解企业网站设 计的需求分析原则；掌握企业网站 WEB 界面设计 的方法。 | |
|
专题网页 WEB 界面设计 |
了解专题页设计的风格与特点；理解专题页的设计 需求分析原则；掌握专题页WEB界面的设计方法。 | |
|
电子商务网站 WEB 界 面设计 |
了解电子商务网站 WEB 界面设计的风格与特点； 理解电子商务网站的设计需求分析原则；掌握电子 商务网站 WEB 界面设计的方法。 | |
| 网页切图与优化 | 了解网页切图的原则，学习如何标注（Mark Man）页面；理解网页切图工具的使用和图像优 化的方法；掌握各种类型网页切图的方法及与代码 的衔接。 | |
| Flash 超媒体设计 | 了解 Flash 动画的原理；理解 Flash 动画的制作 技巧；掌握 Flash 动画在网页中的应用方法。 |
1、网页配色：网页色彩的色调组合，网页设计中色彩基本原则，及实用配色方案，了解网页设计色彩的搭配原则。
2、Flash片头设计：网站片头的设计原则。网站片头的设计手法和创新。掌握网站片头的制作方法，为网站增添动感和视觉效果
3、国内网站风格设计：国内网站风格设计的要点及注意事项；国内网站风格设计的色彩搭配；国内网站界面、按扭设计要点讲解；国内网站界面设计实例演练掌握国内网站风格设计的原则和设计元素的设计制作
4、网站策划之前：明确网站主题：网站主题决定网页的表现形式，对于题材选择的建议。相关背景材料分析：行业资料，行业调查，同类网站调查，行业知识的积累。
就业方向：网站美工、网站UI设计师、Web前端工程师
一个网页的尺寸设置与屏幕分辨率和浏览器相关，我们不可能满足所有用户的最佳尺寸，但我们能做的是让绝大多数用户感觉是最佳的。我们可以通过统计分析工具获取用户屏幕分辨率数据，从而为设计提供参考。
进行跨设定字体使用规范，如主标题、次标题、小标题、正文、辅助文字、失效文字、链接文字等字号、颜色、样式等。字号不得小于12px，标准 icon 可转成字体图标，特殊字体可以使用 WebFont。
在布局时遵循尺寸规则、交互和视觉原则，建议使用栅格系统进行布局。最常见的是12列栅格系统，例如Bootstrap的栅格系统，支持将一行分成 1 列、2 列、3 列等，并提供了强大的响应式布局方案。
颜色是网页设计的核心，其有助于设计主题和主旨的构建。另外，其还具有心理层面的作用，也就是说颜色能够影响网站访客看待网站用户体验的方式。
注意行高和段落、标点和空格、对齐、文案长度、层级引导。行高和段落，行高默认为字号的1.5倍。段落间距一般为字号的一倍宽。
设计需了解一些常见动画效果、实现手法和js动效库，例如：渐隐、缩放、移动、伸缩、摇摆等，便于和前端沟通。
