一、基礎(chǔ)操作

1.焦點(diǎn)顯示

按住option單擊圖層縮略圖，視圖上會(huì)只顯示該圖層內(nèi)容（暫時(shí)性隱藏其他圖層，進(jìn)行其他操作依然會(huì)顯現(xiàn)出來）

2.蒙版（同PS剪切蒙版）

在AD中同樣也是有蒙版功能的。例如下圖，這三個(gè)字實(shí)在是太霸氣了，我們想變慫一點(diǎn)，那該怎么辦呢？在右側(cè)圖層面板中，按住矩形層縮略圖，拖入文字層的縮略圖與圖層名稱之間（也可以看作是縮略圖層），即可完成蒙版操作。

但是要想調(diào)整文字大小，但是依然只顯示矩形所在區(qū)域范圍的內(nèi)容呢？那么我們需要勾選上方工具欄中的【鎖定子項(xiàng)（lock children）】按鈕，在進(jìn)行調(diào)整就OK了。

3.歷史記錄（history）※

1）定位滑塊

歷史記錄工具包含一個(gè)定位滑塊（position），拖動(dòng)滑塊，可快速撤銷與復(fù)原，效率很高。同時(shí)也可以點(diǎn)擊列表的特定步驟，點(diǎn)擊后就會(huì)回到該步驟操作。

2）歷史分支

在文件菜單欄中有個(gè)【隨文檔保存歷史記錄（save history with document）】，勾選后，保存的文件將保留歷史記錄。當(dāng)你在歷史記錄中選中曾經(jīng)的特定操作的情況下，進(jìn)行一步新操作，則歷史記錄會(huì)產(chǎn)生一個(gè)小分支符號(hào)，分支符號(hào)代表不同的未來。例如我新建一個(gè)黃色矩形，然后將顏色調(diào)整為藍(lán)綠色漸變。然后通過點(diǎn)擊歷史記錄，回到新建黃色矩形的步驟，然后把顏色改成藍(lán)紫色漸變，這樣在填充步驟就會(huì)出現(xiàn)分支符號(hào)，通過點(diǎn)擊分支可快速切換至藍(lán)綠色漸變，可用于嘗試性創(chuàng)作，并通過同時(shí)存在的兩種結(jié)局來進(jìn)行對(duì)比。

4.快速副本（power duplicate）

復(fù)制粘貼和復(fù)制圖層操作與PS完全一致，不同的是power duplicate部分。首先，我們?cè)诋嫴忌侠L制一個(gè)矩形，然后按command J復(fù)制出一個(gè)矩形副本，將矩形副本移動(dòng)到矩形的左邊，然后縮放它，操作完成后按command J，在矩形副本的左邊就會(huì)出現(xiàn)一個(gè)比矩形副本更小的矩形副本2，副本2與矩形副本的距離與矩形副本與矩形的距離相同。好，我們回到第一步，繪制一個(gè)矩形。然后按住command 拖動(dòng)矩形，則會(huì)出現(xiàn)矩形副本，然后移動(dòng)矩形副本后，按command J，同樣可以達(dá)到上面的效果，我們把這個(gè)操作叫做power duplicate，也就是快速副本。PS也有同樣的功能，但是操作邏輯有些許不同，AD的更為清晰一點(diǎn)。

5.圖層與像素圖層

1）圖層概念

在AD中，有兩個(gè)圖層的概念，一個(gè)叫做圖層（就是普通圖層，可以包括像素圖層和矢量圖形圖層），另一個(gè)叫做像素圖層。如果選中圖層的狀態(tài)下添加像素圖層，則該像素圖層會(huì)默認(rèn)放置在該圖層下，普通圖層與組的概念類似。如果選中畫板層的情況下添加像素圖層，則像素圖層自動(dòng)創(chuàng)建在畫板層，與其他圖層同級(jí)。

2）三大角色模塊（personas）

在AD中有矢量部分、像素部分、導(dǎo)出部分的區(qū)別。不同部分的工具區(qū)是不一樣的。在矢量部分下，包括拖動(dòng)矩形與鋼筆繪制形狀，所創(chuàng)建的都是矢量圖層；像素部分創(chuàng)建出來的都是像素圖層，這兩者是不一樣的，同時(shí)也是AD與AI的重要區(qū)別之一。

二、高級(jí)操作

1.等距視圖※

1）內(nèi)置網(wǎng)格

與AI需要自己手動(dòng)繪制等距視圖網(wǎng)格線不同，在AD中內(nèi)置了一套優(yōu)秀的網(wǎng)格系統(tǒng)，可以幫助我們快速的搭建出2.5D插畫需要的網(wǎng)格線，并且支持角度變換。在調(diào)節(jié)角度時(shí)可以預(yù)覽網(wǎng)格線的具體效果，就這一點(diǎn)就足以讓2.5D插畫作者扔掉AI轉(zhuǎn)投AD。

