2015-7-8 博博
藍(lán)藍(lán)設(shè)計(jì)( www.miumiuwan.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ì)師之間的差別。
老鳥(niǎo):Photoshop 6.0
新手:Photoshop CS 5
老鳥(niǎo):群組、上色分類(lèi)。
新手:無(wú)。
老鳥(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í)了吧!
你是否曾在制作規(guī)范中,讓標(biāo)注尺寸搞的頭暈眼花!你是否曾在視覺(jué)走查中,讓標(biāo)注尺寸弄的怒氣報(bào)表!此時(shí)已經(jīng)陷入了無(wú)限的腦補(bǔ)中,不能自拔……..
那么問(wèn)題來(lái)了!
如何才能迅速的,無(wú)腦的,甚至讓不會(huì)用PS的長(zhǎng)腿歐巴也能分分鐘標(biāo)注尺寸呢??
沒(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ù)值,一目了然)
UI設(shè)計(jì)中免不了圖標(biāo)的設(shè)計(jì),但是當(dāng)排期緊、要的急時(shí),我們免不了就去某瓣等什么網(wǎng)站上去看、去下載….
要是有這樣的搜索能力或是這樣的復(fù)制能力,那還說(shuō)啥,早就一統(tǒng)天下了。
但是,我們沒(méi)有,那如何才能,無(wú)需注冊(cè),無(wú)需下載,直接PSD源文件拿來(lái)就用的方法呢!
就是它!它!它!廢話(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)吧!
對(duì)于我這樣的色彩感蠻差的人來(lái)說(shuō),每次遇到色彩復(fù)雜的時(shí)候就頭疼……
這位上色的童鞋,我們做朋友可好。
但是我們也不能就此放棄,除了平時(shí)多看多練習(xí),多累計(jì)經(jīng)驗(yàn)以外,我們有沒(méi)有什么小招數(shù)呢…..
一個(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)技巧文】
原文地址:onefunnyjoke
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.miumiuwan.com