25款最佳網頁設計神器分享

■樊小春

對于網頁設計師而言，Photoshop 是必不可少的工具。而事實上，Photoshop 除了其原有的基礎功能之外，我們還可以給PS 配置許多功能強大的PS 插件，這些PS 插件可以讓平時復雜繁瑣的操作變得更加簡單。這里，我們就和大家分享25款國外設計師經常會用到的PS 插件。

1 、BlendMe.in

這插件是多數網頁設計師和做手機界面的UI 設計師特別喜歡的，blendeme 提供很多優秀的UI 設計元素，如圖標、UI kits、等等。

插件提供的素材版權均為免費，格式是分層PSD 或AI矢量文件。用戶安裝后，可以通過關鍵詞來快速搜索資源。此外，

2 、Web Font Plugin

該插件可模擬出一個網站使用Web 字體的情況。當網址可用時，該插件允許你用相同的Web 字體來進行設計，同時也支持你通過搜索你的模擬Web 字體，以及連接到谷歌字體，其內嵌1000 多個谷歌字體，方便設計師直接預覽Web 字體效果。

3 、CSS3Ps

CSS3Ps 插件是一個云服務基礎的應用，可將CSS3 文件和你的PS 圖層聯系在一起。該插件用于創建CSS3 漸變相當有用。

4 、Cut&Slice Me

該插件讓智能切圖變得特別簡單。同時，它還支持導出不同設備類型的切片。該功能對有不同尺寸屏幕需求的設計師來說確實很好用。

5 、GuideGuide

有了該插件，你可以快速搞定網頁PS 向導的工作。這個插件就是主要用于解決畫柵格線。

6 、Devine Elemente

這是一個收費PS 插件，個人版99 美元，開發者版199 美元，此外還有一個無限的免費試用版，該免費版本也包含有大量常用功能。該插件主要允許你將一個分層的PSD 文件轉換為包括HTML、CSS 和PHP 文件的完整的WorPress 網站。

7 、Web Zap

有了這個插件，用PS 創建網站原型的速度就可以大大提升。該插件允許你從數千個組件庫中拖拉網頁元素進行組裝，快速創建網站原型。

8 、PixelDropr

該插件允許你創建自己的元素庫，并將其用于其他目標項目中。

9 、SpecKing

PS 中一個非常重要的插件。該插件允許你快速創建設計規格和注釋。

10 、Perspective Mockups

該插件是一款收費插件，其能用一種專業的方式來對你的網站原型進行展示。

11 、Subtle Patterns

該插件收集了許多精美的紋理和圖案應用，包含復古色彩的和現代設計。同時，它也支持用戶進行不同元素間的巧妙組合。

12 、Extensis'Web Font Plug-in

Extensis，提供WebINK 作為Web 字體解決方案，是一種相當先進的Web 字體方案。

13 、Layer Style Jailbreak

千萬不要被你的圖層效果面板給俘虜了，該插件就是幫助你用自由變換工具進行塑造其它圖層。

14 、GuideGuide2

對于打造自己的系統來說，該插件可完美放置PS 參考線。用途相當大。

15 、Make Photoshop Faster

該插件通過調整高速緩存層次和圖像預覽來提高PS 性能，該技巧雖然很簡單，但功能很強大。

16 、Photoshoptimize

該插件證明了提升PS 性能有許多秘密的小技巧，其能大大加快PS 速度。

17 、Adobe Kuler

這款功能強大的取色器插件在PS 中出現的頻率很高。其已經完全集成在Creative Suite 4 和5。

18 、Sprite Generator

該插件可幫助你創建CSS Sprites，整個過程是自動化的，用戶唯一需要做的就是刪除任何不需要的額外的空間。

19 、1140 Grid

對于那些剛剛開始的網格系統，你會發現一些共用事實，它們的每個理論基礎都是940px 或960px.或978px。但該插件提供的1140px 就打破了常規，作為流體網格，相當有趣。

20 、Expanding Universe Toolset for Managing Screen Resolutions

該插件功能非常強大，主要用于管理屏幕分辨率。

21 、Photoshop Secret Shortcuts

該插件可讓我們更加熟練高效地使用PS 軟件來創建網頁。

22 、Colorotate

一個類似于Kuler 的插件，都是取色器應用。不同之處主要體現在3D 性能上，該插件更能幫助我們大腦理解色彩的3D。

23 、Layer Vault

該插件非常適合于團隊工作，版本控制很方便。另外一個特點就是，該插件的視覺效果很好。

24 、HSL Picker

PS 內置顏色選擇是一個比較寬泛的系統，包括RGB 和CMYK。而該插件可把你的十六進制值轉換到HSL。

25 、Layer Styles

該插件實現了CSS 也有類似PS 軟件效果面板，讓你可以調整CSS3 特性，如投影，內陰影，背景，邊界及邊界半徑等等，同時可在瀏覽器中實時預覽結果。