移动端网页设计渐变叠加（web渐变）
本文目录一览：
如何在设计中使用色彩叠加?
你不需要总是使用一个色彩做叠加，有时你可以考虑黑白灰。使用这些颜色和色调可以真正改变一个设计的情绪。
色彩重叠的方法一般ui设计中常用的有两种方法，通过颜色叠加、相近色叠加以及补色叠加。通常一种颜色叠加在另外一种颜色上，起到强调作用，吸引眼球。
叠加模式把图像的“基色”颜色与“混合色”颜色相混合产生一种中间色。
双击添加的流程图图形可以对内容进行填充使用，填充的内容不宜过多，可以适当缩略讲述。
ps实用教程:制作漂亮的网站导航条
大致过程：先用做出自己想要的导航栏形状，然后分别对导航栏的高光及背景部分设置图层样式，做出水晶质感。后期调整细节并加上文字即可。最终效果打开下图所示的背景素材。
最终效果：新建一个600*150的文件，背景填充黑色。选择“圆角矩形工具”画一个同样填充黑色的圆角矩形，选择“添加图层样式—斜面浮雕—描边”：得到如下效果：制作高光区。
首先我们打开ps任意版本进入 建立图层10*10像素大小的图片，这个大小决定网格的大小，10像素不够就20依次递增或递减，自己测试自己需要的大小。
打开PS，新建一文件，大小设置为“200*800”，背景色设为“透明”。选择“工具栏”中的“圆角矩形工具”项，并设置合适的“半径”（如20像素），然后在绘图区域进行绘制，可以通过按键盘组合键“Ctrl+T”对其进行调整。
画出下图的形状。叠加渐变。复制一层，去除图形样式，叠加黑色。高斯模糊，然后移动下金色下层，与它重合。自由变换，右键透视，上面拉开。适当降低阴影层透明度，添加蒙版，擦掉不满意的地方。谢谢观看。
ui设计如何做到色彩重叠
1、色相一致的配色：色相上的一致，就是指设计上用相同或者相近的颜色。例如使用绿色，就在画面设计中全部用绿色或者和绿色的相近色去设计。这种方法可以使观看者第一时间感受到色彩的一致性。
2、B是明度（Brightness），即颜色的深浅，明度越高，颜色越接近白色，越低，则越接近黑色。因此，使用HSB来调整颜色，可以让人可以更直观的调整出想要的颜色来。
3、最后一种方法就是类似法，在进行方案设计过程中，主要注重互补色，这样能够很好的突出所选择主要颜色的活力。例如在设计过程中选择红橙黄，那么在整个网站中会显得非常有活力，并且不会出现颜色搭配不合理的情况。
4、多颜色搭配 从个人的经验中总结，如果只使用一种颜色来设计往往容易使界面变得单调，且具有应用的局限性。而多颜色搭配的设计更能让整体的UI界面变得丰富有层次，并且更加贴合年轻化的趋势。
