版本資訊
最新版本的 Google Web Designer 已經推出!本次更新新增了 2 項功能,並修正了 15 個問題。詳情請參考以下內容。
更新 Google Web Designer
只要連上網際網路,Google Web Designer 啟動時就會自動更新。您也可以下載最新版本。
相容性異動:
系統不再支援採用自訂元素 v0 規格的自訂元件。瞭解如何升級元件。
版本 12.0.0.0719 的新功能
CSS 效果
透過全新的「CSS 效果」面板,為影片和 HTML5 文件中的元素增添視覺效果。
- 新增模糊、亮度、投射陰影等濾鏡。
- 使用圖層混合模式設定元素與重疊元素的混合方式。
影片
您現在可以使用 Google Web Designer 製作影片。
- 匯入及編輯媒體片段序列。
- 加入會在最終發布影片裡呈現的文字、圖片和動畫。
- 直接在中心區域預覽影片和音訊的播放效果。
- 從單一影片文件匯出多個變化版本。
版本 12.0.0.0719 的新範本
Animated Banner (動畫橫幅廣告) |
Before and After (前後對照) |
Gallery with Blinds Transitions (採用百葉窗轉場效果的圖片庫) |
Gallery with Fade Transitions (採用淡出轉場效果的圖片庫) |
Gallery with Iris Transitions (採用圓形放大轉場效果的圖片庫) |
Gallery with Push Transitions (採用推入轉場效果的圖片庫) |
Scratch to Reveal (刮開查看) |
Standard Banner Build Dissolve (標準橫幅廣告建構溶接) |
Standard Banner Storyboard Slide (標準橫幅分鏡腳本投影片) |
Static Banner (靜態橫幅廣告) |
版本 12.0.0.0719 的其他重要變更項目
- 系統不再支援採用自訂元素 v0 規格的自訂元件。瞭解如何升級元件。
- 中心區域縮放控制項已加入下拉式選單,內有 [配合視窗大小調整縮放比例] 選項,可供自動設定中心區域縮放等級,在畫面上顯示最大可用空間。
版本 12.0.0.0719 已修正及改善的項目
3D
- 以相機為基礎的方法已可反映待處理的相機編輯項目。
- 發布 Swirl 廣告時,可以將頁面屬性
data-gwd-width
和data-gwd-height
設為像素值。 - 透過 3D 編輯器設定的固定縮放限制會反映在已發布的廣告上。
動態
- 圖片效果和轉場效果圖片庫元件現在支援動態資料繫結。
- 修正問題:切換至有
bind-style
屬性的文件時,系統會標示檔案需要重新儲存。
SVG
- 為 SVG 元素建立繫結時,無法再加上文字合框效果。
- 修正問題:使用 Windows 電腦時,無法將 SVG 程式碼貼到中心區域。
- 修正問題:無法重複匯入 SVG。
- 修正問題:匯入多個含有相同 ID 的內嵌 SVG 時,無法重新命名 ID。
其他
- 修正問題:從檔案系統中刪除來源檔案後,元件編輯對話方塊無法關閉。
- 修正問題:將漸層類型改成放射狀時,會多出額外的復原作業。
- 修正問題:無法順利在大綱工具面板中使用方向鍵。
- 修正問題:範本庫中的範本篩選器問題。
- 修正問題:主要畫面格無法再複製到鎖定圖層。
- 修正問題:快速模式時間軸縮圖未反映元素的右下角半徑。
已知問題
- 僅限 Safari:含有繪圖的
元素會導致裁剪路徑遮罩動畫無法播放。
- Chrome 和 Opera:主要元素包含 3D 變形的子項元素時,裁剪路徑遮罩無法正確顯示。
- Google Web Designer 自訂元素 (
gwd-image
、gwd-video
、gwd-audio
、gwd-iframe
、gwd-page
和gwd-pagedeck
) 的參照項目可能無法正常運作。瞭解如何更新參照項目。 - 直接在瀏覽器中開啟來源 .html 檔案時,時間軸動畫事件 (例如暫停或循環播放) 無法運作。這是預期的行為,因為在預覽或發佈文件時會產生時間軸動畫 CSS。解決方案:使用 [預覽] 按鈕,或是在本機發佈文件,然後在瀏覽器中查看發佈的檔案。
- 檔名內有句點但沒有副檔名的圖片檔無法匯入資源庫。解決方法:在檔名中加入副檔名,例如 .png。
- 啟動時螢幕會變黑,可能是因為視訊驅動程式過舊。請嘗試更新您的視訊驅動程式。如果問題依然存在,請結束 Google Web Designer 以停用 GPU 轉譯功能,並在重新啟動前按照您作業系統的操作說明進行設定:
- Windows:在登錄檔的
HKEY_CURRENT_USER\Software\Google\Web Designer\Settings
中新增 DWORD32 值,並命名為disable-gpu-rendering
。請將這個值設為1
。 - Mac:在
~/Library/Preferences/com.google.WebDesigner.plist
中新增布林值列,命名為disable-gpu-rendering
,並將值設為YES
,或在終端機上執行defaults write com.google.WebDesigner.plist disable-gpu-rendering -bool true
。 - Linux:在
~/.local/share/google-web-designer/preferences/settings.conf
中新增一行,命名為disable-gpu-rendering
,並將值設為true
(如果[Settings]
部分不存在,請先建立這個部分)。
- Windows:在登錄檔的
- 在 Mac Safari 中重新展開廣告時,如要讓影片自動播放,第一個影片來源必須為 .mp4 檔案。
- 縮放功能設定為延展時,圖片的漸層背景填滿效果才會顯示。
- 最多只能將 4 個面板納入群組/分頁。
- 使用 Web Proxy 啟動時顯示白色畫面。請按照這裡的說明變更 Proxy 設定。
- Chrome Mac 版、Opera、IE:開啟自動播放預覽畫面時,Google Web Designer 預覽畫面中的 [播放] 按鈕無法正常運作。解決方法:將網址中的 localhost 移除,改成
file:///
。 - 僅限 Linux:無法將檔案從檔案系統中拖曳至 Google Web Designer。解決方法:依序按一下 [檔案] > [匯入素材資源],或在資源庫中按一下 [新增素材資源]。
- Safari 電腦瀏覽器不支援下載 iCalendar 的 .ics 檔案。
- 無法使用多個地圖元件或街景元件,也無法在相同的廣告素材中同時使用一個地圖元件和一個街景元件。
- 僅限 Linux:如果瀏覽器 (Chrome 或 Firefox) 是由 Google Web Designer 開啟做為預覽使用,則必須先關閉瀏覽器,才能關閉 Google Web Designer。
- 僅限 Linux:在切換不同的應用程式時,Google Web Designer 有時會遺失焦點,且無法使用鍵盤輸入。解決方法:調整 Google Web Designer 視窗的大小,讓焦點回到應用程式。
- 僅限 Linux:如果轉譯器當機並顯示白色畫面,請在 Google Web Designer 設定中將
disable-gpu-rendering
設為true
。接著在~/.local/share/google-web-designer/preferences/settings.conf
中新增一列,命名為disable-gpu-rendering
,並將值設為true
(如果[Settings]
部分不存在,請先建立這個部分)。 - 影片廣告:在 Mac 中快速編輯 (例如複製片段) 可能會導致中心區域停止顯示影片、播放功能無法運作,或是 UI 凍結。解決方法:重新啟動 Google Web Designer。
- 影片廣告:在中心區域使用特定縮放等級時,兩部影片在推入或清除轉場期間會出現小空檔。這個空檔不會出現在匯出的影片中。解決方法:調整中心區域縮放等級。
- 影片廣告:如果在將片段複製到其他文件後選擇復原操作,該片段的素材資源不會自動從資源庫中移除。解決方法:手動從資源庫中刪除素材資源。
- 影片廣告:如果使用專案素材資源目錄中的檔案手動覆寫某個影片或音訊素材資源檔案,在未使用完整解析度的情況下,舊的素材資源仍會顯示在中心區域和匯出的影片中。解決方法:刪除該素材資源,然後使用資源庫重新加入素材資源。
- 影片廣告:開啟透過不同作業系統建立的 Google Web Designer 專案時 (例如在 Windows 上開啟原本在 Mac 上建立的檔案),系統可能會顯示素材資源匯入錯誤。解決方法:依序按一下 [檔案] > [另存為壓縮檔...] 即可匯出及共用專案。
- 影片廣告:在時間軸中縮小時,非常短的片段 (例如以較快的文件影格速率下播放 1 個影格) 會停止顯示並呈現空白區域,即使直接選取這些片段也一樣。這些片段並未刪除。解決方法:放大後即可查看這些片段。
- 影片廣告:某些格式錯誤的素材資源 (例如使用某些影片翻錄軟體製作的影片) 無法在 Google Web Designer 中順利播放或匯出。
- 影片廣告:在匯出的影片 (壓縮成果) 中,特定彩色文字可能出現些微投射陰影。