HTML5开发工具

当前位置: HTML5技术网 > HTML5开发工具 > 快速排版网页布局的PS扩展 – Velositey

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

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

       还有个我喜欢Velositey的原因就是这个布局兼容Bootstrap前端框架,它生成的栅格线、Layout都能用Bootstrap来编写,十分方便。下面我们来简单介绍下这个扩展:
       1分钟搭建一个网页布局
       快速新建栅格线,栅格总宽度为1170PX,刚好和Bootstrap框架一样。


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

       安装Velositey


       STEP1: 下载扩展


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



       STEP2: 安装路径


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


       STEP3: 打开扩展


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



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


       下载地址


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


微盘下载(约4MB):Velositey CS6 V1.1 | Velositey CC V1.1 | 官网下载

【快速排版网页布局的PS扩展 – Velositey】相关文章

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

2. CSS网页布局中文排版的9则技巧

3. 6款强大的 jQuery 网页布局创建及优化插件

4. MasonJS – 创建完美的砌体结构网页布局

5. TeleNav实现网页GPS导航

6. HTML5、CSS3应用教程之 跟DIV说Bey!Bey!

7. 瀑布流多列布局排版控制CSS3的实现方法

8. phonegap教程第8讲 Jquery Mobile中流式布局,网格布局以及响应式布局教程 ...

9. 创建响应式布局的10款优秀网格工具集锦

10. 创建响应式布局的优秀网格工具集锦

本文来源:https://www.51html5.com/a127.html

点击展开全部
上一篇:JSHint 2.7.0 发布,JavaScript 代码质量检查 下一篇:推荐10款web前端的 HTML5 开发框架和开发工具

﹝快速排版网页布局的PS扩展 – Velositey﹞相关内容

「快速排版网页布局的PS扩展 – Velositey」相关专题

ps
复制网址 收藏网址 分享到微信 分享到微博 分享到QQ

其它栏目

学习教程 HTML5开发工具 HTML5网站 HTML5游戏 HTML5资讯

也许您还喜欢