DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

最近因應新冠肺炎疫情,中央流行疫情指揮中心常常會繪製一些圖表,讓民眾能快速掌握並理解政府所要表達的政策與說明。圖片表達真的是比文字更能吸引民眾的注意和流傳。例如:(圖片來源:中央流行疫情指揮中心、教育部,文章中僅供做圖範例使用。)

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

我也常常繪製資訊圖表(Infographic),例如:

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

上圖是我以 PowerPoint 來繪製,畢竟 PowerPoint 不是專門用來製作這些圖片軟體,雖然可行,但也有許多不便之處。現在市面上已有愈來愈多製作資訊圖表的網站,提供了許多方便的工具,使用瀏覽器在線上即可完成,而且還可以製作其他各類型的設計。

本篇要介紹的線上工具是:DesignCaphttps://www.designcap.com/tw/),其具有的特色:

※ 提供的素材豐富多元。

※ 支援多種中文字型。

※ 線上編輯(使用瀏覽器就可以完成)。

※ 提供多種模組可以套用。

※ 範本與時俱進,一直在增加中。

※ 允許使用者自行上傳圖片。

※ 是一種雲端應用,所以隨時會存檔,檔案儲存在雲端。

※ 提供大尺寸圖片輸出。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

DesignCap 畫面簡捷易懂且提供豐富的素材,能用來製作各類的平面設計。

例如這幾類圖片:

(1) 行銷和活動(Marketing & Event)

資訊圖(Infographic)、演示文稿(Presentation)、報告(Report)、海報(Poster)

傳單(Flyer)、邀請函(Invitation)、卡片(Card)、名片(Business Card)

宣傳冊(Brochure)、Facebook 廣告(Facebook Ad)、選單(Menu)、商標(Logo)

通欄廣告(Leaderboard)

(2) 社交媒體圖片(Media Graphic)

YouTube 頻道圖片、YouTube 縮略圖、Facebook 封面、Twitter 橫幅

Tumblr 外觀圖片、郵件標頭、Facebook 照片、Instagram 照片、Pinterest 圖片

DesignCap 也提供超多的模板(Templates),依其平面設計的分類,可以讓你從半成品開始,挑個合意的模板來開工,好的開始是成功的一半。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

也可以在所有的設計模板中,以搜尋方式取得想要的模板。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

DesignCap 中的每一個設計製作,可以有多個頁面,每個頁面中可以安排圖形、圖示、圖片、文字、統計圖、設定背景圖等,也有一些現成的模組可以套用。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出) DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

基本上,這麼多的模板對於學習者,本身就是一個觀模學習的好樣板,觀摩他人的設計也會進步。

首先,你使用必須先註冊一個帳號。

使用者可以透過 Google 帳號或 Facebook 帳號來註冊 DesignCap 的帳號,也可以使用其他郵件帳號另行註冊。你必須要收 DesignCap 的郵件,以確認你的 DesignCap 帳號。

剛開始使用,就從模板(Templates)來開始練習吧!

找到想要的模板後,點選:Preview(預覽),可以預覽該範本的內容;點選:Customize(自定義),即可進入自行編輯。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

進入編輯介面後,若想重新選取模版,則可以點選視窗左側的工具:TEMPLATES(模),再選取其他模版,但是目前的動作會被取代。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

當選取版面中的物件,則會顯示其對應的工具列,以進行編輯。以文字方塊為例:

可以使用的工具除了粗體、斜體、底線等格式設定,還可以調整字的間距及距底線高度。

也可以對物件對齊頁面的調整和物件的堆疊時的層次,當拖曳物件的四個角落端點就可以改變字的大小,並且可以旋轉物件,也能輕鬆複製相同物件。

對於中文字型的支援是沒問題的(後面會提到如何使用)。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

在版面中是由多個頁面所組成,拖曳水平線可以改變頁面大小,在視窗右側也可以新增頁面、複製頁面和往上/往下調整頁面位置及刪除頁面。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

切換至「ELEMENTS(元素)」標籤,有許多型狀(Shape)的物件可用,你可以自行改變色彩,並且使用垂直翻轉和水平翻轉,改變透明度及框線粗細。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

除了型狀(Shape)物件之外,還有圖示(Icon)物件可以選用,挑選一個物件插入後,可以改變色彩和透明度。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

