功能介紹，CC 2015版設(shè)計(jì)空間功能介紹(4)

在Adobe Photoshop CC 2015的技術(shù)預(yù)覽版中，PS設(shè)計(jì)空間就作為一項(xiàng)新功能出現(xiàn)，可以說(shuō)是網(wǎng)頁(yè)UI設(shè)計(jì)的專屬工作站。本期國(guó)外精品翻譯教程就對(duì)這一新功能進(jìn)行一下簡(jiǎn)單介紹。

啟動(dòng)“PS設(shè)計(jì)空間”模式后，Photoshop換上新界面，原有與UI/Web設(shè)計(jì)無(wú)關(guān)的功能會(huì)被隱藏（比如3D工具等），這樣設(shè)計(jì)師就能在UI專屬設(shè)計(jì)界面中更加方便和高效地進(jìn)行設(shè)計(jì)，減少低效操作。

圖00

　　運(yùn)行設(shè)計(jì)空間

　　注意：僅適用于Mac OS X10.10和64位Windows 8.1及更高版本的操作系統(tǒng)，暫時(shí)只支持英語(yǔ)。

　　就如前面所說(shuō)的，設(shè)計(jì)空間現(xiàn)在屬于技術(shù)預(yù)覽階段，需要手動(dòng)啟動(dòng)。在主菜單欄中選擇“編輯>首選項(xiàng)>技術(shù)預(yù)覽”，勾選啟動(dòng)設(shè)計(jì)空間（預(yù)覽），然后就能看到設(shè)計(jì)空間的介紹畫面。

圖01

　　選項(xiàng)卡菜單

　　現(xiàn)在介紹一下設(shè)計(jì)空間的特點(diǎn)以及與平常我們看到的PS界面有什么不同。正如下圖看到的，平常的選項(xiàng)卡菜單欄變樣了，其中一些選項(xiàng)消失了，同時(shí)出現(xiàn)了新的選項(xiàng)“安排”，在安排選項(xiàng)中，我們用來(lái)對(duì)齊、翻轉(zhuǎn)對(duì)象，以及將對(duì)象放置在組里。

圖02

　　創(chuàng)建新文檔

　　在設(shè)計(jì)空間中創(chuàng)建新文檔有2種方法，最簡(jiǎn)單的方法就是通過(guò)模板面板，就是進(jìn)入設(shè)計(jì)空間時(shí)能看到的，這里提高了最流行的設(shè)計(jì)模板。當(dāng)然還可以通過(guò)選項(xiàng)卡菜單，點(diǎn)擊文件，然后選擇新建（Ctrl+N），創(chuàng)建與最后一個(gè)模版相同大小的文檔。如果按Alt+Ctrl+N，就打開常規(guī)的Photoshop窗口，然后就可以選擇創(chuàng)建和設(shè)置新文檔。并且從模版中創(chuàng)建新文檔，與在模版面板中操作的效果一樣。

圖03

　　工具簡(jiǎn)化

　　進(jìn)入設(shè)計(jì)空間后，左側(cè)工具圖標(biāo)列表消失，并被右側(cè)中部的僅有的五個(gè)圖標(biāo)代替，他們分別是選擇工具、矩形和圓形工具、鋼筆工具及文字工具。選擇工具主要替換平常我們?cè)诋嫴贾幸苿?dòng)對(duì)象的移動(dòng)工具，同時(shí)用選擇工具雙擊形狀然后就可以進(jìn)行調(diào)整。

圖04

　　對(duì)齊對(duì)象

　　通過(guò)“安排”選項(xiàng)卡或右邊對(duì)齊面板對(duì)齊對(duì)象�？梢酝瑫r(shí)對(duì)多個(gè)對(duì)象進(jìn)行對(duì)齊，按著Shift就可以多選擇。

圖05

　　調(diào)整定位和大小

　　對(duì)于UI和網(wǎng)頁(yè)設(shè)計(jì)，要求圖案的擺放和大小都非常精確，在工具列表右側(cè)的面板中可以設(shè)置高和寬的數(shù)值，并且可以鎖定寬高比，避免后面操作影響已經(jīng)完成的部分。寬高設(shè)置項(xiàng)下方是定位設(shè)置，將決定圖像放置在畫布什么地方，其他選項(xiàng)就是旋轉(zhuǎn)已經(jīng)選定的對(duì)象，還有設(shè)置兩個(gè)對(duì)象之間的相對(duì)位置。

圖06

　　設(shè)計(jì)矢量圖像

　　現(xiàn)在看看設(shè)計(jì)部分。設(shè)計(jì)的第一件事就是設(shè)置不透明度、圖層模式，還有矢量的部分，這會(huì)令你想到熟悉的Adobe Illustrator。通過(guò)上面的設(shè)置，我們可以調(diào)整圖像的形狀或者與其他形狀混合，從而形成疊加、減少、交集和差異等效果。如下圖所示就是兩個(gè)圓形的四種組合形式，這個(gè)設(shè)計(jì)過(guò)程中，圖形必須被選中。

圖07

　　填充對(duì)象

　　填充可以通過(guò)拾色器點(diǎn)擊想要拾取顏色的區(qū)域獲得顏色來(lái)填充，或者直接設(shè)置顏色選擇器，如黑色#000000、RBG（255.0.0），設(shè)置填入red。這里的阿爾法通道類似與不透明度，但只有填充的時(shí)候才會(huì)產(chǎn)生效果。

圖08

　　設(shè)計(jì)描邊

　　我們可以設(shè)置描邊的大小和對(duì)齊方式，設(shè)置內(nèi)對(duì)齊、外對(duì)齊或者中心對(duì)齊。

圖09

　　設(shè)計(jì)陰影

　　我們可以添加對(duì)象的外部和內(nèi)部的陰影。設(shè)置顏色，就會(huì)變成外發(fā)光，

　　還有定位的XY設(shè)置、模糊和距離。陰影顏色以及XY軸等設(shè)置都可以通過(guò)點(diǎn)擊小加號(hào)激活。

圖10

　　文字造型

　　到了文字設(shè)計(jì)，其實(shí)也很簡(jiǎn)單的。在文字區(qū)域選擇字體、大小等。

圖11