Canva 對齊元素的方法,這 5 種技巧讓你對齊更精準!

2022 年 9 月 29 日 更新

Canva Tips for Aligning Elements 封面圖片

在用 Canva 製作圖片的時候,都會在畫板裡面插入各種設計元素,根據不同的需求,還要對這些元素進行縮放、對齊的動作,或是調整圖層跟顏色。其中,很多人在對齊元素的操作上應該沒有太大的問題,但偶爾還是會遇到一些狀況,以至於某些元素較難放在理想的位置上,這時候就可善用一些 Canva 編輯器的功能,來更加精準地對齊元素!

一般對齊元素的方法

這邊以電腦網頁版 Canva 為例,我們先來了解比較基本的對齊方式。

一般來說,只要用「滑鼠」就可以滿足大多數的元素對齊需求,因為 Canva 的編輯器有提供非常好用的「自動對齊」功能。只要用滑鼠按住元素拖曳不放,在移動到其他元素的附近時,元素旁邊就會出現紫色的虛線,同時元素會稍微定格並自動對齊,這時候只要鬆開滑鼠,就可以很好地對齊到別的元素。

用元素去對齊其他的元素

那個「自動對齊」有時可能會干擾到你,以至於元素放不到某些位置上。如果你不希望這些對齊虛線或邊距跑出來,可以在拖曳元素的同時按住 Ctrl 鍵,虛線或邊距就會暫時消失,那移動元素的過程就不會被「自動對齊」的功能所干擾。


如何更精準地對齊元素?

再來要介紹的就是比較精準的 Canva 對齊方式了,我在使用 Canva 偶爾會搭配以下幾種編輯器功能或快捷鍵,讓我能更快更精準地對齊元素,

1. 用方向鍵移動對齊

除了上面提到的用滑鼠移動元素之外,其實也可以用「方向鍵」來移動,方向鍵的好處就是可以只沿著 X 軸或 Y 軸來移動,而且可以做到很細微的移動。像下圖是 800×600px 的畫板,如果單按一顆方向鍵的話,元素一次只會移動 1px,這在微調位置的時候非常好用!(按 Shift + 方向鍵則會移動 10px )

用方向鍵來移動對齊元素


2. 善用工具列的對齊功能

在選取元素的時候,可以發現工具列上有一顆 位置 按鈕,它裡面有 對齊元素平均分配間距 兩種類型的功能,這些功能全部講起來的話,可能會有點小複雜,但其實都是很好用的對齊工具。

這邊就單純舉一個例子,如果我像下圖這樣框選三個元素,它會暫時變成一個群組,可以一起移動或縮放,如果我按 對齊元素置中,它就會讓群組的範圍內的元素通通都往中線 (Y 軸或 X 軸) 靠攏。如果我按 平均分配間距垂直,那就會平均分配這三個元素之間的垂直距離。

用工具列裡面的位置對齊功能


3. 調整編輯器的顯示比例

在編輯器的右下角會顯示目前畫板的「顯示比例」,如果將顯示比例調大一點,就可以進行更加細微的操作,比如元素大小縮放或調整位置,而對齊元素時也很方便,看得更清楚!

調整 Canva 編輯器的顯示比例


4. 打開尺規與輔助線

尺規與輔助線是很好用的一個工具,我有時候也會啟用這項功能,快捷鍵Shift + R。剛啟用的時候可能只會顯示「尺規」,這時只要在尺規上按住滑鼠左鍵,就可以拖曳出一條「輔助線」並放在你想要的刻度上,這些輔助線可以隨意移動、可以同時放很多條,元素靠近的時候也會有自動對齊的效果。

打開尺規與輔助線


5. Alt 鍵查看元素之間的距離

Alt 鍵 (Option 鍵) 在 Canva 的編輯器中有各種不同的功能,其中一個功能就是可以查看元素之間的距離。當我選取一個元素之後,按住 Alt 鍵,再把滑鼠移動到其它地方,就可以看到元素與畫板邊緣的距離,如果滑鼠是移動到另一個元素上,則可以看到兩個元素之間的距離。

以下圖來說,我透過 Alt 鍵就可以知道這兩組元素之間的距離都是 88px,就算差一個像素都能看得出來,不需要再打開尺規或輔助線慢慢比對。

用 Alt 鍵檢查元素之間的距離


結語

透過這篇文章的介紹,相信你對 Canva 編輯器的功能應該有更多的了解!這些元素對齊技巧都有不同的應用場景,有些功能我目前也不是那麼常用,但還是有用得到的時候。另外,Alt 鍵的功能可以參考這篇「Canva 快捷鍵」的文章,裡面我有提到 Alt 鍵的其他用法,也是相當不錯用喔!


延伸閱讀

References:
https://www.canva.com/help/article/layer-group-align/

利益揭露:網站內部分可見的連結/代碼有參與聯盟計劃,如果您透過這些連結/代碼購買商品或註冊會員的話,並不會有任何損失或額外費用的產生,還可能獲得些許優惠,而我僅會獲得一小部分的佣金,能幫助我持續營運這個網站,並且更有動力進行創作。

Binance 幣安推薦碼 VU3NZ3AJ
喜歡這篇文章嗎?分享給你的朋友吧