Google Web Designer教學 | google web designer下載
有鑑於行動裝置蓬勃地發展,以致於在提供跨平台使用特性上也相對地變得很重要,像是是設計廣告、網頁製作、網頁動畫等,Google推出的這款網頁設計工具你不能不知道,或許有很多人聽過但沒使用過,今天就來教學GoogleWebDesigner這個工具吧! 哪裡下載GoogleWebDesigner呢?在GoogleWebDesigner官網,點擊”DownloadWebDesignerBeta”下載並安裝,安裝完後就可以開始設計囉。[1]GoogleWebDesigner 切換中文版此工具支援多國語言,下載安裝之後開啟介面即可切換語言,請到 說明>設定語言>繁體中文雖然GoogleWebDesigner目前仍是處...
有鑑於行動裝置蓬勃地發展,以致於在提供跨平台使用特性上也相對地變得很重要,像是是設計廣告、網頁製作、網頁動畫等,Google推出的這款網頁設計工具你不能不知道,或許有很多人聽過但沒使用過,今天就來教學Google Web Designer這個工具吧!
哪裡下載Google Web Designer呢?
在Google Web Designer官網,點擊”Download Web Designer Beta”下載並安裝,安裝完後就可以開始設計囉。[1]
Google Web Designer 切換中文版此工具支援多國語言,下載安裝之後開啟介面即可切換語言,請到 說明>設定語言>繁體中文
雖然Google Web Designer目前仍是處於開發測試版,但已經能夠製作出跨平台的動態內容、廣告、網頁等;這無疑是對不會撰寫程式碼的設計者、初學者以及製作動畫者來說最能快速上手與運用的工具。
Google Web Designer 網頁設計工具使用教學
Google Web Designer是款透過整合式的圖形和程式碼介面來設計廣告、或建立HTML(網頁HTML)網路內容的應用程式工具,其目的是想讓設計者或是初學者不會因為不會撰寫程式或製作互動廣告、動畫有所限制。
在這裡先簡單地介紹一下Google Web Designer上的介面工具吧!
工作區
設計檢視模式:會顯示出與在瀏覽器上所看到的畫面相同。 程式碼檢視模式:會顯示出相對應色彩編碼與格式來顯示程式碼。 提供變更縮放比例(右下角- 100 % +)。 切換要處理的頁面(左下角page1⬍ Div)。
工具列
提供了3D 物件工具、文字工具、畫布工具、填滿工具等等。
工具選項列
顯示使用者目前所選用工具的選項。如:選取範圍工具時,工具選項列會顯示位置樣式和對齊版面配置等選項。
檢視列
提供設計檢視、程式碼檢視兩種操作模式、同時讓使用者能預覽自己所設計製作的作品或者是發佈。
面板
面板區塊包含色彩、...