网页设计培训班要求学员快速掌握网页制作方法，培养网页设计的商业运营思维，快速掌握网页设计的实战经验，提高学员自主学习能力，满足职业岗位需求。掌握技能+颁发证书，让学员就业不再难。完善的教学系统，令你满意的教学服务。助你更快提升自身能力。
快速掌握网页设计三大核心
熟练运用四大平面软件
掌握常规设计技能，打下扎实基础
能够制作动态flash、制作各类高端页面
多年研发沉淀，只为给你比较好的课程
平面综合阶段
1. 介绍软件（应用领域、优势）/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式2. 文字（文字海报）/形状工具（绘制简单形状）/填充（前景色、背景色）3. 色阶，曲线，亮度对比度等/色彩平衡，色相饱和度，可选颜色等/画布、图像大小调整等4. 消失点，液化，仿制源/锐化、模糊工具/加深、减淡工具，/渐变工具、.吸管工具5. 橡皮擦/图层蒙版/套索，魔棒 /快速蒙版/抽出/调整边缘6. 钢笔工具/色彩范围 /通道/摄影艺术介绍
平面研修阶段
1. 通过多个案例，学习版式设计基本原理、类型。通过点评作品
2. 杭州网页设计培训通过多个案例，学习版式设计基本原理、类型。通过点评作品
3. 印刷输出与印刷工艺知识讲解，熟悉烫金、烫银、UV、过胶、压塑、打孔等知识。
4. 学习logo设计的基本原则、流程、思维方法、技巧要点
5. 掌握企业VI组成要素、基本设计流程，设计原则、流程等
6. 包装设计欣赏、包装材料、包装纸盒结构设计、包装印刷工艺讲解
7. 掌握宣传折页的特点，折法、尺寸大小，设计技巧规范等
8. 多个案例实战学习商业型、创意型海报设计的法则、规范、流程
9. 主要学习书籍装帧设计的艺术思维、创意手法
10. 实战中学习，作品集设计的基本原理、构思技巧、创意手法、作品集画册等
网页综合阶段
1. 认识DW界面、工作区，熟练DW基本操作，学习表格，切片 DW模块2. 掌握链接、富媒体（包括二维和三维动画、影像及声音）3. html+css:学习Css 3种嵌入形式、选择符、盒模型、浮动等。4. html+css:项目列表与导航，常用css样式、css3样式补充5. 表单，表单创建与表单样式6. 下拉列表，dl、dt、dd下拉效果
随着互联网的发展，现在任何公司、电商或者任何活动都离不开网页的展示，那么对于页面的设计就格外重要，这是给客户留的第一印象，网页里面有的内容无非就是图和文，那针对于网页设计的技巧、规范和注意事项，就由非凡学院上海web前端网页设计培训 班张老师和大家一起来聊一聊。
一、文字
一个网页里面最重要的元素就是文字，尤其是门户类和企业类网页，如果一个网页没有文字，就像一道菜没有盐，索然无味，甚至网页想表达的是什么都不知道，那么文字的规范就很重要。常见的中文和英文最多，基本规范如下：
1.字体：中文常用宋体、微软雅黑和黑体，其中黑体常用于导航或者标题，英文常用无衬线的Arial、Helvetica、Verdana和衬线的Georgia、Times；
2.字号：中文最小字号为12px，英文最小字号9px，不过建议10px起，因为网页里面的字号通常为双数；
3.样式：网页里宋体12px和14px通常设置为无，宋体的其他字号和其他字体通常平滑即可；
4.粗体：大片的阅读性文字不适合加粗，文字加粗通常适用于导航、标题或者强调性的文字上。
5.颜色：除了标题或者交互等强调性的文字以外，其他重要文字用#333333居多，次要文字用#666666居多，辅助文字用#999999居多
6.行高：行高可以根据字号来定，一般是字号的1.5-2倍居多
二、图片
网页里面第二大重要元素就是图片，尤其是电商类和专题类网页，图片完全符合人类的懒人阅读法，能做到搭眼一看就能知道表达的主题是什么或者产品是什么，这是文字所不能匹敌的，并且一个网页美不美，全靠图片支撑，关于图片的建议如下：
1.主次：也就是要大小混排，就连最简单的电商列表页，还要有侧边栏或者底部推荐产品的不同尺寸产品图来陪衬，这样的目的是避免浏览乏味，中和视觉。
2.大小：有的广告图会比较大来增强视觉冲击力，尤其是专题页头图，建议不要超过一屏，不同分辨率的电脑一屏的尺寸会有所不同，一般800px上下最常见。
三、图标
网页是绝对少不了图标的点缀装饰的，只有文字会干巴巴的，那对于图标就比较简单了，注意如下几点：
1.图标要统一大小，统一材质，统一视角，统一颜色，统一风格，比如用线条风就整个全部用线条风，例如下面两组风格就不同
2.图标不易过大，一般图标放到标题旁边的居多，那图标的尺寸跟旁边文字字号一样就可以了，如果比较大情况下，尽量对齐，比如居中对齐，顶对齐，底对齐等，如下：
四、边框
在网页里，除了强调和交互的时候边框凸显当前效果以外，边框大部分的作用只是起到分割模块和排版整齐的作用，所以边框要淡化，如果颜色过重、线条过粗或者边框过多会给人视觉效果差，感觉满屏的线条，而忽略了网页的主体，主要注意几点：
1.宽度：边框宽度1px即可
2.颜色：边框颜色一般#cccccc居多，或者更浅一点的颜色也可以
3.重复：同一个模块里面，如果已经有背景颜色或者边框的存在，也就是说排版已经明显整齐，就不要重叠使用边框
4.距离：有边框的时候，内容要跟边框分离一点，也就是内外边距要有
五、间距
网页里面设置间距就像是写文章要有标点符号一样，要让人有喘息的时间，而间距的设置要根据模块的大小来设置，就像是语句之间逗号，段落之间句号一样，比如大模块间的间距大于小模块间的间距，这样还能体现出主次关系，注意几点：
1.太小不好：整个网页间距如果全部都太小，给你很拥挤的感受，看起来很累，偶尔个别特殊排版的模块间距小还好一些，例如下方，图片和图片紧贴，但是文字和边缘是有坚决的，也就是说图片没有了外边距，但是有内边距：
2.太大不好：如果模块和模块之间相隔很远，会导致页面内容不充实，空洞，缺少继续往下看的欲望，所以一般情况下10px到30px的间距居多。
六、配色
网页设计也是设计，既然是设计，就离不开颜色的搭配，而网页设计的配色跟其他类似，既不能太花哨也不能太单调
1.种类：控制在三种之内，最少得有一个主色调，主色调从哪里来呢？可以根据网页内容来定合适的，也可以用logo色来做主色调，也可以选择相近色或者撞色来做辅助色，其他可以黑白灰百搭色代替，专题页可适当放开。
2.明度饱和度：除了很小范围的强调或者交互可以适当选择颜色饱和度高一点的，其他情况尤其是大片的背景色的时候尽量少用饱和度太高的，看久了刺眼，可以降低饱和度和调整明度，专题页可适当放开。
七、排版
网页的排版就像是一名导游，让游客能有目的性的或者条理性的往下游览，所以排版必须条理清晰，无非做到以下两点就可以
1.整齐：对于普通网页，只要做到整齐，哪怕你的设计不会很个性很出众，但一定是一个不让人讨厌的稿子，其中里面的间距统一，主次要有，例如下面：整体是顶对齐底对其，间距统一，所以比较条例：
2.乱中有序：对于专题性质的网页，可能设计稍显夸张，那就要乱中有序，比如以序列号、标题、线条等作为引导，如下就是以序列号作为引导：
相关问答
随着前端行业发展得越来越成熟,上海Web前端就业也逐渐出现两极分化的形式,一些前端培训机构出来的学员就业特别好,前端培训出的学员只有个别几个因为一些原因...
PHP高级软件开发工程师岗位职责:1参与核心框架设计或协助架构人员进行核心框架完善;2负责相关模块的开发;3负责常规BUG紧急修复;4制作或协助项目经理完...
简单介绍下二者:OCA考试:在VUE考试中心考试。(要通过1z0-051和1z0-052两门考试)OCP考试:在Oracle授权考场考试;并有授权原厂培训记录。(获取OCA认证证书...
上海试成网络科技有限公司的经营范围是:从事网络科技(不得从事科技中介)、通讯科技、计算机科技领域内的技术开发、技术咨询、技术服务,网站建设,计算机网络...
上海智虎教育科技有限公司于2019年02月21日成立。法定代表人陈黔阳,公司经营范围包括:从事教育科技、软件科技领域内的技术开发、技术咨询、技术服务、技术转...
简介:上海卫益环境服务有限公司成立于2011年12月27日,主要经营范围为物业管理,保洁服务,为国内企业提供劳务派遣服务,包装服务,礼仪服务,婚庆服务,展览展...
http://www.hsxsh.pudong-edu.sh.cn/infoweb/index/pdxszx/上海市香山中学位于浦东杨浦大桥东南侧、杨高路罗山高架旁,交通便利,校园环境幽雅、景色宜人...
上海轼听教育科技有限公司是2012-01-13在上海市徐汇区注册成立的有限责任公司(自然人投资或控股),注册地址位于上海市徐汇区宜山路425号1412室。上海轼听教育...
简介:上海旭东网络科技有限公司成立于2013年04月18日,主要经营范围为从事网络科技领域内的技术开发、技术咨询、技术转让、技术服务,计算机、软件及辅助设备(...
今天我就为大家盘点一下上海的五大互联网公司:1、拼多多在移动互联网时代,拼多多绝对是一匹黑马。在阿里系和京东主导电商行业的背景下,拼多多凭借独特的社...
