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是一款非常好的廣告網(wǎng)頁設(shè)計制作軟件，它能夠輕松的幫助各位用戶們完成相關(guān)的行業(yè)設(shè)計工作，改進用戶們的工作效率，減少用戶們的工作時間，軟件可以支持用戶們在Google網(wǎng)頁中制作非常好用的交互式廣告插入，或許有很多用戶們在想這聽起來好像就比較難操作啊，沒有點專業(yè)知識估計都弄不了吧，對于這款軟件來說這是不存在的，它的操作界面對于任何廣大用戶們來說都是非常的友好，功能選項一看便知道什么意思，根據(jù)需求選擇就可以了，非常的方便。軟件還支持設(shè)計和代碼兩種視圖，再加上3D設(shè)計的制作環(huán)境可以讓用戶們的社交模樣在視圖中完美的呈現(xiàn)出來，軟件還針對網(wǎng)頁動畫方面的設(shè)計提供了快速時間軸功能以及高級動畫模式，幫助大家在這方面也能夠有非常便利的幫助。今天小編就帶來了Google Web Designer漢化版，支持簡體中文能讓用戶們擁有更好的體驗感，有興趣的朋友們快來下載體驗吧！

Google Web Designer 提供了一個完整的、所見即所得的全 3D 設(shè)計環(huán)境，支持設(shè)計視圖和代碼視圖，對設(shè)計做的任何修改，都可以在兩種視圖中實時呈現(xiàn)。

對于網(wǎng)頁動畫設(shè)計，Web Designer 有兩種動畫模式：快速時間軸模式和高級動畫模式?？焖倌Ｊ筋愃朴谥饚幕脽魟赢?；高級模式則基于動畫圖層，能精確控制每一個元素的動作、位置等。

Google Web Designer 還是一個方便的 Google 廣告設(shè)計工具，軟件內(nèi)置了標準的 Adsense 或 AdMob 廣告制作流程，通過可視化創(chuàng)建 HTML 元素標簽，無需任何代碼基礎(chǔ)，就可以輕松制作出動畫或交互式廣告，包括橫幅廣告、展開式廣告、非頁內(nèi)廣告等類型。

軟件功能

Google Web Designer提供了一個完整的、所見即所得的全3D設(shè)計環(huán)境，支持設(shè)計視圖和代碼視圖，對設(shè)計做的任何修改，都可以在兩種視圖中實時呈現(xiàn)。

對于網(wǎng)頁動畫設(shè)計，軟件有兩種動畫模式：快速時間軸模式和高級動畫模式。

快速模式類似于逐幀的幻燈動畫。

高級模式則基于動畫圖層，能精確控制每一個元素的動作、位置等。

還是一個方便的Google廣告設(shè)計工具。

軟件內(nèi)置了標準的Adsense或AdMob廣告制作流程。

通過可視化創(chuàng)建HTML元素標簽。

無需任何代碼基礎(chǔ)，就可以輕松制作出動畫或交互式廣告。

包括橫幅廣告、展開式廣告、非頁內(nèi)廣告等類型。

使用教程

1、時間軸

在Google Web Designer中，您可以使用“快速”和“高級”這兩種模式制作時間軸動畫。

在“快速”模式中，您可按照場景制作動畫：首先添加整個頁面的全新視圖，然后更改要為之添加動畫效果的元素，最后還可根據(jù)需要修改轉(zhuǎn)換時間及緩和效果。

要制作更為復(fù)雜的動畫，您可以使用“高級”模式，單獨為每個元素添加動畫效果，并根據(jù)需要修改轉(zhuǎn)換時間及緩和效果。在“高級”模式下，系統(tǒng)還會顯示各層，以便您更改每個元素在元素疊中的位置。

您可以隨時點擊播放控件旁邊的模式切換按鈕，在各模式之間切換。

快速模式

高級模式

通過時間軸，您可以使用關(guān)鍵幀制作動畫。在“快速”模式下，您可以按場景制作動畫；在“高級”模式下，您可以單獨為每個元素添加動畫效果。

2、更改3D視圖

如果要處理3D對象，改變您對要處理元素的視角往往會對您有所幫助。要重新確定項目3D視圖的方向，請點擊3D場景旋轉(zhuǎn)工具，然后使用鼠標更改視圖。您可以通過點擊并拖動任何位置（經(jīng)過顏色編碼的旋轉(zhuǎn)柄除外）來自由旋轉(zhuǎn)對象。不過，如果您每次僅沿一個軸旋轉(zhuǎn)對象，則可以更好地掌控該對象。例如，拖動紅色環(huán)會使場景視圖沿全局X軸旋轉(zhuǎn)

