三分钟搞定一个网页原型设计_快速把现有网页做成原型

三分钟搞定一个网页原型设计

PS插件之Velositey（撒福利一波吼~）

做设计的大佬们应该很熟这个插件了，主要安利给平时不玩设计的后台们，以及不想花时间在做重复框架上的同学，更多的时间快留给打磨属于自己的特色细节上（(｡･∀･)ﾉ）！。
放张PS里的效果图：

左边是拖拽效果图，右边就是装好后的Velositey插件。不太好的是，因为不受支持，Velositey开发停在了Velositey v2上（只能兼容Photoshop CS6，CC和CC2014）。

下载链接：http://dandkagency.com/extensions/velositey-v2/。

能兼容的同学可直接在链接里下载插件（CC 2014版后的修改在下面），下好了压缩包后续可以有两种操作：

1.安装Adobe的扩展管理器,用管理器安装插件。

2.直接将压缩包中的Velositey文件夹拖放到Photoshop安装路径下的Plug-ins 文件夹中。

好的，接下来就是重启PS，点击 窗口->扩展功能->Velositey，就可以在PS里直接拖拽新建网页原型了。

然而！（摔！(′д｀ )…彡…彡）PS CC2017不兼容！为了避免再下个老版本的PS…..参考知乎上大佬的方案，我们再来稍微做点改动。

1.还是先下载Velositey v2，解压了后进到Velositey Version 2 文件夹，将com.dkagency.velositey.zxp 再解压。

2.打开CSXS文件夹中的manifest.xml，将这两行中的15.9改为99.9,以支持比CC2014更高版本。

---

3.将修改好的整个com.dkagency.velositey文件夹贴到C:\Program Files\Common Files\Adobe\CEP\extensions3文件夹下。

4. Win+R后输入regedit打开注册表编辑器，找到HKEY CURRENT_USER\Software\Adobe\CSXS.7,在右边新增一个字符串值PlayerDebugMode，值设为1。

5.其实这个时候打开PS的扩展功能发现已经有Velositey了，然而因为少加载了个CSS，导致按钮有些错位，于是我们再修改下com.dkagency.velositey文件夹下的index文件：

将<link id="custom" rel="stylesheet"/>
修改成：
<link id="custom" rel="stylesheet" href="css/customDark.css"/>
就好了！(｡･∀･)ﾉﾞ

6.最后就和上面一样，重启PS，点击 窗口->扩展功能->Velositey。

对了，重要的是，拖拽上去的板块全是矢量图层，方便直接切图，而且颜色，大小，字体，内容等等都可以直接修改的(￣▽￣)ブ！！！

最后再po上几张速成图：

---

---

Emmm…..mm,总而言之速成网页原型是很不错了。