上海静安网页设计师培训学校

培训的目标：
1、培养你达到很牛的网页设计功底，非常牛的配色能力，非常牛的创意思维。
2、你的作品不是要让人叹为观止，而是不显山不露水，就是让人觉得说不出的舒服、就是让人看了就想有点击的冲动;
3、培养你懂得尊重网络用户的使用习惯，还能程度的满足使用者的对功能需求。
4、达到一种图不惊人死不休的创意和强悍的表现力。我们所想要的，你懂的！
5、培养你设计的页面兼顾美观和实用，让客户有一种留连忘返的感觉。
2019年：增加C4D美工设计、页面切图实战训练；具有办学许可证，全程名师面授教学，PPHA教学考核体系，毕业推荐+招聘双选会；支持教育助学分期

网页美工设计班 (2019课程体系)
一阶段（美学设计与软件技能）
一、设计预科

1、商务办公：windows、word、excel、ppt办公应用；办公软件在中的应用
2、美术设计基础：设计素描、水粉、速写的原理及实践，投影、视图、透是，灯光表现,写生
3、美术设计提高：设计素描、水粉提高课程、光和影的写实手法、审美观念的提高、色彩搭配的提高，配色原理的提高。
4、手绘图标：二维剪影图标、三维写实图标案例实训，了解创意在设计中的具体运用；理解创意思维的形态置换原理；掌握将创意思维转化为图形样式的能力
5、阶段考核：完成描素、色彩图各一张
二、设计软件

1、Photoshop：Adobe公司大师级图像软件入门讲解。掌握该软件在平面广告、网页设计、UI设计以及室内设计等中的相关操作。
2、Illustrator：Adobe公司级矢量软件入门讲解。掌握该软件在创意广告设计、印刷出版与web网络创作、多媒体和UI图标界面设计的相关操作。
3、Dreamweaver：讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，HTML基础应用，快速入门，CSS样式表的应用，模板布局的使用技巧，如何管理网站并上传。
4、Fireworks：讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用
第二阶段(WEB界面与项目设计）
一、三大构成
1、平面构成与设计：点的构成形式、线的构成形式、面的构成形式，训练各种熟练的构成技巧和表现方法，培养审美观及美的修养和感觉，提高创作活动和造型能力-活跃构思。
2、色彩构成与设计：学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比；提高综合审美能力。
3、立体构成与设计：立体构成的概念特征及作用、材料要素及加工工具、视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用
二、WEB界面设计
元素设计
1、网页Banner排版与设计
1）Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更速成化。
2）Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例
2、网页元素
及规范：页面设计基本流程与设计规范的概念性讲解，了解WEB界面设计规范及页面元素；网页配色技巧、色彩与构图的概念及技巧；网页导航与按钮设计
三、WEB整站设计实训
1、网站设计流程
与策划：网站设计流程，网站设计理念创新，网页结构图与原型图绘制等；如何从零开始策划一个网站，包括主题定位、栏目规划等，如何去策划盈利模式。
2、电商平台类
网站项目实训：商业案例实训如京东、小米等平台，学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计，布局技巧及细节设计技巧，各类网页交互设计应用、响应式设计应用的展示
3、企业类
网站项目实训：如苹果、腾讯企业类平台，学习页面主题设计如TOP部分设计，BANNER设计，产品页设计,新闻页设计,首页设计，类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条（banner)制作、正文内容的详细设计
4、分类网站项目实训及阶段考核：教师指导你完成阶段设计作品，以备应聘时使用；从立案到素材、材料收集整理，再到风格定位、栏目规划，立完成分类及个人网站设计，其中需容入不同的分类信息、作品等；
四、3D视觉设计
C4D美工设计
：本套教程入门到精通的教程主要是，代领学员从零基础开始学习掌握CINEMA 4D。从基础操作，建模灯光材质的详细讲解和渲染等模块的讲解。通过案例贯穿全部教程，让学员实实在在从零基础到可以投入到工作中去。能实现美工中的3D艺术设计、立体设计、美化设计等
第三阶段（WEB前端美工设计）
一、WEB前端HTML5/CSS3
布局与样式
1、HTML标签：HTMl5简介与入门、文本、图像、链接、表格、列表、智能表单、结构化标签等内容
随堂项目：
1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息
2.利用table标签课程表的实现
3.利用form、input表单标签实现简单登录注册页面
2、CSS基础语法
常见样式：CSS3简介、css3引入方式、常见样式、文字与文本、颜色、背景色、精灵图片等
随堂项目：首页导航栏的制作
3、CSS选择器：css选择器:标签选择器、类选择器、ID选择器、后代选择器、群组选择器、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器
4、CSS盒子模型：盒模型简介、盒模型组成部分、盒模型常用场景、弹性盒模型
随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定
5、浮动与定位：浮动：float、clear、恢复塌陷的父容器高度。定位：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed)
随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮
6、响应式布局与页面优化处理：移动页面与PC端页面布局时候需要注意点、媒体查询在响应式布局中的应用、响应式布局中弹性盒模型的设计技巧、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题
随堂项目：移动端的用户注册页面、PC端的用户注册页面。
7、静态页面切图项目实战：
1）企业站实训：1.首页导航、二级菜单 2.banner轮播图 3.产品展示 4.成功案例 5.新闻中心 6.联系方式 7.友情链接 8.版权申明 9.总结
2）商城实训：1.首页（头部导航、分类搜索、产品、猜你喜欢、推荐商品）2.用户中心（订单、个人信息、收货地址、账单）3.商品详情页（展示图、描述信息、价格、细节展示、产品详情） 4.登录&注册页面

如何把网页设计得更好的呢?
网站建设中，网页设计得好坏是直接影响网站对用户的吸引力，也影响到网站未来的使用。那么在网站建设中，怎么样才能把网页设计得更好呢?
，要选择的技术人员，网站建设中的网页设计也是一件技术活，选择的设计人员，对于设计有一定的想法并且细心处理细节的设计人员。这样的设计师设计出来的网页效果才会更好。
其次，要注意网页设计的细节设计大都讲究有经验的并且有特创意的，这些大部分的设计师都会，但是相比起这些，想要脱颖而出的还是品质细节。所谓的细节就是要站在用户的角度、运营者的角度来考虑问题，要设计出方便运营者使用操作，符合用户喜爱，方便用户浏览的网页。例如是网站的面包蟹设计，能够清晰地给用户指明所处的位置，以及下一步会到哪，上一步去了哪。千万不要小看这一细节，这不仅仅提高用户体验，还从侧边反映出企业公司是重视细节，关注用户的想法，从而增加用户的信任度，增加交易量。
第三，准确的定位。每个网站的用户群都是不一样的，定位目标也会不一样。网页设计中不能一味地参考别人的设计，而是要自身定位中出发设计出更有针对性的网页，满足用户需求，才会让网站在日后的运营推广中更地把握用户，提供更的服务。
后，网站建设好，设计好之后，有很多的内容都是需要后期的维护更新完善的。互联网每天都在变化之中，网站想要长久就要与时俱进，及时更新和完善网页的栏目和功能需求。只有不断完善好内容，网页的整体设计才会更加和谐，更有活力。