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

在这个阶段，我们已经完成了网页设计的必要部分，从Header到Footer，只需要几次点击就可以了。为了更好的布局，你还可以这样添加一些合理的空档：

现在我们已经完成了基本的布局，接下来，我们可以定制它，让它看起来更符合一个高保真的原型。

上面这个过程有多快？看下面的视频你就明白！

 使用图层效果

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

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

使用调整图层

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

最终成品

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

结语

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

细节调整

当我们为文档进行个性化调整的时候，尽可能保证每个图层的完整性是基本原则。每个图层在进行调整的时候，不能对其进行破坏性的修改，这样可以确保原型的可调整性。这样一来，我们就需要用到PS的以下特性：

此外，我个人比较喜欢尽可能少地使用图层。

使用智能对象

在置入LOGO的时候，将其调整为智能对象是非常有必要的。