Web全栈工程师就业班培训内容：
1.美工设计：设计美学、色彩搭配、网页创意思维、网页设计软件、网页元素设计、网页界面设计、商业项目设计实训、阶段考核
2.前端开发：HTML5+CSS3布局与样式、JavaScript交互开发、Web前端整站项目实训
3.移动端开发: H5高级功能、CSS3动画详解、webAPP开发、公众号开发、小程序开发、Vue.js实战运用、阶段考核等
4.高级框架与后台交互：Angular.js、React.js、PHP入门、DedeCMS等综合应用
5.就业指导：心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等
培训目标：能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、网页美工设计，结业后相当于有半年左右工作经验，能成功胜任设计、前端、移动端开发等职位。
认证证书：《网页设计师》《网页美工设计师》《Web前端工程师》
......
网页设计知识分享：网页设计吸睛有术！元素的对比与相似原来要这样用
我们通常判断不同元素之间异同的方法有：相似和对比，连接和分离，成组的和未成组的。这些元素本身包含了信息，我们想要一些类似的元素，来表明它们在某种程度上是相关的。我们也会想表达一些元素之间是不同的，并且是属于不同组的。
那么关键要显示出的是元素的视觉特性及其关系特征。如果两个元素在某些方面是相关的，那应该让这些元素应该表现出相似的视觉特征。如果这些元素是不同的，那么它们也应该看上去不同。
注意：这是关于设计原则系列文章的第三篇帖子，你在这里还会找到前两篇帖子：《设计原则：视知觉和格式塔原则》和《设计原则：留白空间和图底关系》
原始特征
你是怎样来表达元素之间的对比和相似关系呢？答案就在于元素的原始特性。元素的原始特性是指一个元素的内在特性或者是元素的属性。例如，这个元素的颜色是什么？元素尺寸有多大？它是什么形状的？
在这种情况下，这些元素有不同的原始特征：形状，颜色和纹理。它们每一个都是元素与元素之间沟通的重要的因素。如果一个标题比另一个标题尺寸（字号）大，那么我们会认为大标题的更重要。我们也会把一个带着锋利的锯齿形状的元素看作是危险的代表。
有时候，一个元素的属性需要和其它相同属性的元素作比较，以具有意义。先前段落中的标题就是个很好的例子。一个标题只应该其它标题或者其他文本区域。因此对于大小来说比较是必要的，因为更大的会意味着一切。正是通过这样的比较，我们来交流探讨一下相似性和对比。
通过多元素在视觉上相似的特性，我们交流的是元素的相似信息。在一个网页上如果有两个元素都是红色的圆圈，很自然的观众会问为什么？为什么都是红色的？为什么都是圆圈？可能的结论是，这些元素在某些方面的相关性超过了它们外观的相关性。元素的相似性意味着它们带有相似的信息。同样，通过视觉上不同的特征应用到多个元素，我们交流的是元素的不同属性和它们自身传达的信息。
任何一个元素的特征可能是多样化的，并且可以用来使元素看起来相同或者不同。一些特征通常用来表示元素的相似性和对比。（这些属性是没有特定顺序的）：
一个长方形和一个圆在外形上做对比，在颜色上都是红色的。因此一个红色的矩形和一个红色圆圈在形状上是对比的，但颜色上是相似的。你如何平衡元素通过它们视觉特征的相似性和差异性来决定哪些元素与观众交流。
注意：虽然原始特征的主要方式是是通过视觉来体现元素的差异性和相似性，但是我们也有其它方式体现两者——例如，元素自身的含义。单词“stop”和“cease”它们的含义是相似的。但如果就图片和文本来说是对比的，差异的；还有文本的长与短也不同；等等。
差异对比
人类有敏锐的观察能力，很容易注意到差别。因为这是一种生存机制，能快速区分是敌人还是朋友。还有在晚上我们也能快速找的到回家的路。
我们快速区分差异的能力使得差异的对比如此强大。差异对比引人关注。它吸引人们的眼球。它引起人们的注意。通过那些来自立即围绕着众多元素中，我们让其中一个元素在视觉上看上去有不同的特点，因此我们可以创造兴趣点和侧重点。事实上，由于一个元素和它周围的元素的对比是可以很好的引起观众对元素的注意力,这也许是设计中添加兴趣点和令人兴奋点的zui有效的方式。
对比不仅能吸引注意力，同时它也建立了元素之间的界限。例如，主要内容的背景颜色和侧边栏 会形成对比，表明一个事物的结束和另一个随之开始的。
差异不同起到重点突出的作用，让更重要的元素和信息突显。差异越大，对比也就越大。对比度越大，越重要的元素就会显现。
例如，两种方式来设置文本加粗和倾斜。加粗的文本明显的显示出了更多的对比，从而脱颖而出。随便一瞥或者是远距离观察，你会发现加粗的文本要比倾斜的文本更容易识别。
如果两个元素是为了有所不同，那么加大反差。你不要让观众去想这个不同是不是作者故意加上的。确保对比是明显并且清晰的。不要留有余地，否则会让人产生误解。不要对比16像素和15像素的文本。即使他们这样做，人们也不会立即注意到差异的，它将会比有意识的对比设计出现更多的错误。
小心使用差异对比，不要做过头。保守谨慎的使用对比。如果一切事情都试图用对比来吸引观众的注意力，反而什么都不会突显。你zui终会导致视觉的混乱。
在设计中，太多的差异对比可以打破和谐统一，导致混乱和困惑。这也许是在设计定稿之后你要做的，但往往不是这样。所以记住要想好哪些元素需要脱颖而出，并让它们看起来不同于其它一切。
差异对比和格式塔
虽然每个格式塔原则是显示在有关某些方面的相似性和对比性，这是我想指出的两点。对比是决定图底关系，显示优势和焦点的关键。
图底关系
当我们看到一幅作品时第yi件事是决定什么是图形，什么是背景。这种关系有助于我们更好的理解这幅作品中的信息。图形和背景需要彼此相互对比，否则观众很难确定哪个是图形哪个是背景。
焦点
这些都是引人注意和有趣的元素。经过设计的它们看起来不同于他们的周围环境。对比是帮助他们脱颖而出并且吸引读者的注意力。作品中zui突出的元素构成主要元素。作品中zui突出的元素和焦点相比较，zui突出的元素比较重要，而焦点程度较轻。