一分鐘搭建網(wǎng)頁布局！PS擴(kuò)展神器Velositey

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

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

相關(guān)推薦：
《取色指南！7款靠譜工具幫你選取完美配色》
《交互神器！誰是最好用的原型繪制工具？》
《設(shè)計師新寵！交互神器ORIGAMI》

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

感謝@阿隨向前沖 同學(xué)提醒，已更新到2.0版本，支持CS6、CC、CC 2014，可在 微盤下載

一分鐘搭建網(wǎng)頁布局

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

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

安裝Velositey

Step 1： 下載擴(kuò)展

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

Step 2：安裝路徑

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

Step 3：: 打開擴(kuò)展

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

好吧，安裝都是很簡單的，如果有問題或使用心得，可在文章底部評論處留言交流。如果你有好的擴(kuò)展，請別忘了分享哦！

原文地址：shejidaren

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量66萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：