Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊

梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
  當今天在設計網頁視覺版型時,還是脫離不了Photoshop,同時在設計時,也會透過Photoshop的參考線,來分割版型區塊與對位,由其是目前自適應網頁,參考線更是不可少,因此一開始就得先將參考給建立好,再將區塊一個一個放到指定的區塊中,相信這應該是每個網頁設計師每天必作的工作,而最近梅干發現一套好用的版型產生器,只要一件立即就會將版面的參考線給規畫好,甚至還可快速的產生版頭、內容區塊、側邊欄、版尾......等,相當的方便,當產生完畢後,只需自己再針對區塊加以設計,立即就可完成網頁的視覺設計,可大幅的縮短製作時程,因此身為網頁設計的你,千萬也別錯過了。

Velositey:
外掛名稱:Velositey
適用版本:Photoshop CS6、CC
外掛性質:免費
外掛下載:http://dandkagency.com/extensions/velositey/

Step1
進入外掛頁面後,點上方的PRODICTS後,再向下拉,點一下藍色鈕。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step2
接著可用Facebook或 Twitter登入取得此外掛。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step3
登入驗證後,再把訊息發佈到自己社群的動態中,就可完成登入的動作。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step4
接著再按ACCESS,就可下載外掛囉!
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step5
這時再選擇Photoshop的版本,目前只支援到CC。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step6
下載解壓縮,再放到Plugins/Panels目錄下。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step7
安裝完畢後,開啟Photoshop,再點功能列的視窗 / 延伸功能 / Velositey
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step8
當開啟Velositey控制面板後,點一下上方的區塊,立即就會建立一個新檔案,同時還會將參考線建立好,相當的方便。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step9
這時在Layout的頁籤中,分別就可建立像Headers版頭、Sliders滾動區塊、Content內容、Footers版尾、Modules模版區塊。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step10
就這樣點一點,立即可產生所需的區塊,當產生完畢後,再針對這些區塊一一的美化與設計,這樣就大功告成囉!同時還符合自適應使用。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step11
甚至切到Tools頁籤,還可建立像網址圖示,同時還貼心的告知所需的尺寸大小,因此有了這隻外掛後,立即可省去不少的區塊對位,以及區塊建立的時間,更可將心力放在視覺頁面的設計中,因此身為網頁設計師,這隻小工具絕不容錯過喔!
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊

延伸文章

透過Adobe Creative Cloud 安裝多個不同舊版本的Photoshop

透過Adobe Creative Cloud 安裝多個不同舊版本的Photoshop


相關文章

「MaxCurve」iOS史上最強的曲線APP,同時能與Photoshop同步編輯

「MaxCurve」iOS史上最強的曲線APP,同時能與Photoshop同步編輯

Photoshop教學-「透視彎曲」數位蛇腹修正廣角鏡拍攝的透視變形

Photoshop教學-「透視彎曲」數位蛇腹修正廣角鏡拍攝的透視變形

「Icons8」上萬個扁平圖示產生器,可直接拖拉到Photoshop中使用

「Icons8」上萬個扁平圖示產生器,可直接拖拉到Photoshop中使用

Adobe Photoshop CC2017開新檔案大改版,加入Adobe Stock素材模板

Adobe Photoshop CC2017開新檔案大改版,加入Adobe Stock素材模板

使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸

使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 4 梅留言

  • 第1梅
    chiu 說道:

    找不到Plugins/Panels資料夾怎麼辦><

    回應:
    那有找到plugins嗎?

近期講座

2017 (二月講座)

2017 (一月講座)

更多講座