PowerPoint As Design Toole (設計工具解決方案)

2022-02-10

有時開發的工具豐富到不行,偏偏在視覺設計上捉襟見肘時 PowerPoint 足堪任設計需求解決方案的唯一擔當,活用它的注意事項通通收錄在此。

logo

繪圖工具

身為繪圖工具最重要的就是尺寸對照,網頁設計使用的單位是 Pixel 如何從 PowerPoint 產生 Pixel Size 的圖片是第一個課題。

從 設計 頁籤,依序選擇「投影片大小」可以指定 PowerPoint 可供作圖的面積。

但需要注意的是 PowerPoint 提供的是 cm 公分制的長寬設定,如果要對照到網頁所使用的 Pixel 必須經過換算,公式如下:

首先要知道 PowerPoint 的 DPI 是多少?除非調整 Registry 修改,否則 PowerPoint DPI 預設值為 96。

DPI 96 表示為每一英吋 (Inch) 上有 96 個 Dots (Pixels),因此若要需要 Width × Height = 1280px × 1080px 的作圖區域,則換算為:

1280 / 96 = 13.33 inch width
1080 / 96 = 11.25 inch height

而 1 ince = 2.54 cm,因此再轉換為:

13.33 × 2.54 = 33.86 cm width
11.25 × 2.54 = 28.575 cm height。

可以使用線上的轉換器來進行運算,或者自己 Vue 一個。

常用的圖片尺寸

Width px Height px Width cm Height cm
1920 1080 50.8 28.575
1280 1080 33.86 28.575
680 480 17.99 12.7

去背工具

從 圖片格式 頁籤,選擇「移除背景」與「色彩」的「設定透明色彩」。

「移除背景」適合處理複雜的背景圖;「設定透明色彩」則適合用於處理純色的背景圖。

這邊來一個 GIF 示範說明 🤗

圖形旋轉

圖形是使用 PowerPoint 繪圖的基本元素,隨心所欲的控制圖形才能夠控制繪圖的全貌,而旋轉是圖形使用不可錯過的功能,從 圖形格式 頁籤,選擇「圖片旋轉」。

直角三角形的旋轉

還想談談

陰影,如何讓文字或者圖形增加陰影

投影片(作圖區域)的背景顏色

圖形的集合運算 (交集、差集、連集)

給我快捷鍵