解析PS的Velositey插件在网页设计中应用

案例中，我们选择最后一个slider样式，于是就生成了一个包含标题、内容和两个按钮的slider区域。

正如上图所示，你可以在图层面板中看到slider区域的图层分组。

增加内容区域

增加内容区域也一样简单。Velositey中第三个选项卡就是内容区域。

我选择了第三个样式，点击后添加了三列内容，每列包含标题、图片和预制的内容。

使用图层效果

调整图层效果想必大家都已经非常熟悉了。在案例中，我们借助图层效果来为按钮上色，添加渐变。具体的操作在这里就不赘述了。

重复这些步骤，这里就是需要你精心打磨的设计细节了。它们让你的网页的可读性更高，增加视觉表现力，等等等等。

使用调整图层

调整图层的存在，使得设计师可以以非破坏性的方式来定制图层的色调（亮度、对比度等）。在案例中，我们可以将模块中的图标变为黑白。在模块组中找到对应的图层，右键点击，选择“编辑内容”选项，随后，点击“新建调整图层”然后选择黑白效果就好了。

最终成品

最后，将预制的文本内容（标题、文本）替换成你需要的内容，然后这个原型就算是成品了！

结语

仔细看看Velositey，你会发现用好工具真的能事倍功半。不论你是用PS、AI还是热衷Sketch，这些系统化的设计平台都有着许多使用技巧和拓展工具，闲暇的时候稍加研究，绝对会获益匪浅。你说呢？