2024 年 3 月 7 日 更新
網路上的圖片設計工具有很多，每一種軟體都有它們的特色存在，其中有些軟體使用方式非常簡單，甚至沒有學過設計的新手都輕鬆上手，像是本文要介紹的「DesignCap」就是一個例子，雖然有其他同類型的網站，但 DesignCap 裡面有一些很好用的功能我覺得一定要試試看！
追蹤數位小幫手社群平台：Instagram、Twitter…等等。
DesignCap 是什麼？
DesignCap 簡介
DesignCap 是 PearlMountain 的線上工具之一，主要是用來製作平面相關的設計圖片，裡面不僅有豐富的元素跟圖片素材，也有相當好看的範本或模組，並且提供簡潔好用的圖片編輯器，就算是設計新手或一般人，都可以透過 DesignCap 來製作高水準的圖片！像是海報、名片、圖表、履歷甚至是社交媒體圖片，都可以用 DesignCap 輕鬆製作。
PearlMountain 是一家從 2006 年就專注於圖形設計軟體開發的公司，它們最知名的線上工具就是 FotoJet，已經在全球累積了數百萬的用戶，並且遍布 100 多個國家/地區。而 PearlMountain 其他的線上工具還有 DesignEvo、FlexClip 等，也都可以去試試看。
DesignCap 首頁
首先，點擊下面的按鈕前往 DesignCap 網站首頁 (如下圖)，DesignCap 是一個可以免費使用的網站工具，不過它也有提供付費方案給大眾 (文章最後會提到，並且有本站專屬的折扣碼)。
到達 DesignCap 之後如果發現是英文版看不懂的話，可以到首頁最下方把語言切換成「中文」就好，接著點擊首頁右上方的 註冊免費 的按鈕來進行帳號註冊，它有提供 Google 或 Facebook 快速註冊，有 DesignCap 的帳號你才能下載你的設計作品。
DesignCap 範本類型
再來，你可以查看一下 DesignCap 的範本類型，它有提供各式各樣的設計模板可以讓我們使用，主要有三大類型：
- 行銷 & 活動：資訊圖、圖表、海報、傳單、邀請函、卡片、名片、宣傳冊、Facebook 廣告、商標…等。
- 文件：簡報、報告、履歷、規劃表。
- 社交媒體圖片：YouTube 縮圖/頻道圖、Facebook 封面/照片、Instagram 相片/限時動態，Twitter、Pinterest…等。
點擊該類別就可以查看那個類別的所有範本，找到一個你覺得不錯的範本之後，可以點擊 自定義 (Customize)，直接開始你的圖片設計。
DesignCap App
如果你點首頁的 開始 或 Get Start Now，會先進入 DeignCap 的 APP 介面。
它 模板 這邊一樣可以挑選 (搜尋) 設計的模板類型，左邊會有選單可以切換，其中 我的設計工程 裡面存放的會是你過往的設計作品，「免費版」的話會有容量上限 (5個)，而 我的字體 則是可以上傳自己的字體，但需要升級成「付費版」才能使用。
如果你不想使用模版的話，可以點左上角的 新建工程，選擇一種圖片尺寸或是自訂尺寸，就可以開始你的平面設計了。
DesignCap 圖片編輯器教學
我這邊使用一個空白的「自訂尺寸」當作示範，畫板大小訂為 1800×1200 px，接著會進入 DesignCap 的圖片編輯器畫面，它的功能區劃分很明顯且簡單易懂，左邊就是 DesignCap 的設計素材並且有選單可以切換，右邊則是你的設計畫板 (預覽圖)。
新增元素
首先可以看到左邊選單上面的「元素」，有各式各樣的元素類型可以插入右邊的畫板，例如：線段、形狀、圖片遮罩、箭頭、徽章、會話框、手繪圖、裝飾…等，都是圖片製作過程中很常用的設計元素。如果覺得原本範本裡的圖像設計不是很滿意的話，就可以用元素來替換或補充。
其中比較特別的是「遮罩」，它是用來快速裁切照片的元素。
新增照片
DesignCap 提供我們百萬多張的照片素材可以使用，這些素材主要來自知名免費圖庫網站「Pixabay」，它是 CC0 授權方式因此可以用於商業用途。
其實這邊的照片素材應該是夠用的了，分類相當清楚，也可以自己搜尋關鍵字，不過最好使用「英文」搜尋會比較準確。
新增圖表
DesignCap 圖片編輯器裡的「圖表」是讓我比較驚豔的地方，它有提供線圖、表格、地圖、柱狀圖、條形圖、圓餅圖跟面積圖等的圖表製作，而且有專門的「圖表編輯器」跟「地圖編輯器」可以操作使用，讓我們可以繪製出相當精緻的圖表。
上傳圖片
如果覺得範本的圖片或是 Pixabay 的照片都不滿意的話，可以自己 上傳照片，不過免費版的話會有圖像空間限制，最多上傳 5 張圖片。
新增文字
「文字」是很多平面設計必不可少的內容之一，它這邊上面可以插入不同大小的文字框，也可以從下面的找一個好看的「文字組合」插入畫板。
新增模組
「模組」是另一個我覺得算是很實用的功能之一，它是用各種元素、文字、圖片和遮罩所組合而成的一個圖像模組，大小跟位置都已經幫我們分配好了，只要把我們的素材或是文字內容替換上去就好，在某些時機或場景相當實用！
背景設定
最後是背景設定，這邊主要是用來改變畫板的背景顏色，能設定「純色」、「漸變色」，也能用下面的圖片來當作背景。不過插入前面的「照片」再把它置於最底層，也可以當作是背景圖片。
圖片編輯器：工具列
DesignCap 除了左邊的設計素材選單之外，畫板的上方還有一小排的工具列可以進行進階設定，在工具列的右邊有通用的設定：對齊、圖層、複製跟刪除，而不同類型的元素或素材，它工具列的左邊會有不同的功能，以下會舉幾個常見的例子。
圖像的工具列
如果我們插入的是元素裡面的圖像，像是線條、形狀、裝飾…等等，它們的工具列會比較簡單一些，除了顏色的選擇器之外，就只有翻轉跟透明度的功能可以使用。
照片的工具列
如果插入的是照片、圖片遮罩的設計元素，它們的工具列功能就會多一些，除了基本的「翻轉」跟「透明度」之外，還可以設定「特效」跟「濾鏡」，同時也能進行圖片/照片的「裁切」跟「旋轉」。
文字的工具列
再來比較常用的應該就是「文字」的工具列了，從左邊選單插入文字框或組合之後，文字會有自己的工具頁可以進行設定，其中可以改變文字的「字體」或「顏色」，「大小」、「間距」或「行高」也可以在這邊設定。(DesignCap 提供的中文字體還滿多的)
特殊的工具
在前面我有提到 DesignCap 有一些功能讓我比較驚豔的，那就是它插入圖表的功能，其中「圖表編輯器」跟「地圖編輯器」是很特別的兩種工具。
插入表格
首先介紹一個簡單的功能，那就是它的「表格」，這個使用方式相當簡單直覺！只要在 表格 上面點一下，它會出現一個 對話框 讓你能快速設定插入表格的行列數量，而且表格的工具列也有很多功能可以設定，像是背景顏色、邊框顏色、文字設定或表格線距都能調整。
圖表編輯器
再來就是要說一下 DesignCap 的「圖表編輯器」了，我覺得它可以算是 Excel 或 Google 試算表的圖表繪製工具 (簡化版)，它有內建一個「簡易的表格」可以讓我們輸入數值，然後利用「圖表編輯器」的功能來完成圖表繪製的動作。
除了數據之外，也可以透過上面的「標籤」切換來進行圖表的其他設置，像是圖表的標題、圖例、座標或是格線，也可以從外部導入 XLS、XLSX、CSV 等文件資料。
地圖編輯器
「地圖編輯器」是另一個我覺得很特別的工具之一，對於某些人來說，這是應該是一個很實用的工具吧！它可以在你的設計作品當中插入一張地圖，有很多國家或地區可以使用跟繪製，而且裡面有一個表格可以輸入數值，然後可利用這個數值來繪製不同顏色的資訊地圖。
延伸閱讀：DesignCap 地圖編輯器，可輕鬆繪製世界各地的地圖！
保存、下載及分享
當你的作品設計完成之後，可以進行圖片的保存、下載或分享出去，保存就是儲存的意思，這個動作會幫你把這項作品保存在你的帳號裡面 (免費版可保存 5 個)。
下載圖片
而我們的作品通常都需要下載下來，如果沒有註冊帳號的人，需要註冊過後才能下載你的設計，而 DesignCap 提供的圖片下載格式有 JPG、PNG 跟 PDF 這三種，其中免費版的帳號可以下載 JPG 的小尺寸檔案。
如果是 PLUS 付費版的話，除了可下載 PNG 跟 PDF 檔之外，圖片尺寸方面也可以選擇 Medium、Large 或是 XLarge 等更大型的下載尺寸。
分享設計
除了下載之外，你也可以選擇直接將圖片分享出去，可以分享這個設計的連結，也可以分享到社交媒體上。
其中分享狀態可以設定公開或是私密，也能設定成別人可編輯的副本。
DesignCap 付費方案
最後要介紹一下 DesignCap 的付費方案，前面有很多功能其實在免費版上都有一些使用限制，如果想要更多更完整的功能的話，可以考慮升級為付費版，目前它的付費方案有「BASIC」跟「PLUS」這兩種。
簡單來說，付費版可以多出很多的「範本」、「圖像」跟「模組」可以用，並且可以下載 PNG 跟 PDF 等高畫質尺寸的檔案，上傳的圖片數量以及你能保存的設計數量也都能得到擴充。詳細比較表跟圖片都列在下面了：
Free Basic Plus × 年繳：$4.99/月 年繳：$5.99/月 × 月繳：$8.99/月 月繳：$12.99/月 有限範本 無限範本 無限範本 有限設計素材 無限設計素材 無限設計素材 有限模組 無線模組 無線模組 JPG 匯出 PNG & PDF 匯出 PNG & PDF 匯出 上傳圖片 5 張 上傳圖片 100 張 上傳圖片 1000 張 保存設計 5 個 保存設計 100 個 保存設計 1000 個 可上傳字體
如何使用專屬折扣碼 (DoubleCap20)？
如果你有考慮想要購買 DesignCap 的付費方案的話，本站有爭取到一個專屬的折扣碼 (Coupon)，只要在結帳的時候輸入這個折扣碼，即可享有 20% 的折扣優惠喔！
折扣碼為：DoubleCap20
只要在價格 (Pricing) 的頁面選擇一個你想要的付費方案，點擊 Select 進入它的結帳頁面 (如下圖)，除了上面的基本信用卡結帳資訊之外，它的右下角會有一個 Have a coupon? 的選項。
打開「Have a coupon?」的選項之後，它會出現一個輸入框，讓你可以輸入折扣碼，只要在這邊輸入 DoubleCap20，就可以享有 20% 的折扣優惠！
評價 & 結語
DesignCap 在操作方面很容易上手，提供的素材也很夠用，是真的很適合設計新手使用的一個網站工具。我個人比較喜歡它的圖表編輯器跟地圖編輯器，這兩種都是很特別且好用的功能之一。
不過我覺得只使用免費版的話會有很多限制，如果經常有在使用 DesignCap 或是有特殊需求的人，我覺得升級為付費版本會比較好用一些，這樣不但可以上傳更多素材，也可以保存更多的設計作品，還可以下載更高質量的圖片。
延伸閱讀
- 【Canva】增加你的藝術細胞！超好用的線上設計平台！
- 【FlexClip】簡單好用的線上剪輯軟體，快速剪出好影片！(附專屬折扣碼)
- 【DesignEvo】設計 Logo，中文介面讓你輕鬆就上手！
- 【RecordCast】線上螢幕錄製工具，帶你走一次螢幕錄製流程！
原網站｜數位小幫手digitalyoming.com( 未經許可，禁止轉載 )
原網址｜https://digitalyoming.com/designcap-tutorial/