BeeFree 免費、免註冊、零技巧製作精美排版電子報


最近有電腦玩物的讀者來信詢問我,他工作上遇到難題,主管要他這幾天就製作出一份圖文並茂的電子報內容,要發給公司內的同事。可是他並沒有美編排版的技巧,也不知道怎麼寫網頁程式碼,有什麼辦法可以快速製作出排版精美、有模有樣的電子報內容呢?

我自己都是利用「 MailChimp 」這個服務來完成,在一定的寄送額度下,「 MailChimp 」其實也是免費的服務,他是一套完整的電子報發信系統,不只可以製作排版優美的電子報內容,也幫我們進行發信追蹤與名單管理。

但那位朋友覺得「 MailChimp 」功能太多,他就只是想要快速排版出電子報內容的工具就好,於是我幫他尋找了一下,找到了這個今天要介紹的「 BeeFree 」。




BeeFree 」免費版是「線上一次性的電子報編輯排版工具」,不僅免費,而且還不需註冊,就算不懂網頁編輯也能套用各種版型,或是簡單的「拖拉內容」,就能組合出看起來有模有樣的電子報。

編輯完成後「 BeeFree 」不會雲端儲存我們的內容,但我們可以匯出成 HTML 檔案 ,也可以複製到郵件中使用。

除了電子報設計,你或許也對下面這些線上設計工具有興趣:





  • 1. 套用預設版型

進入「 BeeFree 」網站,直接點擊[ Start Designing ],就可以開始設計你的電子報,完全不需註冊登入。

但要注意的是,因為沒有註冊,所以「 BeeFree 」也不會儲存你的編輯內容,就是一次性地幫你做好電子報,下載成 HTML 後你就自己保管。

首先進入「 BeeFree 」編輯工具後,第一個畫面是挑選一個適合自己想要的電子報內容的版型,但後續也都可以自由調整。





  • 2. 利用 Structure 自己組合版面區塊

接著進入編輯畫面,我們可以利用右方的[ Structure ],添加各種版面區塊。

例如兩邊一樣大的版面區塊,可以左右兩邊放置等比例的圖文。又或者左小右大的區塊,可以左邊放圖,右邊放文等等。

因為可以自己組合版面區塊,所以大多電子報格式都能製作出來。





  • 3. 利用 Content 插入各種內容

有了版面區塊後,可以到[ Content ]插入各種文字、圖片、按鈕等內容,只要拖曳內容方塊,移動到自己想要的版面位置即可。

想要怎麼樣的內容樣貌,都可以拖拖拉拉調整出來。





  • 4. 進行簡單的編輯

點擊某一塊內容,可以直接在內容方塊中修改文字,也可以在右方的編輯欄調整超連結等設定。

像是圖片的部分,雖然「 BeeFree 」也可以上傳圖檔,但建議使用已經上傳在其他雲端儲存空間的圖片網址,會比較穩定。





  • 5. 微調版面位置

在右方的編輯欄,有一個很重要的功能是調整每一塊內容的「邊欄寬度」,透過調整寬度,可以幫我們把左右邊的圖文進行有效的對齊,並且讓內容不要那麼擁擠。





  • 6. 預覽結果

編輯完成後,可以利用左上方的「 Preview 」預覽,看看這樣的電子報在電腦或手機上的瀏覽效果。





  • 7. 如何匯出變成電子郵件?

最後,確認都編輯完成了,按下右上方的[ Save ]按鈕,這時候會把這份電子報檔案下載到你的電腦中。




電子報檔案解壓縮後是一個 HTML 檔案,可以直接用瀏覽器打開。




如果真的要省事,可以打開 HTML 檔案後,直接圈選複製整個網頁,然後貼上 Gmail 電子郵件中,就會看到排版好的內容出現在郵件裡。(當然這是取巧,而非最佳方法)

既然幫讀者做了一番研究,也分享給需要的朋友參考看看。

延伸閱讀相關文章:

「 BeeFree 」網站

轉貼本文時禁止修改,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang(異塵行者),及附上原文連結:BeeFree 免費、免註冊、零技巧製作精美排版電子報


留言

  1. 您好:
    謝謝您的分享,
    看完文章之後立即試用,
    覺得很不錯。

    我在gmail寄出時遇到問題,
    請問您 HTML 直接貼在gmail中可顯示出來,
    是指什麼樣的方式呢?
    因為我試了很久,
    始終不成功,
    如果整個複製貼上只會出現文字,
    照片會不見…

    麻煩您解惑了,
    謝謝您。

    回覆刪除
    回覆
    1. 如果是照片會不見的問題,那麼我建議照片先上傳道你自己的雲端空間或網路空間(像是 http://imgur.com/) ,然後在插入圖片時用輸入這些外部空間的圖片網址來插入,這時候圖片更容易正常顯示

      刪除
  2. 您好,非常感謝您的分享,讓我這個外行人也成功做出簡單清楚的電子報了。

    只是我做出來的格式僅符合電腦版,手機上格式似乎會跑掉(文字段落不會自動符合手機頁面大小,並且若背景有設顏色,文字段落也會超過此顏色範圍)

    不曉得是否是我設定上的問題呢? 謝謝您。

    回覆刪除

張貼留言

相關文章:

這個網誌中的熱門文章

首席測速照相 Android iOS App 幫 Google 地圖加路況超速語音

像個專家活用 Google 地圖 App :13 個你可能還不知道的技巧

Google 簡報更接近取代專業簡報軟體了嗎?別錯過今天6個更新

Google Drive 雲端硬碟檔案串流:不佔空間更高效率的新制教學

OpenShot 免費中文版影片剪輯軟體,何必用精簡版的威力導演

[筆記術-12] 主題樹狀筆記法:上課讀書筆記第一次寫就有條理

5個台灣老照片圖庫,歷史教學研究必備的免費歷史照片資料庫

YouTube 內建看影片學英文字幕機:還可中英對照、單句複習

全新 Google 日曆網頁版實測:改良月曆介面,還有新行程功能

Google Maps 我的地圖完全教學!規劃自助旅行攻略