Velositey[PS擴(kuò)展] - 一分鐘搞定網(wǎng)頁(yè)排版布局

設(shè)計(jì)一個(gè)網(wǎng)頁(yè)，最基本就是從畫(huà)布局開(kāi)始，然而這個(gè)也是比較耗時(shí)間的，不過(guò)沒(méi)關(guān)系，今天圖趣網(wǎng)為大家轉(zhuǎn)載分享一個(gè)網(wǎng)頁(yè)布局Phtoshop擴(kuò)展插件 – Velositey，這個(gè)擴(kuò)展可以快速在PS上實(shí)現(xiàn)多種流行布局，布局包含頭部、幻燈片、內(nèi)容布局、頁(yè)腳排版等等。

還有個(gè)我喜歡Velositey的原因就是這個(gè)布局兼容Bootstrap前端框架，它生成的柵格線、Layout都能用Bootstrap來(lái)編寫(xiě)，十分方便。下面我們來(lái)簡(jiǎn)單介紹下這個(gè)擴(kuò)展：

1分鐘搭建一個(gè)網(wǎng)頁(yè)布局

快速新建柵格線,柵格總寬度為1170PX，剛好和Bootstrap框架一樣。

通過(guò)擴(kuò)展的布局功能，我們只用1分鐘時(shí)間就能實(shí)現(xiàn)下圖這個(gè)網(wǎng)頁(yè)排版，圖層也幫你編組好，真的好人性化。

安裝Velositey

STEP1: 下載擴(kuò)展

先從官網(wǎng)下載對(duì)應(yīng)版本的Velositey Photoshop 擴(kuò)展（下載鏈接在文章底部），如下圖，點(diǎn)擊網(wǎng)頁(yè)頁(yè)腳的下載按鈕，需要提供Twitter和Facebook帳號(hào)才能下載，不過(guò)我們也很貼心的上傳到微盤(pán)上了。

STEP2: 安裝路徑

這里設(shè)計(jì)達(dá)人網(wǎng)小編下載的是CS6版本，解壓后把文件夾Velositey整個(gè)復(fù)制到CS6安裝目錄的：Plug-ins – Panels目錄下。

STEP3: 打開(kāi)擴(kuò)展

打開(kāi)PS軟件，然后點(diǎn)擊菜單窗口-擴(kuò)展功能-Velositey即可打開(kāi)。

好吧，安裝都是很簡(jiǎn)單的，如果有問(wèn)題或使用心得，可在文章底部評(píng)論處留言交流。

下載地址

軟件使用是免費(fèi)的，所以放心使用，請(qǐng)選擇對(duì)應(yīng)的Photoshop版本下載，官網(wǎng)測(cè)試了PS CC版，小編測(cè)試的是PS CS6版，所以都沒(méi)問(wèn)題哦！

官網(wǎng)下載：http://dandkagency.com/velositey/

ps cs6版本下載

下載信息  [文件大?。?.51 MB 下載次數(shù)： 次]

點(diǎn)擊下載文件:好用的PS擴(kuò)展工具Velositey_CS6_v1.1

 ps cc版本下載

下載信息  [文件大?。?.46 MB 下載次數(shù)： 次]

點(diǎn)擊下載文件:好用的PS擴(kuò)展工具Velositey_CC_v1.1