巧用图层样式使网站设计更有效率

2023-11-28

次

图层款式是每个网站规划师都常用的功能，合理巧妙的使用能大大的节约咱们的工作时间，进步工作效率，今天我来分享一下平时工作中对图层款式使用的一点技巧，希望对新手有点协助，咱们的方针：简单有用。

一、按钮篇

在制造页面的按钮时，咱们希望确保规划风格的情况下，能够程度习惯各类修正情况，比方：尺度，色彩，形状的修正等等。下面来谈谈几种风格按钮的制造办法

网站上最常见的按钮，用图层款式来做也最简单：突变叠加+投影，没难度。

下面再来一个比较常见，有两明暗双描边的按钮。

OK，咱们再进阶一下，之前做的第二个按钮是四边都有高光的，那只有顶部有高光按钮用图层款式又应该怎么做呢？

看到没有！只需将内发光改为内暗影就能够自在的控制光源啦，上下高光都能够有！

有同学问了：“假如要制造顶部底部双高光的效果怎么办呢？” 通过款式一样能够处理：

由此可见，暗影，描边，内发光，内暗影,突变叠加，色彩叠加，浮雕是制造按钮的法宝，一些惯例做法中要建2-3个图层的效果，通过图层款式直接就能够完成了，这样做的好处便是有利于后期修正，大大进步工作效率。

OK，下面让咱们来看看图层款式在制造其他规划元素中的效果吧。

二、其他使用

1、明暗交界限

惯例做法:明线、暗线、背景各建一个图层，现在只需三个款式就搞定了，并且长短巨细都能够很便利的改变。同样的办法也能够用来制造表格线条哦（当然，也只是相对便利一点，建议表格仍是结合其他软件一起制造吧。）

2、图标的表里描边

具体的数值就不再一一列出了，大家自己研究下吧