切換至「TEXT(文字)」標籤,可以選取文字的範本,然後輸入文字,再改變格式。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

切換至「PHOTOS(照片)」標籤,選取圖片類別,再選取一張圖片插入版面。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

選取一個圖片,即可設定其特效、對比、透明度、飽和度、亮度等等的效果,還可以對圖片剪裁,也支援旋轉和翻轉效果。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

切換至「UPLOADS(上傳)」標籤,你可以拖曳多個自己的圖片(JPG檔或PNG檔)上傳至影像空間。再選取圖片將其插入版面中,再行修改效果。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

如果你的帳號沒有升級,則預設你的圖片空間只有5張,你必須刪除五張中的一張圖片,才能再新增一張圖片。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

切換至「CHARTS(圖表)」標籤,可以插入內建的統計圖表。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

當選取一個圖表時,你必須輸入統計圖的內容,點選:Insert,即可插入統計圖表。如果選取:Import,則可以將現成的試算表檔上傳,直接導入數據。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

點選:Setting,可以進一步設定統計圖表,完成後點選:Update。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

切換至「MODULES(模組)」標籤,可以選取一些內建的模組,插入至版面後,再選取模組裡的圖片和文字分別進行修改格式。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

切換至「BKGROUND(背景)」標籤,可以為版面設定背景色彩或是背景圖片。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

編輯過程中,你可以使用 Undo 和 Redo 來執行復原及取消復原動作,也不需執行儲存的動作,因為系統會自動儲存(使用者也可以點選視視窗上方的「Save」來即時儲存)。

你可以下載和列印該平面設計:

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

下載的圖片可以自行設定名稱、選取檔案格式和尺寸大小:

image

進行下載後即可產生該圖檔:

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

點選「Share Your Design」,可以輕鬆分享給他人(複製分享連結)。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

你的設計都被放在 My Designs 中,隨時可以回修改。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

在個人帳號頭像之下切換至 My Designs,你可以設定不同語言,本例現在切換至「繁體中文」。你所有的作品會集合在這裡。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

現在,點選:新建工程,要新建一個設計。從自訂尺寸開始,輸入一個想要的大小(本例:600X600px)。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

目前這個設計版面中僅有一個頁面,大小如視窗底部標示:600X600px。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

改變背景色彩:(在「背景」標籤下選取一張背景圖)

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

在「元素」標籤下,新增一個線段和一個矩形,並設定線條和矩形的色彩,並修改矩形的透明度。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

在「上傳」標籤下,拖曳上傳一張圖片,並新增至版面中,調整大小和位置。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

因為語言已經切換至中文,所以新增許多的中文字型可用:

image

點選視窗右側的新增頁面(尺寸會和第一個頁面相同),並設定新的背景:

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

切換至「模組」標籤,在這個新的頁面中,新增一個模組,再進一步處理圖片和文字。

切換至「圖表」標籤,新增一個 4X4 表格和一個圓餅圖。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

最後,進行下載動作,先為圖片命名,設定格式(例如 PNG 檔),選擇尺寸,下載後是一個ZIP檔,其中包含了二張圖片。

DesignCap 提供了多種尺寸供選擇,可以讓你用在不同的需求上。(本例選擇的尺寸是「XL」,輸出尺寸為2400X2400)

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

結果如下:(縮小圖)

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出) DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

在「我的設計工程(My Designs)」裡,可以管理你的所有設計,例如:更新名稱、複製、分享和刪除。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

網站提供的模板超過2500個,形形色色、包山包海。只是,有沒有你要的,也得你自己去找找了。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

而設計好的作品要分享時,只要將分享鏈接複製後,傳送給他人即可檢視。而分享狀態可以是:公開、公開與編輯、私密。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

如果選取公開與編輯,則其他使用者取得設計的超連結,則也能進行共同編輯。而取得分享的人,也因為原設計者可以下載和列印,因此也可以下載和列印了。

DESIGNCAP-線上平面設計好工具(支援中文、大尺寸圖片輸出)

更多關於 DesignCap的教學可參考:

https://www.designcap.com/learn/

https://www.designcap.com/tutorial/get-started.html

https://www.designcap.com/faq.html

學不完.教不停.用不盡文章列表

arrow
arrow
    文章標籤
    DesignCap
    全站熱搜

    vincent 發表在 痞客邦 留言(0) 人氣()