一分钟搭建网页布局！PS扩展神器Velositey

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

设计一个网页，最基本就是从画布局开始，然而这个也是比较耗时间的，不过没关系，今天设计达人为大家分享一个网页布局Photoshop扩展插件——Velositey，这个扩展可以快速在PS上实现多种流行布局，布局包含头部、幻灯片、内容布局、页脚排版等等。

还有个我喜欢Velositey的原因就是这个布局兼容Bootstrap前端框架，它生成的栅格线、Layout都能用Bootstrap来编写，十分方便。下面我们来简单介绍下这个扩展：

相关推荐：
《取色指南！7款靠谱工具帮你选取完美配色》
《交互神器！谁是最好用的原型绘制工具？》
《设计师新宠！交互神器ORIGAMI》

软件使用是免费的，所以放心使用，请选择对应的Photoshop版本下载，官网测试了PS CC版，小编测试的是PS CS6版，所以都没问题哦！

感谢@阿随向前冲 同学提醒，已更新到2.0版本，支持CS6、CC、CC 2014，可在 微盘下载

一分钟搭建网页布局

快速新建栅格线,栅格总宽度为1170PX，刚好和Bootstrap框架一样。

通过扩展的布局功能，我们只用1分钟时间就能实现下图这个网页排版，图层也帮你编组好，真的好人性化。

安装Velositey

Step 1： 下载扩展

先从官网下载http://dandkagency.com/velositey/ 对应版本的Velositey Photoshop 扩展（下载链接在文章底部），如下图，点击网页页脚的下载按钮，需要提供Twitter和Facebook帐号才能下载，不过我们也很贴心的上传到微盘上了。

Step 2：安装路径

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

Step 3：: 打开扩展

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

好吧，安装都是很简单的，如果有问题或使用心得，可在文章底部评论处留言交流。如果你有好的扩展，请别忘了分享哦！

原文地址：shejidaren

【木子设计网 原创文章 投稿邮箱：13671295@qq.com】
================关于木子设计网================
"木子设计网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：https://www.muzisucai.com/。
设计微博：拥有粉丝量66万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：https://www.muzisucai.com/
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【muzisucai_com】优设哥的全拼
您也可以通过扫描下方二维码快速添加：