選擇“視圖”菜單中的前視圖、俯視圖或側(cè)視圖可徑直沿Z、Y或X軸查看場景。雙擊“3D場景旋轉(zhuǎn)”工具可恢復(fù)至您已選擇的視圖。

選擇“視圖”菜單中的“顯示3D網(wǎng)格”后，3D視圖會在與您的視野最平行的平面中顯示網(wǎng)格。網(wǎng)格的顏色就是3D羅盤的顏色。

3、修改SVG圖片

您可以使用Google Web Designer對導(dǎo)入的SVG圖片進行特定類型的修改。您可以更改形狀的填充屬性（包括顏色和透明度）和描邊屬性（包括顏色、粗細、連接和虛線）。

SVG文件導(dǎo)入后就可以進行修改，它的修改方式與組的修改方式大致相同。要修改圖片，請雙擊相應(yīng)圖片以進入修改模式。隨后，您就可以單獨選擇各個元素。

修改SVG時無法進行3D轉(zhuǎn)換和平移。

4、使用組件

組件是用來為廣告添加特定功能的預(yù)建模塊。

組件僅可作為廣告的一部分使用。要創(chuàng)建能夠利用組件的HTML文件，請創(chuàng)建一個非頁內(nèi)廣告，然后在新文件對話框中的“環(huán)境”下拉列表中選擇“常規(guī)”。

要向項目中添加組件，請打開“組件”面板，然后將組件拖動到場景中，并將其放置到相應(yīng)位置（與其他元素一樣）。每個組件都有自己的專有屬性，您可以通過“事件”對話框中的事件對組件進行控制。

軟件亮點

1、將奇思妙想變成可在任意設(shè)備上展示的精彩作品

您可以創(chuàng)作能夠在任意設(shè)備上投放且極具吸引力的互動式HTML5作品和動態(tài)圖形。

2、讓奇思妙想在任意設(shè)備上都可精彩呈現(xiàn)

無論您的作品多么精彩，如果用戶無法欣賞，都是白費功夫?，F(xiàn)在，您創(chuàng)作的所有內(nèi)容都可以在任意設(shè)備（包括桌面設(shè)備、平板電腦和移動設(shè)備）上呈現(xiàn)，不會有兼容性問題。

3、專注于設(shè)計

您可以將HTML5和CSS3方面的事宜交給我們來搞定，從而專注于自己熱衷的工作：打造絢麗的視覺體驗。是一個功能齊全的設(shè)計套件，讓您可以輕松地將任何奇思妙想變成精彩作品。

4、借助代碼實現(xiàn)更好的效果

您作品的所有代碼都是可以手動修改的，因此如果您認為有必要，可以隨時手動修改自己的作品。您可以借助代碼更好地呈現(xiàn)自己的奇思妙想，而不會受到代碼的限制。

5、內(nèi)容創(chuàng)作工具

您可以使用形狀工具、鋼筆工具或Google Web Designer特有的標記工具創(chuàng)作自己的作品，還可以使用新推出的漸變修改工具進一步完善自己的項目。

6、與Google產(chǎn)品無縫集成

您可以將文件直接推送到Google云端硬盤，以便進行遠程共享、修改和協(xié)作，從而簡化工作流程。廣告制作好后，只需點擊一下，即可快速將其發(fā)布到DoubleClick Studio、AdMob或AdWords。

軟件測評

支持windows7、8版本

支持Mac OS X 10.7.x或更高版本

支持Ubuntu 12.04+、Debian 7++、OpenSuSE 12.2++、Fedora Linux 17

所以說你可以很容易的依賴上Googole Web Designer，它是免費的可供商業(yè)完全使用的一款軟件！同時有強大的谷歌公司為軟件提供更新和技術(shù)支持。保證了Googole Web Designer設(shè)計工具軟件的質(zhì)量與Adobe出品的軟件能一樣的好用與穩(wěn)定。

使用說明：

已經(jīng)做成綠色免安裝版，直接運行 webdesigner.exe 即可，注意本軟件僅支持 Windows 7 和 Windows 8 系統(tǒng)，Windows XP 下無法運行。

Google Web Designer 與之前介紹的 Adobe Edge Animate、TopStyle 應(yīng)該屬于同類工具，有興趣的可以對比看看。

Google Web Designer is an advanced web application that's built with HTML5 which lets you design and build HTML5 advertisements and other web content using an integrated visual and code interface. Using Google Web Designer's design view you can create content using drawing tools, text, and 3D objects, and you can animate objects on a timeline.