藍(lán)藍(lán)設(shè)計(jì)( www.sdgs6788.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：優(yōu)設(shè)網(wǎng)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

以為計(jì)算機(jī)里有Photoshop，你就是設(shè)計(jì)師？使用Photoshop的方式百百種，你是設(shè)計(jì)了一年還是設(shè)計(jì)了十年，從細(xì)節(jié)就可以看得出來(lái)（附上老鳥(niǎo)設(shè)計(jì)師常用的幾個(gè)快捷技巧） >>>

除了大量使用快捷鍵是基本以外，老鳥(niǎo)設(shè)計(jì)師跟菜鳥(niǎo)設(shè)計(jì)師在使用Photoshop時(shí)有著各種不同。McCann Prague在他們的征人啟事上加入可愛(ài)的idea，讓你看見(jiàn)他們想征的老鳥(niǎo)跟菜鳥(niǎo)設(shè)計(jì)師之間的差別。

第一次碰Photoshop時(shí)的版本

老鳥(niǎo)：Photoshop 6.0

新手：Photoshop CS 5

圖層的整理

老鳥(niǎo)：群組、上色分類(lèi)。

新手：無(wú)。

引導(dǎo)線(xiàn)的使用

老鳥(niǎo)：簡(jiǎn)單明了、了解響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。

新手：過(guò)度使用。

是說(shuō)從Photoshop版本來(lái)看，他們想征的老鳥(niǎo)應(yīng)該是創(chuàng)意總監(jiān)等級(jí)了吧！

附網(wǎng)易同學(xué)分享的Photoshop技巧秘籍：

技巧1：快速標(biāo)注尺寸

你是否曾在制作規(guī)范中，讓標(biāo)注尺寸搞的頭暈眼花！你是否曾在視覺(jué)走查中，讓標(biāo)注尺寸弄的怒氣報(bào)表！此時(shí)已經(jīng)陷入了無(wú)限的腦補(bǔ)中，不能自拔……..

那么問(wèn)題來(lái)了！

如何才能迅速的，無(wú)腦的，甚至讓不會(huì)用PS的長(zhǎng)腿歐巴也能分分鐘標(biāo)注尺寸呢？？

Photoshop JavaScript

沒(méi)錯(cuò)就是他，不是神兵不是利器，只是一個(gè)PS中小小的插件。讓我們一步步的使用它吧！

（1）下載一個(gè)Size-Marks.jsx-v0.1.1的壓縮包（微盤(pán)下載)

（2）解壓縮以后打開(kāi)文件，會(huì)找到“Size Marks.jsx”文件，把它復(fù)制黏貼到Photoshop文件安裝路徑下的：

OSX路徑：OS X: /Applications/[Photoshop]/Presets/scripts/

Windows路徑：C:\[Program Files]\Adobe\[Photoshop]\Presets\scripts

（注意：如果你的軟件安裝在D盤(pán)或者別的盤(pán)里就在安裝的盤(pán)里找到此路徑）

（3）重啟photoshop，會(huì)在菜單“文件”——“腳本”下找到 Size Marks，然后我們就需要給它命名一個(gè)快捷鍵了。

（4）在菜單中，找到“編輯”——“鍵盤(pán)快捷鍵”，然后會(huì)出現(xiàn)一個(gè)窗口，在窗口中展開(kāi)“文件”——“腳本>”下的“Size Marks”，然后直接點(diǎn)擊鍵盤(pán)上的“ctrl+shift+L”即可生成此插件的快捷鍵。

（5）打開(kāi)你想要標(biāo)注標(biāo)出的圖片，點(diǎn)擊選擇工具劃出想要標(biāo)注尺寸的區(qū)域，然后ctrl+shift+L就OK了。

(來(lái)一個(gè)尺寸復(fù)雜的頁(yè)面測(cè)試下，標(biāo)注這些尺寸20秒不到就OK，好似魔鬼的步伐，看不清點(diǎn)擊放大)

(并且會(huì)在圖層欄中生成對(duì)應(yīng)的長(zhǎng)或者寬的尺寸數(shù)值，一目了然）

技巧2：內(nèi)置icon搜索器，PSD拿來(lái)就用

UI設(shè)計(jì)中免不了圖標(biāo)的設(shè)計(jì)，但是當(dāng)排期緊、要的急時(shí)，我們免不了就去某瓣等什么網(wǎng)站上去看、去下載….

要是有這樣的搜索能力或是這樣的復(fù)制能力，那還說(shuō)啥，早就一統(tǒng)天下了。

但是，我們沒(méi)有，那如何才能，無(wú)需注冊(cè)，無(wú)需下載，直接PSD源文件拿來(lái)就用的方法呢！

Blendme

就是它！它！它！廢話(huà)不多說(shuō)，這個(gè)屬于PS拓展功能插件安裝起來(lái)還是有些繁瑣（我曾被折磨一個(gè)下午）

（1）首先登錄它的官網(wǎng)下載安裝包（官網(wǎng)已停止下載，移步 微盤(pán)下載）

（2）檢查電腦中是否安裝過(guò)Adobe Extension Manager（有的可以暗喜）如果沒(méi)有去官網(wǎng)下載一個(gè)吧，記得選和你PS同版本的下載安裝（此插件低于PS6的安裝不了）Mac不存在這個(gè)問(wèn)題直接下載就好了。

（3）將從官網(wǎng)下載的安裝包后綴名是.zxp用Adobe Extension Manager打開(kāi)，它將自動(dòng)安裝。

（4）重啟PS，點(diǎn)擊窗口–擴(kuò)展功能–blendmein，就OK了，搜索要輸入英文，icon都是矢量的隨你放大縮小， 還再等什么愉快的玩耍起來(lái)吧！

技巧3：配色小助手

對(duì)于我這樣的色彩感蠻差的人來(lái)說(shuō)，每次遇到色彩復(fù)雜的時(shí)候就頭疼……

這位上色的童鞋，我們做朋友可好。

但是我們也不能就此放棄，除了平時(shí)多看多練習(xí)，多累計(jì)經(jīng)驗(yàn)以外，我們有沒(méi)有什么小招數(shù)呢…..

 Kuler

一個(gè)PS自帶的原生插件，來(lái)幫助我們配色（注意：同樣也是PS版本低于PS6，或者安裝建議版綠色版什么的用不了擴(kuò)展功能哦）

（1）打開(kāi)PS，點(diǎn)擊窗口–擴(kuò)展功能–kuler，就OK了。

（2）你可以自己在搜索里找想要的顏色的主題，或者直接在給出的欄目里面找，總有一款適合你。

（3）當(dāng)然你也可以給自己已經(jīng)選好的顏色進(jìn)行配色，選擇創(chuàng)建，選擇基色，再在下面的十六進(jìn)制值中輸入色值然后回車(chē)然后你就可以根據(jù)你自己的需要進(jìn)行調(diào)色了。去選擇你最喜歡的顏色吧。

這次就到這里了，祝大家使用的開(kāi)心！

【優(yōu)設(shè)近期熱門(mén)技巧文】

求職季的必收福利！
《經(jīng)驗(yàn)分享！設(shè)計(jì)師找工作有哪些少為人知的獨(dú)特思路？》

百位設(shè)計(jì)師分享的PS秘籍貼！
《PS秘籍帖！不得不看的百位設(shè)計(jì)師分享的PS技巧》

快速打造氛圍的利器！
《旁門(mén)左道第一期！調(diào)色高級(jí)技巧之色彩的定向分離

原文地址：onefunnyjoke