Google Web Designer 是 Google 最近發(fā)布的一個(gè)免費(fèi) Web 網(wǎng)頁(yè)設(shè)計(jì)工具，該軟件是中文綠色的，主要用于創(chuàng)建基于 HTML5 和 CSS3 的網(wǎng)頁(yè)或交互式動(dòng)畫，設(shè)計(jì)出的網(wǎng)頁(yè)動(dòng)畫無(wú)需 Flash 支持，能適應(yīng)任何平臺(tái)與設(shè)備，不用考慮兼容性問(wèn)題。

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

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

對(duì)于網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)，Web Designer 有兩種動(dòng)畫模式：快速時(shí)間軸模式和高級(jí)動(dòng)畫模式。快速模式類似于逐幀的幻燈動(dòng)畫；高級(jí)模式則基于動(dòng)畫圖層，能精確控制每一個(gè)元素的動(dòng)作、位置等。

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

軟件功能

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

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

快速模式類似于逐幀的幻燈動(dòng)畫。

高級(jí)模式則基于動(dòng)畫圖層，能精確控制每一個(gè)元素的動(dòng)作、位置等。

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

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

通過(guò)可視化創(chuàng)建HTML元素標(biāo)簽。

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

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

使用教程

1、時(shí)間軸

在Google Web Designer中，您可以使用“快速”和“高級(jí)”這兩種模式制作時(shí)間軸動(dòng)畫。

在“快速”模式中，您可按照?qǐng)鼍爸谱鲃?dòng)畫：首先添加整個(gè)頁(yè)面的全新視圖，然后更改要為之添加動(dòng)畫效果的元素，最后還可根據(jù)需要修改轉(zhuǎn)換時(shí)間及緩和效果。

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

您可以隨時(shí)點(diǎn)擊播放控件旁邊的模式切換按鈕，在各模式之間切換。

快速模式

高級(jí)模式

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

2、更改3D視圖

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

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

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

3、修改SVG圖片

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

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

修改SVG時(shí)無(wú)法進(jìn)行3D轉(zhuǎn)換和平移。

4、使用組件

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

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

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

軟件亮點(diǎn)

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

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

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

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

3、專注于設(shè)計(jì)

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

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

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

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

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

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

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

軟件測(cè)評(píng)

支持windows7、8版本

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

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

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

使用說(shuō)明：

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

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

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.