新版協作平台的標題橫幅雖然可以選擇內建的圖案,
但它的中文字型卻少之又少,如果想要美美的橫幅,那只好 DIY 自己動手做啦!
不過問題來了,此時隨便挑選一張圖片上傳,
你會發現圖片呈現的位置並不是你想要的,
那橫幅的大小到底該設定多大才合適呢?
花了一些時間稍微測試了一下!
一起來看看如何製作符合新版協作平台的橫幅吧!

目前實測的結果影像大小最好是 898 x 339 像素,
因為新版協作平台會隨著瀏覽的載具而改變網頁大小,
所以標題 logo 最好放在橫幅中間,這樣手機瀏覽時也可以正常顯示。

一、刪除預設標題文字 - 點選標題 -點選垃圾桶 -刪除

二、上傳製作好的橫幅標題檔案
三、標題橫幅上傳後,
你看到的會跟發佈後所顯示的不一樣,
所以請先點選【眼睛】預覽三種模式 - 桌機、平板、手機

桌機預覽畫面---->看不到 綠色區塊

平板預覽畫面---->看不到 綠色區塊

手機預覽畫面---->看不到 黃色區塊

在手機預覽模式會出現原本都沒有在桌機和手機畫面中出現的綠色區塊,
所以在設計橫幅時最好也要考慮一下,或是把它設定為白色。
點選圖片下載橫幅範本
沒有留言:
張貼留言
歡迎大家一起留言討論!