25款最佳網(wǎng)頁設(shè)計神器分享

■樊小春

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

1 、BlendMe.in

這插件是多數(shù)網(wǎng)頁設(shè)計師和做手機(jī)界面的UI 設(shè)計師特別喜歡的，blendeme 提供很多優(yōu)秀的UI 設(shè)計元素，如圖標(biāo)、UI kits、等等。

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

2 、Web Font Plugin

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

3 、CSS3Ps

CSS3Ps 插件是一個云服務(wù)基礎(chǔ)的應(yīng)用，可將CSS3 文件和你的PS 圖層聯(lián)系在一起。該插件用于創(chuàng)建CSS3 漸變相當(dāng)有用。

4 、Cut&Slice Me

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

5 、GuideGuide

有了該插件，你可以快速搞定網(wǎng)頁P(yáng)S 向?qū)У墓ぷ鳌＿@個插件就是主要用于解決畫柵格線。

6 、Devine Elemente

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

7 、Web Zap

有了這個插件，用PS 創(chuàng)建網(wǎng)站原型的速度就可以大大提升。該插件允許你從數(shù)千個組件庫中拖拉網(wǎng)頁元素進(jìn)行組裝，快速創(chuàng)建網(wǎng)站原型。

8 、PixelDropr

該插件允許你創(chuàng)建自己的元素庫，并將其用于其他目標(biāo)項目中。

9 、SpecKing

PS 中一個非常重要的插件。該插件允許你快速創(chuàng)建設(shè)計規(guī)格和注釋。

10 、Perspective Mockups

該插件是一款收費(fèi)插件，其能用一種專業(yè)的方式來對你的網(wǎng)站原型進(jìn)行展示。

11 、Subtle Patterns

該插件收集了許多精美的紋理和圖案應(yīng)用，包含復(fù)古色彩的和現(xiàn)代設(shè)計。同時，它也支持用戶進(jìn)行不同元素間的巧妙組合。

12 、Extensis'Web Font Plug-in

Extensis，提供WebINK 作為Web 字體解決方案，是一種相當(dāng)先進(jìn)的Web 字體方案。

13 、Layer Style Jailbreak

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

14 、GuideGuide2

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

15 、Make Photoshop Faster

該插件通過調(diào)整高速緩存層次和圖像預(yù)覽來提高PS 性能，該技巧雖然很簡單，但功能很強(qiáng)大。

16 、Photoshoptimize

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

17 、Adobe Kuler

這款功能強(qiáng)大的取色器插件在PS 中出現(xiàn)的頻率很高。其已經(jīng)完全集成在Creative Suite 4 和5。

18 、Sprite Generator

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

19 、1140 Grid

對于那些剛剛開始的網(wǎng)格系統(tǒng)，你會發(fā)現(xiàn)一些共用事實(shí)，它們的每個理論基礎(chǔ)都是940px 或960px.或978px。但該插件提供的1140px 就打破了常規(guī)，作為流體網(wǎng)格，相當(dāng)有趣。

20 、Expanding Universe Toolset for Managing Screen Resolutions

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

21 、Photoshop Secret Shortcuts

該插件可讓我們更加熟練高效地使用PS 軟件來創(chuàng)建網(wǎng)頁。

22 、Colorotate

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

23 、Layer Vault

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

24 、HSL Picker

PS 內(nèi)置顏色選擇是一個比較寬泛的系統(tǒng)，包括RGB 和CMYK。而該插件可把你的十六進(jìn)制值轉(zhuǎn)換到HSL。

25 、Layer Styles

該插件實(shí)現(xiàn)了CSS 也有類似PS 軟件效果面板，讓你可以調(diào)整CSS3 特性，如投影，內(nèi)陰影，背景，邊界及邊界半徑等等，同時可在瀏覽器中實(shí)時預(yù)覽結(jié)果。