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