WEB GRAFİK TASARIMI

2D tasarımların yanı sıra 3D tasarımlar da gerçekleştirilmektedir.

Buna göre, Google Web Designer programının genel olarak kullanım alanları şunlardır:

• Reklam, Tanıtım, Pazarlama, İletişim, Eğitim ve öğrenim, Yeni Medya Sanatı.

• Bu program, reklam, tanıtım, pazarlama sektörlerinin yanı sıra özellikle, İletişim Fakültesi, Güzel Sanatlar Fakültesi, Açıköğ- retim Fakültesi, Meslek Liseleri ve Güzel Sanatlar Liselerinde mevcut ders programlarında, ilgili meslek kursları ve atölyelerinde tasarım konusunda öğrencilerin yetişmesi ve deneyim kazanması amacıyla yararlanılabilecek bir programdır.

• Ayrıca, taşıdığı geniş estetik olanaklar dolayısıyla, fotoğraf ve grafik sanatçıları, Yeni Medya bağlamında çalışmalar yapan kavramsal sanatçılar, bu programdan yararlanabilirler.

Google Web Designer “Araç Çubuğu” görsel grafik tasarımımızı gerçekleştirmek için kullanabileceğimiz temel olanakları sunar. Bu temel olanakların bazıları kendi içerisinde daha ayrıntılı tasarımlar geliş- tirmek üzere çeşitlendirilmiş olanaklar sunmaktadır. Böylece, fotoğraf, çizim, grafik gibi görselleri oluşturabilir, düzenleyebiliriz. Yanı sıra tasarımımızda yer alacak metinlerin tipografik tasarımını geliştirebiliriz.

Google Web Designer arayüzünde “Araç Seçenekleri Çubuğu” dosya, düzenle, görüntüle, yardım olmak üzere dört bölümden oluşmaktadır. Ayrıca her biri kendi içerisinde farklı işlevlere sahiptir. Tasarım gereksinimlerine göre ilgili maddeleri seçerek işlemlerimizi gerçekleştirebiliriz.

Google Web Designer Zaman Çizelgesi: Google Web Designer zaman çizelgesi, bu yazılımın arayüzü- nün alt kuşağında yer alır. Genel olarak, bir web grafik tasarımı çok katmanlı (layer) bir kombinasyondur. Buna göre, zaman çizelgesinde yer alan, çeşitli seçenekleri değerlendirerek çalışmakta olduğumuz bir katmanı seçebilir, üzerinde değişiklikler yapabiliriz. Yanı sıra yine üzerinde çalıştığımız katmanı kilitleyebilir, gizleyebilir ya da görünür hale getirebiliriz. Tasarımımızda eğer, hareketli görüntüler ve animasyon öğeleri yer alıyorsa bu durumda oynat, tekrar oynat ve hızlı moda geç seçenekleri ile tasarımı oluşturabiliriz. Yine, tasarımımızın bu özelliği ve sunumu için süre saptaması yapabiliriz. Tasarımımızı yaparken, tasarım süresi ve işlemleri sırasında gerçekleştirdiğimiz bütün aşamalar zamansal olarak bu çizelgede kaydedilmektedir. Dolayısıyla zaman çizelgesi bölümünü bir tür web grafik tasarım bellek kaydı olarak nitelendirebiliriz.

Atlı Karınca Galeri seçeneği, lunaparkdaki atlı karınca deneyimimizi çağrıştırır bir şekilde 3D algıya hitap eden bir tasarım biçimi geliştirmemizi sağlar.

Google Web Designer bileşenleri ile reklamlarımız zengin medya öğesi olarak düzenlenir. Zengin Medya (Rich Media);

• Çoklu ve farklı görseller içerir.

• Görseller durağan, hareketli; video, film, animasyon; albüm, galeri, slide gösterisi vb. gibi olabilir.

• İnteraktiftir.

• Alışveriş işlemleri yapılabilir.

• Reklam öğesinin tıklanma sayısı, sıklığı, izlenme süresi ile ilgili geri dönüşüm raporları elde edinilebilir.

Banner’ın uzun bir kültürel geçmişi vardır. Eski çağlarda, üzerinde bir kurumu ya da aileyi temsil eden semboller bulunan flamalara banner denirdi. Banner kullanımı kitle iletişim çağında çok amaçlı olarak, çeşitli biçimlere dönüştürülerek devam eder. Gazete manşetleri, tanıtım pankartları gibi. Banner’ın temsil, tanıtım ve iletişim potansiyeli, Dijital Çağ’da da değerlendirilmiş ve önemli bir reklam kategorisi haline gelmiştir; sanal ortamdaki kullanımı, IBM’in çalışmaları dolayısıyla 1980’lere kadar uzanmaktadır. Günümüzde, İnternet’te, yoğun olarak çok çeşitli boyut ve ölçekte, reklam ve tanıtım amaçlı banner kullanılmakta ve paylaşılmaktadır. Bannerlar, görece olarak web sitesi arayüzüne oranla küçük bir alanı kapsar. Bannerlar, durağan ya da hareketli olabilir, diğer bir ifade ile ilgili web sitesi arayüzünde sabit bir bir şekilde bulunur ya da geçiş reklamı ile eş zamanlı yer alır, uzar, kayar, genişler. Bannerlar yayınlandıkları web sitesi arayüzünün bir bölümünde ritmik olarak yer alırlar. Bannerlar, görsel ve metin olarak çok zengin kreatif performans olanakları içerir. Kompakt, ucuz, pratik ve interaktif bir yapısı ve kullanımı vardır. Canlı, dinamik, hareketli bir iletişim dinamiği meydana getirir. Söz konusu dinamik yapı, kimi zaman, sürpriz olarak nitelendirilebilecek bir hava yarattığından, bu özellik üzerinde durarak eğlenceli tasarımlar yapmak olanaklıdır.

