Velositey是Photoshop的一款网页布局扩展插件，通过这款插件你可以快速搭建网页布局，布局包括头部、幻灯片、内容布局、页脚排版等等。可以让设计师专注打磨细节完善设计，而不用在无聊枯燥的事情上耗费时间。

【PS网页原型设计插件】Velositey使用说明：

1、新建文档首先，我们需要点击“ [+] New Template”按钮来新建一个空白文档。文档自带栅格，总宽度1170px，间隔为30px，方便你为网站进行设计。

2、添加Header在“[+] New Template”按钮下方，你可以看到一系列选项卡，其中一个是Header。当我点击其中的一个的时候，Velositey会自动在文档中生成Header。

3、增加Slider区域(Slider Section)尽管大尺寸Banner和slider区域有缺陷，但是很多网站依然选择保留这个区域。Velositey中内置了许多样式，增加slider区域和添加Header一样容易，点击选择即可。

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

5、增加更多模块在Velositey中，每个模块相当于一个独立的内容块。它的内容和用途由设计师来决定。和Header、滑块区域不同，我们可以在文档中添加多个模块。

6、添加Footer通常网页的最底下都会添加Footer，同样的，Velositey为我们内置了一些可选的Footer。

【PS网页原型设计插件】Velositey安装方法：

1、下载扩展先从官网下载对应版本的Velositey Photoshop 扩展(下载链接)，如下图，点击网页页脚的下载按钮，需要提供Twitter和Facebook帐号才能下载，不过我们也很贴心的上传到微盘上了。

2、安装路径这里西西下载的是CS6版本，解压后把文件夹Velositey整个复制到CS6安装目录的：Plug-ins–Panels目录下。

3、打开扩展打开PS软件，然后点击菜单窗口>-扩展功能Velositey即可打开。

PS网页原型设计插件Velositey截图：