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

还有个我喜欢Velositey的原因就是这个布局兼容Bootstrap前端框架,它生成的栅格线、Layout都能用Bootstrap来编写,十分方便。下面我们来简单介绍下这个扩展:
软件使用是免费的,所以放心使用,请选择对应的Photoshop版本下载,官网测试了PS CC版,小编测试的是PS CS6版,所以都没问题哦。
Velositey CS6 V1.1 微盘下载
Velositey CC V1.1 微盘下载
快速新建栅格线,栅格总宽度为1170PX,刚好和Bootstrap框架一样。

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

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

Step 2:安装路径
这里小编下载的是CS6版本,解压后把文件夹Velositey整个复制到CS6安装目录的:Plug-ins–Panels目录下。
Step 3:: 打开扩展
打开PS软件,然后点击菜单窗口>-扩展功能Velositey即可打开。

好吧,安装都是很简单的,如果有问题或使用心得,可在文章底部评论处留言交流。如果你有好的扩展,请别忘了分享哦!
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
设计师解读如何让扁平的网页更出彩
相关文章10302018-12-07
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
详解网页图文组合的三种布局方式
相关文章3752018-11-13
实例分析9款惊艳的网页设计作品
相关文章5142018-10-10
11款2018年最值得关注网页开发博客
相关文章2022018-08-14
10种网页设计中字体的运用方式
相关文章3472018-05-10
优秀的网页设计和开发资源干货集合
相关文章5102018-05-10
精选5月最流行的网页设计趋势
相关文章4832018-05-10
