Google Web Designer | Google’dan Web Tasarım Programı

Herkese Merhaba,

Son günlerde Google bir süpriz yaparak web tasarımcılar için özel bir program yayınladı.Henüz demo olarak yayında olan program basit bir arayüz ve oldukça pratik kullanımı ile şimdilik bir çok tasarımcıdan geçer not almaya başladı.İlk etapta akla Adobe ailesinin Dreamweaver programına rakip olarak gelebilir mi sorusu oluyor.Ancak bunu düşünmek için bile oldukça erken program henüz beta sürümünde ve oldukça sınırlı.Program ile ilgili detaylı bilgiyi ve Türkçe eğitim yazılarıını https://support.google.com/webdesigner/#topic=3249465 linkinden bulabilirsiniz.

Screen Shot 2013-10-01 at 02.25.53

Html 5 furyasının son ürünü olarak düşünebileceğimz bu progam özellikle web tasarımcılara kolaylıkla html5 ve css3 animasyonları yapabilmeyi sağlıyor.ilk bakışta yine Adobe ailesinin Edge programına benzetmedim değil:) Ancak tabiki daha basit ve daha demo halde bir program.Yinede bu hamle Google’ın bundan sonraki hamleleri için fikir verebilir.programın hızı ve arayüzü oldukça güzel sonuçlar veriyor.Program üzerinde proje geliştirebilmek için herhangi bir kod bilgisine sahip olmanız gerekmiyor.Panelleri ve bir çok hazır companent ile web sayfalarında sıkça gördüğümüz tasarımları pratik bir yöntemle oluşturabilirsiniz.Google Web Designer size sonucu html5 ve css3 hatta javascript kodları olarak veriyor. İlk bakışta alınan sonuç ve kod yapısı biraz karmaşık gelsede kod düzeninizi sağladığınızda oldukça verimli hale gelebilir.Tabiki programın zamanla gelişeceğini ve açıkları kapatabilecğini de unutmayalım.İlk versiyon için ve beta versiyonu için oldukça başarılı.

Screen Shot 2013-10-01 at 02.25.17

 

Programı ilk açtığımızda son dönemde Adobe’ninde tercih ettiği koyu renkli panel görünümünü görüyoruz.Temel itibari ile web tasarımcıların yabancılık çekmeyeceği bir sistem üzerinde bir çok alışkanlığa göre akıllıca hazırlanmış program.Hatta bir çok noktada kopya bile çekildiğini söyeleybiliriz:) İlk olarak yeni bir döküman açmak için File->New Document sekmesinden ilerliyoruz ve karşımıza yukarıdaki pencere geliyor burada çeşitli şablonları yanı sıra farklı dillerde de program üzerinde geliştirme yapabileceğimizin sinyalleri veriliyor.Burada dikkatimizi çekecek asıl nokta programın ilk amacının google reklamları hazırlanmasında yardımcı olmak olduğunu anlayabiliriz.Ancak yeni bir döküman açıp program yardımıyla animasyonlu web belgeleri hazırlayabiliriz.

Screen Shot 2013-10-01 at 02.24.21

 

 

Arayüz oldukça basit tüm temel tasarım programlarında olduğu gibi bir araç kutumuz yani toolbox’ımız burada da mevcut.

 

Hemen sağ tarafta ise yinerenk paletimiz ve properties yani ayarlar paletimizde hizmetimize hazır.

Properties paleti içerisinde bir çok farklı seçenek ile hazır componentlere erişebilir,events sekmesinden çeşitli ineraktif özellikler verebilir ve css panelindende oluşturulan css kodlarına erişebilirsiniz.

Screen Shot 2013-10-01 at 02.24.45

 

 

Properties,color,events ve css panlleri üzerindeki her bir güncelleme direkt olarak dökümanımıza kod olarak yansıyacaktır.Ben özellikle components alanındaki özelliklerin bir çok projede kullanılabilen seviyede olduğuna dikkat çekmek isterim.

 

 

 

 

 

 

 

Screen Shot 2013-10-01 at 02.24.40

Screen Shot 2013-10-01 at 02.26.13

Program 25 mb lık bir büyüklüğe sahip ücresiz olarak http://www.google.com/webdesigner/ adresinden indirip hemen kulanmaya başlayabilirsiniz.

Emrah Kozan| Web & Grafik Tasarım Eğitmeni

One Response to “Google Web Designer | Google’dan Web Tasarım Programı

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>