5. Arayüzün hemen alt kısmında yer alan “Zaman Çizelgesi”nden oluşturacağımız bannerın layerlarını görmekteyiz. Bizim için, ilk olarak yapılacak işlem, bir ilaç firmasına ait olan bu layerları silmek ya da görünmez kılmaktır. Bunun için layerları tek tek kontrol etmemiz ve bazı layerları görünmez yapmak gerekebilir. Üzerinde çalışmak istediğimiz tasarım alanını oluşturmaya geçelim (Resim 5.8 - d).

7. Programın sağ alt kısmındaki “Kitaplık” kısmından bannerımıza eklemek istediğimiz görüntüleri “+” ikonundan seçiyoruz. Seçimlerimizi yaptıktan sonra eklediğimiz görüntüleri çalışma ekranına sürüklüyoruz. Araç seçenekleri çubuğundan sol üst köşede “Dönüşüm Denetimi” kutucuğunu doldurup, seçtiğimiz görüntülerin boyutunu ayarlıyoruz (Resim 5.8 - f).

Google Web Designer programının işlevleri
aşağıdaki gibidir:
• Google Web Designer çok işlevli bir programdır.
• Google Web Designer programı ağırlıklı
olarak reklam, tanıtım ve pazarlamaya yönelik bir programdır.
• Pratik bir şekilde HTML5 reklamlarının
grafik tasarımı, web tasarımı ve internette
yayını gerçekleştirilebilir.

• Google Web Designer, ağırlıklı olarak banner tasarımlarına yöneliktir.
• Entegre bir programdır

*Ağırlıklı olarak çok sayfalı gazete, kitap, dergi gibi çalışmalarının tasarlanması ve düzenlenmesine yönelik bir program Ünite 7 de yer alan Adobe Indesign programıdır.

Google Web Designer, masaüstü bilgisayar, laptop gibi donanımlara kolayca ve ücretsiz olarak yüklenebilmektedir.

Projemizin görsel tasarımı tamamlandıktan sonra;

HTML5 İşaretleme Dili, CSS3 Tanım Dili ve Javascript Betik Dil aracılığıyla
kodlanarak web ortamında yayınlanabilir.

Google Web Designer arayüzü web tasarım aşamalarını kolayca gerçekleştirebileceğimiz pratik ve kolay anlaşılır bir yapıya sahiptir. Bu arayüz, Araç Çubuğu, Araç Seçenekleri Çubuğu, Zaman Çizelgesi, Görünüm Çubuğu, Paneller, Çalışma Alanı olmak üzere 6 bölümden oluşmaktadır.

Özellikler Paneli: Bu paneli kullanarak, tasarımımızın herhangi bir katmanını kodlama, kod kimliği verme, boyutlandırma, tasarım alanı içerisinde konumlandırma yapabiliriz

Tasarımımızı yaparken, tasarım süresi ve işlemleri sırasında gerçekleştirdiğimiz bütün aşamalar zamansal olarak bu çizelgede kaydedilmektedir. Dolayısıyla zaman çizelgesi bölümünü bir tür web grafik tasarım bellek kaydı olarak nitelendirebiliriz.

iFrame seçeneği: Tasarımımızın İnternet’te öngördüğümüz diğer sitelerle bağlantılı hale gelmesini sağlar

Google Web Designer/Bileşenler Paneli: Bu panel çoklu seçeneklere sahiptir. Bununla birlikte eğer, başka bir seçeneğe daha gereksinim duyarsak interaktif bir şekilde bunu da bileşenler paneline ekleyebiliriz.

YouTube seçeneği Bileşenler Panelinde yer alır bu seçenekte tasarımımızda yer almasını istediğimiz herhangi bir YouTube linkini ekleyebiliriz

Görünüm Çubuğu: Bu çubukta yer alan tasarım görünümü ile gerçekleştirdiğimiz görsel tasarımı görüntüleyebilir; kod görünümü ile bu görsel tasarımın algoritmik eş değerini görüntüleyebilir ve düzeltebiliriz.

Banner tasarımlarda ölçeklendirme işlemi değildir.