@陳子木 網(wǎng)頁設(shè)計(jì)師的工作過程是極富創(chuàng)造性的，而各種開發(fā)工具，就是為了盡可能地彌補(bǔ)創(chuàng)造性與復(fù)雜的技術(shù)實(shí)現(xiàn)之間的隔膜而存在，讓設(shè)計(jì)師盡可能地釋放出他們內(nèi)在的創(chuàng)造力。如此一來，選擇最合適最優(yōu)秀的設(shè)計(jì)工具就成了網(wǎng)頁設(shè)計(jì)師的剛需。
相關(guān)干貨合集：
《”沒有它我就不會(huì)切圖！”省時(shí)省力的切圖神器SLICY下載》
《華麗來襲！20款免費(fèi)高質(zhì)量的網(wǎng)頁P(yáng)SD模板》
《五一福利！12款網(wǎng)頁設(shè)計(jì)師必備神器推薦》
時(shí)至今日，各種工具和插件已經(jīng)多如繁星，而且通常最好和最有用的工具都是收費(fèi)的。為此，我們專門整理出了這些免費(fèi)優(yōu)質(zhì)的Photoshop 插件，希望能對(duì)網(wǎng)頁設(shè)計(jì)師和愛好者們有所幫助。
適用版本：CS6，CC
這是一款基礎(chǔ)的PS插件，為你提供日常使用的支持。在這款圖層控制插件的幫助下，你可以輕松刪除無用的圖層效果，刪除空白無效的圖層，柵格化智能對(duì)象，還可以根據(jù)扁平化的設(shè)計(jì)規(guī)則將視覺元素扁平化。在扁平化流行的今天，也許這款插件正是你所需要的。
適用版本：CS6, CC
這是一款專門用來切割布局、導(dǎo)出切片并為不同設(shè)備設(shè)備輸出切片的便捷工具。對(duì)于需要考慮多尺寸屏幕的網(wǎng)頁設(shè)計(jì)師而言，這款工具堪稱神器。Cut&Slice在導(dǎo)出切片的時(shí)候，會(huì)根據(jù)所需的設(shè)備類型進(jìn)行單獨(dú)優(yōu)化。當(dāng)圖層命名符合特定語法規(guī)則的時(shí)候，Cut&Slice會(huì)根據(jù)輸出的設(shè)備類型，自動(dòng)地為單個(gè)圖層或者一組圖層附加動(dòng)作，包括裁剪、縮放、檢測(cè)按鍵狀態(tài)等。
適用版本：CC
Render.ly的基礎(chǔ)功能和Cut&Slice的有點(diǎn)相似，不過Render.ly擁有更多實(shí)用的功能。它允許用戶在布局和圖層上留下評(píng)論，然后同步到云端，在網(wǎng)上發(fā)布。Render.ly的另一個(gè)好處就是，它非常聰明地優(yōu)先輸出更容易處理的元素，以提高處理圖層切片的速度。
適用版本：CS3+
CSS3Px是一款能將PS的形狀與樣式轉(zhuǎn)化為CSS3和SCSS/SASS的優(yōu)秀工具。它的處理范圍非常廣，包括純文本圖層，內(nèi)陰影、外發(fā)光效果，還有各種圖形，這也就意味著它可以將按鈕的內(nèi)外陰影，邊緣弧度都用角度都轉(zhuǎn)化為樣式表。
這款插件是基于云的，這是優(yōu)勢(shì)，也存在問題。它的優(yōu)勢(shì)在于無需通過重新安裝來獲取新的功能的特性，但是同樣的，它的缺陷也來自云，CSS3Ps需要連接互聯(lián)網(wǎng)，因?yàn)樗械臇|西都需要在服務(wù)器上生成再輸出。
適用版本：CS5, CS6, CC
這款名為Composer的插件讓你可以同時(shí)對(duì)多個(gè)不同的圖層進(jìn)行相同的操作，這可以讓設(shè)計(jì)師從可怕的繁瑣工作中解脫出來。雖然它在操作數(shù)上有限制，但是它會(huì)覆蓋你所做出的任何修改。
適用版本：CS5, CS6, CC
如果你需要制作多種不同尺寸樣式的引導(dǎo)頁或者說明，那么這款插件是你的不二選擇。
適用版本：CS5, CS6, CC
一個(gè)網(wǎng)頁設(shè)計(jì)師要做出令人驚艷的設(shè)計(jì)作品，往往會(huì)用一些非常用的字體，不幸的是，這些字體并不會(huì)在所有瀏覽器中都正常顯示。通過這款插件，你可以直接在PS的窗口中”試用”哪些web字體，看看它們實(shí)際顯示的效果。這款插件直接接入到了Google字體和weblnk調(diào)用了上千款web字體。當(dāng)然，英文字體居多。
Divine Elemente是最令人激動(dòng)的PS插件之一。Divine Elemente這個(gè)項(xiàng)目所針對(duì)的對(duì)象并不僅僅是專業(yè)的網(wǎng)頁設(shè)計(jì)師，還希望能造福于那些僅了解PS基礎(chǔ)知識(shí)的博客和網(wǎng)站管理員，因?yàn)镈ivine Elemente號(hào)稱是旨在創(chuàng)建”wordpress和Photoshop之間的隱形橋梁”。
在Divine Elemente的幫助下，任何人都可以創(chuàng)建wordpress主題，無需專門的前端/后端知識(shí)。你所需要做的，就是裝上插件，按照內(nèi)置的藍(lán)圖創(chuàng)建布局，然后將你的PS設(shè)計(jì)轉(zhuǎn)化成HTML/CSS/PHP代碼。非常驚艷吧！這款插件唯一的缺陷在于它目前僅僅只適用于windows系統(tǒng)。不過，使用Mac的同學(xué)也不用擔(dān)心，因?yàn)殚_發(fā)商表示在不久的未來將會(huì)發(fā)布Mac的版本。同時(shí)，開發(fā)商還承諾了更多的好處：搜索引擎優(yōu)化，使用HTML編輯器，XAMPP支持，兼容性提升等等。
這款插件可以免費(fèi)試用，有付費(fèi)版本，而付費(fèi)版本中可以享受升級(jí)、高級(jí)主題/插件等一系列福利。
適用版本：CS6, CC
當(dāng)創(chuàng)建網(wǎng)頁布局的時(shí)候，常常需要同時(shí)創(chuàng)建示例用戶，這些示例用戶得擁有逼真的名字的照片，這個(gè)時(shí)候，你就需要這款插件。只需要輕輕一點(diǎn)，插件會(huì)自動(dòng)為你生成一個(gè)擁有名字和頭像的隨機(jī)用戶，看起來還滿逼真的樣子，你再也不用為此到處翻找了。當(dāng)你在做網(wǎng)頁版面編排設(shè)計(jì)的時(shí)候，隨機(jī)生成的人物角色可以很好地填補(bǔ)需要用戶頭像和基本信息的位置。這款插件是在RandomUser API的協(xié)助下完成的。
適用版本：適用版本：CS6, CC
BlendMeln可能是最受網(wǎng)頁設(shè)計(jì)師追捧的PS插件之一。當(dāng)網(wǎng)頁設(shè)計(jì)成為了你每個(gè)項(xiàng)目必須的組成部分之時(shí)，如何時(shí)刻把控并運(yùn)用高質(zhì)量網(wǎng)頁元素就顯得很重要了。于是BlendMeln的重要性就凸顯出來了：它提供了許多的設(shè)計(jì)資源，并且都是分層的PSD文件和矢量的AI文件，裝上它，你所需要做的就是根據(jù)關(guān)鍵詞來搜索，并且無需離開PS或者AI的窗口。不論你是PS重度用戶還是新手，這種插件都是你必裝的吧？
適用版本：適用版本：CS5, CS6, CC
快到碗里來！裝上Flaticon插件，超過38000個(gè)扁平化的圖標(biāo)就到你的PS窗口中去了！這款插件是Freepik.com網(wǎng)站制作的，它也是目前網(wǎng)上最大的分層PSD資源站。不要錯(cuò)過哦~
原文地址：photoshopstar
優(yōu)設(shè)網(wǎng)翻譯：@陳子木
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
“優(yōu)設(shè)網(wǎng)uisdc.com“是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量68萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的”福利”嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：
非特殊說明，本文版權(quán)歸原作者所有，轉(zhuǎn)載請(qǐng)注明出處
本文地址：http://www.uisdc.com/photoshop-plugins-for-web-designers
聯(lián)系客服
