設(shè)計一個網(wǎng)頁，最基本就是從畫布局開始，然而這個也是比較耗時間的，不過沒關(guān)系，今天設(shè)計達人為大家分享一個網(wǎng)頁布局photoshop擴展插件——Velositey，這個擴展可以快速在PS上實現(xiàn)多種流行布局，布局包含頭部、幻燈片、內(nèi)容布局、頁腳排版等等。

PS神器Velositey助您快速的搭建網(wǎng)頁布局,PS教程,

還有個我喜歡Velositey的原因就是這個布局兼容Bootstrap前端框架，它生成的柵格線、Layout都能用Bootstrap來編寫，十分方便。下面我們來簡單介紹下這個擴展：

軟件使用是免費的，所以放心使用，請選擇對應(yīng)的Photoshop版本下載，官網(wǎng)測試了PS CC版，小編測試的是PS CS6版，所以都沒問題哦。

Velositey CS6 V1.1 微盤下載
Velositey CC V1.1 微盤下載

一分鐘搭建網(wǎng)頁布局
快速新建柵格線,柵格總寬度為1170PX，剛好和Bootstrap框架一樣。

PS神器Velositey助您快速的搭建網(wǎng)頁布局,PS教程,

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

PS神器Velositey助您快速的搭建網(wǎng)頁布局,PS教程,

安裝Velositey
Step 1： 下載擴展

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

PS神器Velositey助您快速的搭建網(wǎng)頁布局,PS教程,

Step 2：安裝路徑

這里小編下載的是CS6版本，解壓后把文件夾Velositey整個復制到CS6安裝目錄的：Plug-ins–Panels目錄下。

Step 3：: 打開擴展

打開PS軟件，然后點擊菜單窗口>-擴展功能Velositey即可打開。

浦北網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,浦北網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為浦北數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請找那個售后服務(wù)好的浦北做網(wǎng)站的公司定做！