google也推網頁設計工具 | google web designer
是的!你沒有看錯,Google竟然也推出了一套網頁設計工具,還號稱在任何一個裝置上都能正常瀏覽!Google[1]WebDesigner是由google推出的視覺化網頁設計工具,不僅可以直接相會圖軟體一般繪製出向量幾何圖形,還能自動產出對應的Javascript以及CSS原始碼,看起來頗有繪圖軟體的味道,經過Amos簡單的試玩了一下,感覺有一點點AdobeMuse的味道,但目前還遠遠遠遠的不足就是了.Googlewebdesigener使用HTML5以及CSS3技術,號稱可以讓你輕鬆視覺化編輯,但如果需要撰寫原始碼的話,則可以切換到原始碼檢視模式去編輯.兩種動畫編輯模式在編...
是的!你沒有看錯,Google竟然也推出了一套網頁設計工具,還號稱在任何一個裝置上都能正常瀏覽!Google[1] Web Designer是由google推出的視覺化網頁設計工具,不僅可以直接相會圖軟體一般繪製出向量幾何圖形,還能自動產出對應的Javascript以及CSS原始碼,看起來頗有繪圖軟體的味道,經過Amos簡單的試玩了一下,感覺有一點點Adobe Muse的味道,但目前還遠遠遠遠的不足就是了.Google web desigener 使用HTML5以及CSS3技術,號稱可以讓你輕鬆視覺化編輯,但如果需要撰寫原始碼的話,則可以切換到原始碼檢視模式去編輯.
兩種動畫編輯模式在編輯動畫時,google web designer提供兩種動畫編輯模式-快速/進階,你可以依據你的工作需求來使用不同的編輯模式以節省制作時間.
全3D製作環境google web designer擁有簡單快速的3D工具,可以讓你以視覺化的編輯方式來制作3D畫面,包含動畫效果.
簡易的廣告工作流程Google web designer提供了一系列的現成元件,讓你可以直接取用,不用辛苦的撰寫原始碼,不過元件只有在廣告頁面檔才能使用喔。一般的HTML頁面是不能使用的(會呈現灰色)。
試玩時間看完了官方的介紹,當然就是要來試玩看看了,首先打開Google web designer之後,整個介面就跟Adobe CS6之後的版本一樣都黑漆媽烏的,說實在的Amos不是很喜歡這樣的配色,因為感覺眼睛要看的更加的吃力,是只有Amos有這感覺嗎?不然怎麼他們這麼愛用的黑黑的呢?不管如何,先從開啟一個新檔開始吧!接著會出現新檔案的設定,看你是要哪一種檔案格式。目前看到有HTML、CSS、JAVASCRIPT、XML四種格式,至於google廣告Amos沒有測試,再來是設定頁面標題(title)、檔案名稱、位置以及動畫編輯模式,如同前面所說的,動畫模式分為快速以及進階兩種,這邊要注意的是,如果選了快速模式,之後要切換成進階模式是ok的,但是如果一開始就選到進階模式,後面就無法改成快速模式囉。(點圖可見大圖)開啟完新檔之後當然要來畫圖看看啦~左手邊是工具列,畫面上可以看到有鋼筆工具可以用,右手邊則是五大面板...