分享此网站可得100G教程,联系小洁领取点击这里给我发消息

快速排版网页布局的PS扩展 – Velositey

UI工具 学UI设计 1183次浏览 0个评论

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

快速排版网页布局的PS扩展 – Velositey

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

1分钟搭建一个网页布局

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

快速排版网页布局的PS扩展 – Velositey

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

快速排版网页布局的PS扩展 – Velositey

安装Velositey

STEP1: 下载扩展

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

快速排版网页布局的PS扩展 – Velositey

STEP2: 安装路径

这里设计达人网小编下载的是CS6版本,解压后把文件夹Velositey整个复制到CS6安装目录的:Plug-insPanels目录下。

STEP3: 打开扩展

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

快速排版网页布局的PS扩展 – Velositey

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

下载地址

软件使用是免费的,所以放心使用,请选择对应的Photoshop版本下载,官网测试了PS CC版,小编测试的是PS CS6版,所以都没问题哦!
PS cs6下载地址Velositey CS6 V1.1


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (1)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!