Bir web sitesi için animasyonlu, etkileşimli bir arayüz oluşturmak isterseniz, Flash'ı kullanmanız gerekiyordu. JavaScript kullanarak bazı temel animasyonlardan kurtulmayı başarmış olabilirsiniz, ancak bunu çok karmaşık hale getirdiyseniz, yaptığınız her şey ziyaretçinizin bilgisayarını rahatsız ediyor ve sorunlara yol açıyor.

Ayrıca, JavaScript, en azından kodlamaya meraklı olmayanlar için Flash'dan daha karmaşıktır. Ancak, elbette, Flash her zaman iPhone ve iPad de dahil olmak üzere mobil cihazlarda iyi çalışmaz (veya bazen de).

HTML5 girin. HTML5, hemen hemen her mobil platformda çalışır. Flash'ta oluşturabileceğiniz her şey HTML5 (ve bazen JavaScript ve CSS3 eklenmiştir) ile oluşturulabilir: animasyonlar, etkileşimli öğeler ve daha fazlası.

Ancak, her şeyi el ile kodlama konusunda çıldırmayabilecek pek çok tasarımcı için kodlama konusunu yeniden gündeme getiriyor. Bu nerede Adobe Edge içeri gelir.

HTML5, CSS3 ve JavaScript kullanarak animasyonlu web içeriği oluşturmanıza yardımcı olan tamamen yeni bir programdır (şu anda ücretsiz bir önizleme sürümü olarak mevcuttur). Yeni kompozisyonlar oluşturmak için çizim ve metin araçları içerir, görüntüleri çeşitli biçimlerde (SVG, PNG, JPG ve GIF) içe aktarmanıza ve zaman çizelgesi tabanlı bir editörle koreograf animasyonuna izin verir. Özellik düzeyinde konum, renk, şekil, boyut, döndürme ve diğer öğeleri canlandırabilirsiniz.

Animasyonlu ve etkileşimli içeriğiniz için Flash yerine HTML5, CSS3 ve JavaScript kullanmanın en iyi yolu sitenizin standartlara uygun kalmasıdır. CSS düzeninizi korur ve içerik katmanınızı sunum katmanınızdan ayrı tutar. Bu nedenle, siteniz daha geniş bir platform yelpazesinde uyumlu olacak ve daha az çalışma ile daha fazla arama motoru dostu olacak.

Edge şu anda sadece önizleme aşamasında olduğundan, bazı hatalara ve özellik sınırlamalarına sahip olmak zorundadır. Bununla birlikte, zaten başlamanıza yardımcı olacak yirmi beş yerleşik hareket hızı etkisi ve diğer özellikleri içerir. 150 günlük deneme süresinden sonra Edge'in ne kadarına mal olacağı hakkında bir kelime yok.

Edge arayüzü, Adobe'nin Premiere Pro veya Flash gibi etkileşimli içerikle çalışmanın diğer programlarının çoğuna benziyor. Bu programlara zaten aşina iseniz, Edge arayüzünün ayarlanması oldukça kolay olmalıdır. Değilse, kesin bir öğrenme eğrisi olacak, ama bu hala anlamaya nispeten kolay bir arayüz.

Tabii ki, masaüstü ve mobil AIR uygulamaları oluşturmak veya ActionScript kullanmak için Flash'a ihtiyacınız var.

Ayrıca, mobil uyumluluğun sorun olmadığı daha sürükleyici etkileşimler ve animasyonlar için Flash'ı daha kolay bulabilirsiniz. Ancak Edge, tasarımcılara Adobe çalışma ortamını tanıyarak etkileşimli ve animasyonlu içerik oluşturma konusunda yeni bir seçenek sunuyor.

Daha fazla bilgi edin: Adobe Edge

Edge'i henüz denemek için bir şansın oldu mu? Ne düşünüyorsun? Gelecekte satın almaya değer mi? Yorumlarda bize bildirin!