Google Web Designer是 Google 發(fā)布的一款免費的 Web 網(wǎng)頁設(shè)計工具,主要用于創(chuàng)建基于 HTML5 和 CSS3 的網(wǎng)頁、交互式廣告、動畫等作品,設(shè)計出的網(wǎng)頁動畫無需 Flash 支持,能適應(yīng)任何平臺與設(shè)備,不用考慮兼容性問題。
Google Web Designer 提供了一個完整的、所見即所得的集成式創(chuàng)作界面,支持設(shè)計視圖和代碼視圖,對設(shè)計做的任何修改,都可以在兩種視圖中實時呈現(xiàn)。
對于網(wǎng)頁動畫設(shè)計,Web Designer 有兩種動畫模式:快速時間軸模式和高級動畫模式。快速模式類似于逐幀的幻燈動畫;高級模式則基于動畫圖層,能精確控制每一個元素的動作、位置等。
高級 Google 廣告設(shè)計工具
Google Web Designer主要是一個方便的Google 廣告設(shè)計工具,可創(chuàng)作各類 Google 廣告,軟件內(nèi)置了標準的 Adsense 或 AdMob 廣告制作流程,通過可視化創(chuàng)建 HTML 元素標簽,無需任何代碼基礎(chǔ),就可以輕松制作出各種高級交互式廣告,包括橫幅廣告、AMPHTML 橫幅廣告、展開式廣告、插頁式廣告等類型。
設(shè)計的廣告可直接應(yīng)用于 Google AdMob、Google Ads、Display & Video 360 等平臺。
通過模板創(chuàng)建文件
Google Web Designer 提供了一個組件和模板庫,模板會自動下載與更新,可以直接利用這些組件庫為您的網(wǎng)站和廣告添加圖庫、視頻、地圖和其他功能。
Google Web Designer 設(shè)計視圖
通過 Google Web Designer 的設(shè)計視圖,您不僅可以利用繪圖工具、文字和 3D 對象創(chuàng)建內(nèi)容,還可以為時間軸上的對象和事件添加動畫效果。
Google Web Designer 代碼視圖
通過 Google Web Designer 的代碼視圖,您可以創(chuàng)建 CSS、JavaScript 和 XML 文件。此外,該視圖還采用了語法高亮和代碼自動填充功能,可讓代碼編寫變得更簡單,且錯誤更少。
Google Web Designer 發(fā)布作品
創(chuàng)建好內(nèi)容后,您可以利用 Google Web Designer 的自適應(yīng)布局工具針對多種屏幕尺寸設(shè)置內(nèi)容的樣式,然后以清晰明了的 HTML5、CSS3 和 JavaScript 發(fā)布您的最終文檔。
制作與使用說明
下載解壓后直接運行webdesigner.exe即可,默認顯示簡體中文界面,
如需徹底刪除綠色版,請關(guān)閉程序后再運行 [Uninstall].bat 腳本,然后直接刪除綠色版所在文件夾即可。
Google Web Designer 與之前介紹的Adobe Edge Animate、TopStyle應(yīng)該屬于同類工具,有興趣的可以對比看看。
更新日志
修正了以下問題:3D 模型的初始亮度過亮。
圖片效果組件現(xiàn)在支持版本較低的瀏覽器。
修正了以下問題:“圖片效果”對話框的“屬性”面板中缺少“圖片效果”標題。
修正了雪碧圖組件中的運行時錯誤。
現(xiàn)在,在不同文檔之間復(fù)制和粘貼過渡效果圖庫組件時,會一并正確地復(fù)制相應(yīng)圖片。
導(dǎo)入 MP3、OGG 和 WAV 音頻文件。
“資源庫”面板現(xiàn)在會列出音頻素材資源。
特別說明
提示:該資源為網(wǎng)盤資源,請?zhí)崆鞍惭b好百度網(wǎng)盤電腦版