• 收藏起來,這些線上排版工具超好用!

    • 最後更新 2020-10-14 10:18

    行銷與設計密不可分,不論是經營社群用的圖片、花費大把預算投放的廣告素材,還是官網中呈現品牌風格的廣告圖片,都需要有畫面來呈現,而這些圖片素材往往需要大量的人力和時間製作,尤其有時候靈感匱乏,盯著電腦發呆一下午產不出滿意的圖,真的很崩潰!需要更有效率的方法!

     

    這篇文章提供給大家幾個簡單好上手的排版網站,即使不會使用作圖軟體也能直覺的操作,可以用於設計初期風格定調,或是套版快速、大量製作不同風格的素材測試廣告,甚至直接使用這些工具來製作宣傳品,幫助縮短製作素材的時間!更簡單、快速產出有質感的圖片。
    (自從發現這些工具,終於可以早點下班了~ya)

     


    品牌形象 - Canva

    Canva是最廣為人知的線上排版軟體,提供各種尺寸和適用於不同目標的版型類型,有各式廣告、適合不同社群性質的圖片、海報、印刷物版型等等,只要置換品牌素材及文字就可以使用,很適合用來尋找排版靈感。 

    選定模板類型後可以看到各種風格的版型,可自由調整版型內的元素,及加入個人素材,或使用豐富的內建素材,且系統支援使用中文及色系搜尋,非常方便!



    顏色也是Canva的強項,每個內建的向量元素都可以個別調整顏色,例如更換衣服顏色、膚色、髮色等等,不用擔心使用跟其他人一樣的圖片,能透過改變顏色做出品牌識別。另外還有一鍵改變配色的功能,有非常多配色供選擇,可以很容易的測試不同顏色搭配出來的感覺。

     

    製作完成後可以存成jpg、png檔,或是其他你需要的檔案類型,系統也會儲存你製作完的模板,方便修改或是延續做成一系列的設計。

     

    優點:

    1. 模板類型多、質感好

    2. 向量元素皆可以局部改變顏色,自由度高!利於打造品牌識別

    3. 使用配色建議一鍵調整檔案配色,不用再煩惱配色

    4. 內建素材可使用中文、色系搜尋
    缺點:
    1. 照片及向量背景無分開搜尋,向量背景偏少
    2. 中文字體選擇不多(付費使用可自行上傳字體)

    推薦度⭐⭐⭐⭐⭐


    做廣告Banner - Adobe Spark

    行銷人們應該多少都有用過Adobe的影像、製圖軟體,Spark雖然是Adobe出的線上排版網頁,但介面跟Adobe其他產品不太一樣,如果你已經習慣使用Photoshop、illustrator的話,可能需要模索一陣子,但整體還算容易使用。

    網頁提供多種類型的模板,且用敘事、促銷、銷售等目標來分類,能快速找到需要的模板。

    工具列在右側,點擊圖面元素後,工具列會自動切換為該元素可以調整的項目,逐一點選、調整就能製作出專屬素材。

     

    光是文字就有多種項目可以調整,透過增加文字形狀及效果,做出不同風格的按鈕,很適合製作帶有call to action的廣告。

    選定模板後也可以使用配色功能來改變風格,系統會根據背景圖片及logo的顏色,推薦相配的顏色,也可以不用動腦選擇內建的配色,一鍵更換整張圖的配色。

     

    Spark還有一個特別的功能叫“版面配置”,以原本模板為基底,可以變化出多達60種版面,如果有多張商品圖要置放但不知道怎麼排,這個功能可以解決你的困擾。

     


    優點:

    1. 適合製作帶有行動呼籲的廣告banner
    2. 可一鍵將圖片resize成適用於不同平台的尺寸

    3. 向量模板選擇較多,尚未拍攝好看的品牌照片也能做出好看的banner

    4. 可以重置模版的版面配置,做出來的版面更多元 

    缺點:

    1. 模索時間稍微長一些

    2. 元素皆為單色icon

    推薦度⭐⭐⭐⭐


    傳達資訊 - Snappa

    當你要傳達活動資訊,或是製作部落格封面的重點整理,這種需要把較多資訊排在圖裡時,可以使用Snappa,相較於前面介紹的兩個排版網站,Snappa的模板偏向以文字為主,能找到適用於不同平台的資訊型圖片。

     

     

    Snappa最大的特點是提供各種文字的排版,示範多種文字大小、位置變化的呈現。

     

    除了照片背景之外,Snappa有非常多向量的圖騰背景,樣式風格比較單純,很適合當作文字背景。另外有龐大的icon資料庫,但目前只支援使用英文搜尋。

    優點:
    1. 有豐富的文字排版
    2. 可一鍵將圖片resize成適用於不同平台的尺寸

    缺點:
    1. 搜尋素材較不方便
    2. 元素皆icon,部分icon無法調整顏色
    3. 系統輔助的部分較少,需要基本美感

    推薦度⭐⭐⭐


    額外分享一個影像編輯網站 - Pixlr

    這是一個線上的照片編輯網站,在界面上有點類似Photoshop,且支援開啟PSD檔案,對於手邊沒有慣用電腦但需要修改檔案的人來說簡直是救星!進入首頁後可以選擇使用簡易版或專業版,目前專業版也是可以免費使用的。 

    介面及功能與Photoshop相當類似,基本的套索工具、液化、仿製、塗抹、繪圖、匯入圖片等等,在Pixlr上都一樣可以使用,在使用上也非常容易。

     

    除了一般常用的功能之外,Pixlr也提供多種濾鏡及貼紙可以使用,也可以輸入圖片URL置入圖檔並進行去背,可以完成大部分的影像處理。

     

    優點:

    1. 幾乎等於網頁版本的Photoshop

    2. 多種質感濾鏡,不用再辛苦調色

    3. 支援開啟psd檔

    4. 可以儲存pxd檔,方便日後調整檔案

    缺點:

    1. 形狀置入後就無法更換顏色

    推薦度⭐⭐⭐⭐


    以上!分享幾個好用的線上製圖工具給大家,不管是用來尋找靈感或是使用這些工具,都能讓製作素材的工作變得更便利,本篇可以搭配素材網站網頁素材設計使用,讓你獲得更多靈感喔!