2）等軸測(cè)工具（isometric）

isometric工具可以幫助我們快速繪制等距視圖插畫。我們可以想象一下在AI中，好不容易利用旋轉(zhuǎn)復(fù)制人肉做出了參考線，還需要用鋼筆工具去點(diǎn)擊參考線的交點(diǎn)來繪制插畫的一個(gè)個(gè)立體塊面。在AD中這項(xiàng)繁復(fù)的工作將不復(fù)存在。通過等軸測(cè)工具，我們將告別手動(dòng)對(duì)齊這種令人頭大的工作。

等軸測(cè)工具功能由兩部分構(gòu)成，上方的三個(gè)立方體表示參考線當(dāng)前描述的是哪個(gè)平面，并且可以通過這三個(gè)立方體來快速切換當(dāng)前平面（current plane）。

在下方平面編輯選項(xiàng)部分，有這樣幾個(gè)功能項(xiàng)。

• 在平面中編輯（重點(diǎn)）：在該選項(xiàng)選中的狀態(tài)下，我們通過圖形繪制工具在畫布上直接就能拖動(dòng)出符合參考線角度的圖形，特別是在繪制圓形時(shí)簡(jiǎn)直不要太方便。

• 適應(yīng)平面（重點(diǎn)）：在畫布中我們通過矩形工具繪制了一個(gè)正常的矩形，橫平豎直那種，然后點(diǎn)擊【適應(yīng)平面（Fit to plane）】，只聽得啪的一聲，矩形就被啪到參考線上了，變成等軸視圖的一個(gè)部分。

• 在平面中翻轉(zhuǎn)/旋轉(zhuǎn)：這個(gè)沒什么說的，就是普通的翻轉(zhuǎn)旋轉(zhuǎn)操作，變成了等距視圖的翻轉(zhuǎn)旋轉(zhuǎn)操作。

2.資產(chǎn)（assets）

相當(dāng)于UI組件庫，Sketch與XD都有同樣的功能。

3.符號(hào)（symbols）

視圖（view）-studio-符號(hào)(symbols)，將圖形拖進(jìn)去，就形成了symbols。

如果想要單獨(dú)修改某一個(gè)符號(hào)，則需要點(diǎn)擊符號(hào)面板右上方的【同步（sync）】來取消全局修改，然后單獨(dú)修改某一個(gè)符號(hào)。修改后，該符號(hào)將脫離符號(hào)控制，不受符號(hào)修改影響。

三、設(shè)計(jì)幫助

1.曲線吸附（curve snapping）

選擇節(jié)點(diǎn)工具[A]，去調(diào)整一條曲線的錨點(diǎn)，可以通過上方面板中的吸附（snapping）來選擇各種吸附方式。

2.參考線管理器（guides）

視圖-參考線管理器，可打開參考線面板，已存在的參考線都會(huì)在上面顯示，同時(shí)可以點(diǎn)擊參考線的數(shù)值來修改參考線的具體位置。

因?yàn)樾枰獣r(shí)間消化的原因，我會(huì)將文章分為幾部分整理，在此階段如果有朋友感興趣可以去Affinity官網(wǎng)下載試用，同時(shí)結(jié)合本文上方的鏈接（官網(wǎng)的教學(xué)視頻被異次元封印了）可以更好地了解AD。再次提一下，一定要看官方教學(xué)視頻，不要想憑借著自己PS、AI的基礎(chǔ)去直接上手，AD真的不一樣。

AffinityDesigner（下文都用AD表示）是Affinity系列中偏向于矢量繪制與界面設(shè)計(jì)功能的工具，其并沒有能夠準(zhǔn)確對(duì)標(biāo)的競(jìng)品，如果非要對(duì)標(biāo)的話，可能就是Adobe Illustrator和Sketch了。Affinity系列中的另外兩款作品Affinity Photo（偏向圖像處理，對(duì)標(biāo)Adobe Photoshop）與Affinity Publisher（印刷排版，對(duì)標(biāo)Adobe InDesign）也是非常有潛力的作品，不過目前這兩款還沒有辦法完全替代掉Adobe家族的作品。

但是AD，我覺得是可以完全有實(shí)力跟Adobe Illustrator一較高下。在用過Sketch之前，我從未感覺用PS做UI有多低效，同樣，在了解AD之前，我也從來沒感覺Ai有多難以忍受，頂多有些地方感覺反人類罷了。但是經(jīng)過兩三天的了解與試用，我立即就在App Store下單入正并拋棄了AI。

因?yàn)锳D，真的有點(diǎn)東西。

作者：NOLeon_墨刃       來源：站酷
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。