上海非凡学院(松江校区)—官网

咨询热线：
400-882-6311

上海非凡学院(松江校区)课程中心>网页美工设计就业班
I
Introduction

课程介绍

做复合型的网页设计人才拒绝平庸，拓宽职业道路

HTML5已成为移动互联网主宰者，Node.js同样在各大电商活动中大放异彩，不仅帮助前端团队快速、高效的解决各个业务上的页面渲染问题，同时在性能和稳定性上也表现非常出色。 全能型网页设计师日均岗位缺口超过50000人，并呈现逐年上涨趋势，是当前就业市场上一大热门岗位。
O
Teaching objectives

教学目标

P
Teaching program

教学大纲

美学设计与
软件技能

- 创意美术

- GUI设计软件

- 三维元素设计

  • 1.1 创意美术

    美术素描含透视原理、速写等

    美术色彩包括配色原理、水粉等

    手绘二维图标、三维写实图标等

    设计构成的表现技巧色彩三要素等

  • 1.2 GUI设计软件

    Photoshop软件的基础操作

    PS海报创意、网页设计等高级技巧

    Illustrator软件的基础操作

    AI折页版式、包装等高级技巧

    阶段考核

  • 1.3 三维元素设计

    基础建模

    灯光与材质

    三维海报效果设计

    综合商业案例讲解

    综合设计技巧的运用

    阶段考核

  • 2.1 BANNER创意设计

    不同类型和风格的Banner设计

    网页文本规范，尺寸规范

    Banner的组成元素及注意事项

    版面布局及排版技巧

    原创Banner设计

  • 2.2 企业整站项目实战

    网站设计流程

    需求分析、栏目规划、用户体验

    绘制网页原型图

    设计企业站相关页面样稿

    响应式网站设计

    ADOBE XD交互动效制作

  • 2.3 电商风格项目实战

    当下电商网页设计分析

    电商产品选图技巧

    文案错位技巧和凸显文案的方法

    国风、拟物风电商首页设计

    电商详情页设计

  • 2.4 专题页项目实战

    解析专题页设计奥妙

    设计表现手法技巧

    构造空间层次，强化网页细节

    堆砌素材的注意事项

    流行风格的专题页设计

  • 2.5 移动端设计及H5

    移动端项目介绍，页面设计流程、要点及设计规范

    案例分析：微信H6移动端主题页面设计的规范、风格、定位

    设计手法：移动端主题页设计的技巧，结合整站做拓展设计和包装

  • 2.6 作品包装/阶段考核

    作品的展示形式和注意事项

    作品集包装

    分析就业方向

    综合能力检验

WUI网页
项目实训

- BANNER创意设计

- 企业整站项目实战

- 电商风格项目实战

- 专题页项目实战

- 作品包装、阶段考核

WEB前端布局
与交互开发

- H5网页布局

- JavaScript 交互

- 项目实战与上线

  • 3.1 H5网页布局

    HTML标签梳理

    七组CSS基本样式

    CSS3炫酷特效

    选择器细解11大类

    CSS布局四大技巧

    响应式双法则

    兼容性调试技巧

    项目实战

  • 3.2 JavaScript 交互

    核心语法

    面向对象编程

    对象类型

    BOM与DOM操作

    事件编程

    正则表达式

    JQuery交互特效开发

    Ajax数据交互

    "HTML5高级功能"

    Bootstrap

  • 3.3 项目实战与上线

    企业整站项目前端页面

    WUI实训，H5手动书写网页

    Apache服务器上线测试及演示

    MUI实训，搭建响应式页面

    整体开发，nginx服务器部署

  • 4.1 第三课堂

    Dreamweaver

    幻灯片制作从基础到提高

    结合项目提案

    完成方案设计和汇报

  • 4.2 毕业设计答辩

    立案到素材、材料收集整理

    风格定位、PPT制作

    毕业设计答辩

    个人现场讲解以及作品重点演示

    学习阶段的总结

  • 4.3 职业规划

    职业素养提升

    作品集整理

    行业规范与合同

    职场与行业分析

    企业观模与规划

    职场岗位实战模拟

    创业指导

    实习与预工作

第三课堂
在线视频学习

- 第三课程

- 毕业设计答辩

- 职业规划

D
Development direction

发展方向

网页设计已成为互联网+时代的职场新贵

几乎所有的行业，都需要独当一面的网页设计人才

  • 平面设计
  • 界面设计
  • 广告设计
  • 智能设计
  • 创意设计
  • UI设计
  • web设计
  • APP设计
L
Lectures / extracurricular activities

大咖讲座/课外活动

多元化教学，丰富你的学习生活

非凡教育定期邀请业内大咖为学员开展讲座，和大咖面对面交流，了解行业最新动态，让艺术眼界更广一些

Lecture精品大咖讲座

非凡会不定期邀请往届毕业的师兄师姐
给大家分享工作后的心得和体会

A
Teaching advantages

教学优势

非凡实力，助你成就非凡人生

非凡教育每年培养上千学员从课堂到社会，18年深耕职业教育，致力培养企业需要的全能型人才

  • 专业专注

    非凡教育9大学习中心

    18年职业教育办学经验

    口碑沉淀有保障

  • 师资力量

    师资团队平均教龄10年以上

    多年一线项目实战经验

    全职讲师全身心传授专业知识

  • 教学服务

    线上线下 OMO教学模式

    小班教学 确保学有所成

    自主研发教材 让学习更高效

非凡OMO即 Online-Merge-Offline(线上，线下的融合)

OMO学习方式就是把传统面授学习与线上网络化学习相融合，线下支持线上，线上赋能线下，相辅相成

S
PPHA teaching system

PPHA

PPHA学习系统，科学辅助攻克学习难点

非凡教育研发的闭环教学模式，将课堂教学和课后考评紧密结合，零基础也能快速入门

J
Job service

就业服务

多重企业合作模式，实现人才输出一体化

6大就业保障，为学员的就业安置保驾护航

E
Teaching environment

教学环境

非凡教育匠心打造优质的学习环境

每一处细节都是非凡的温度

培训世界 上海非凡学院(松江校区)体验课 免费预约