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


相關文章

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

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

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

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

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

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

Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格

Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格

「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)

「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)





回應本篇 »

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

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

共 4 梅留言

  • 第1梅
    chiu 說道:

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

    回應:
    那有找到plugins嗎?