banner

@陳子木 網頁設計師的工作過程是極富創造性的,而各種開發工具,就是為了盡可能地彌補創造性與復雜的技術實現之間的隔膜而存在,讓設計師盡可能地釋放出他們內在的創造力。如此一來,選擇最合適最優秀的設計工具就成了網頁設計師的剛需。

相關干貨合集:
《”沒有它我就不會切圖!”省時省力的切圖神器SLICY下載》
《華麗來襲!20款免費高質量的網頁PSD模板》
《五一福利!12款網頁設計師必備神器推薦》

時至今日,各種工具和插件已經多如繁星,而且通常最好和最有用的工具都是收費的。為此,我們專門整理出了這些免費優質的Photoshop 插件,希望能對網頁設計師和愛好者們有所幫助。

Layrs Control

適用版本:CS6,CC

這是一款基礎的PS插件,為你提供日常使用的支持。在這款圖層控制插件的幫助下,你可以輕松刪除無用的圖層效果,刪除空白無效的圖層,柵格化智能對象,還可以根據扁平化的設計規則將視覺元素扁平化。在扁平化流行的今天,也許這款插件正是你所需要的。

Cut&Slice

適用版本:CS6, CC

這是一款專門用來切割布局、導出切片并為不同設備設備輸出切片的便捷工具。對于需要考慮多尺寸屏幕的網頁設計師而言,這款工具堪稱神器。Cut&Slice在導出切片的時候,會根據所需的設備類型進行單獨優化。當圖層命名符合特定語法規則的時候,Cut&Slice會根據輸出的設備類型,自動地為單個圖層或者一組圖層附加動作,包括裁剪、縮放、檢測按鍵狀態等。

Render.ly

適用版本:CC

Render.ly的基礎功能和Cut&Slice的有點相似,不過Render.ly擁有更多實用的功能。它允許用戶在布局和圖層上留下評論,然后同步到云端,在網上發布。Render.ly的另一個好處就是,它非常聰明地優先輸出更容易處理的元素,以提高處理圖層切片的速度。

CSS3Ps

適用版本:CS3+

CSS3Px是一款能將PS的形狀與樣式轉化為CSS3和SCSS/SASS的優秀工具。它的處理范圍非常廣,包括純文本圖層,內陰影、外發光效果,還有各種圖形,這也就意味著它可以將按鈕的內外陰影,邊緣弧度都用角度都轉化為樣式表。

這款插件是基于云的,這是優勢,也存在問題。它的優勢在于無需通過重新安裝來獲取新的功能的特性,但是同樣的,它的缺陷也來自云,CSS3Ps需要連接互聯網,因為所有的東西都需要在服務器上生成再輸出。

Composer

適用版本:CS5, CS6, CC

這款名為Composer的插件讓你可以同時對多個不同的圖層進行相同的操作,這可以讓設計師從可怕的繁瑣工作中解脫出來。雖然它在操作數上有限制,但是它會覆蓋你所做出的任何修改。

GuideGuide

適用版本:CS5, CS6, CC

如果你需要制作多種不同尺寸樣式的引導頁或者說明,那么這款插件是你的不二選擇。

WebFont

適用版本:CS5, CS6, CC

一個網頁設計師要做出令人驚艷的設計作品,往往會用一些非常用的字體,不幸的是,這些字體并不會在所有瀏覽器中都正常顯示。通過這款插件,你可以直接在PS的窗口中”試用”哪些web字體,看看它們實際顯示的效果。這款插件直接接入到了Google字體和weblnk調用了上千款web字體。當然,英文字體居多。

Divine Elemente

Divine Elemente是最令人激動的PS插件之一。Divine Elemente這個項目所針對的對象并不僅僅是專業的網頁設計師,還希望能造福于那些僅了解PS基礎知識的博客和網站管理員,因為Divine Elemente號稱是旨在創建”wordpress和Photoshop之間的隱形橋梁”。

在Divine Elemente的幫助下,任何人都可以創建wordpress主題,無需專門的前端/后端知識。你所需要做的,就是裝上插件,按照內置的藍圖創建布局,然后將你的PS設計轉化成HTML/CSS/PHP代碼。非常驚艷吧!這款插件唯一的缺陷在于它目前僅僅只適用于windows系統。不過,使用Mac的同學也不用擔心,因為開發商表示在不久的未來將會發布Mac的版本。同時,開發商還承諾了更多的好處:搜索引擎優化,使用HTML編輯器,XAMPP支持,兼容性提升等等。

這款插件可以免費試用,有付費版本,而付費版本中可以享受升級、高級主題/插件等一系列福利。

Random User Generator

適用版本:CS6, CC

當創建網頁布局的時候,常常需要同時創建示例用戶,這些示例用戶得擁有逼真的名字的照片,這個時候,你就需要這款插件。只需要輕輕一點,插件會自動為你生成一個擁有名字和頭像的隨機用戶,看起來還滿逼真的樣子,你再也不用為此到處翻找了。當你在做網頁版面編排設計的時候,隨機生成的人物角色可以很好地填補需要用戶頭像和基本信息的位置。這款插件是在RandomUser API的協助下完成的。

BlendMeIn

適用版本:適用版本:CS6, CC

BlendMeln可能是最受網頁設計師追捧的PS插件之一。當網頁設計成為了你每個項目必須的組成部分之時,如何時刻把控并運用高質量網頁元素就顯得很重要了。于是BlendMeln的重要性就凸顯出來了:它提供了許多的設計資源,并且都是分層的PSD文件和矢量的AI文件,裝上它,你所需要做的就是根據關鍵詞來搜索,并且無需離開PS或者AI的窗口。不論你是PS重度用戶還是新手,這種插件都是你必裝的吧?

FlatIcon

適用版本:適用版本:CS5, CS6, CC

快到碗里來!裝上Flaticon插件,超過38000個扁平化的圖標就到你的PS窗口中去了!這款插件是Freepik.com網站制作的,它也是目前網上最大的分層PSD資源站。不要錯過哦~

原文地址:photoshopstar
優設網翻譯:@陳子木
本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱:[email protected]

 
================關于優設網================
“優設網uisdc.com“是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量68萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

點贊
收藏 2
繼續閱讀相關文章

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
評論 收藏