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

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

圖00

運行設(shè)計空間

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

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

圖01

選項卡菜單

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

圖02

創(chuàng)建新文檔

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

圖03

工具簡化

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

圖04

對齊對象

通過“安排”選項卡或右邊對齊面板對齊對象?？梢酝瑫r對多個對象進行對齊，按著Shift就可以多選擇。

圖05

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

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

圖06

設(shè)計矢量圖像

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

圖07

填充對象

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

圖08

設(shè)計描邊

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

圖09

設(shè)計陰影

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

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

圖10

文字造型

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

圖11