Gelişme

1) Brief’i Kısa, Vaadi Kristal

Reklam her şeyi anlatmaz; tek vaat ve tek eylem.

• Kime? (segment), nerede? (envanter/cihaz), ne kadar sürede? (3–6 sn ilk tur)

• KVE hiyerarşisi:

  • Kimlik: Markayı tanıtan imza (logo/renk/ton).

  • Vaat: Tek cümle net fayda (“Raporlarını 60 sn’de hazırla”).

  • Eylem (CTA): “Ücretsiz Dene”, “Teklif Al”, “Sepete Ekle”.
    Kural: Animasyon dili, eylem komutlarının (tıklama/hover/klavye) önünü açacak şekilde odaklı ve hafif olmalı.

2) Zaman–Panel Kurgusu: 3–4 Karalık Hikâye

Banner’ı paneller halinde düşünün:

1. Hook (0–1.2 sn) – Problem/ilgi kıvılcımı;

2. Vaat (1.2–2.4 sn) – Çözüm/kanıt;

3. CTA + Logo (2.4–3.0 sn) – Karar anı;

4. Loop (opsiyonel) – Kısa tekrar.
   Eylem komutu politikasını (tıklama alanı, hover etkisi, klavye tetik) bu ritmin üzerine yerleştirirsiniz.

3) Tek Baskın Hareket ve Odak

Aynı karede tek öğe baskın animasyon yapar.

• Başlık içeri giriyorsa CTA sabit; CTA pulse yaparken başlık sabit.

• Arka plan hareketleri nazik ve düşük kontrast.
  Vaka: Aynı anda başlık + ikon + CTA hareketi yerine sıraya koymak, CTR’ı gözle görülür artırır.

4) Tipografi–Renk Ergonomisi

• Başlık: 6–11 kelime, iki satırı geçmez.

• Kontrast: Metin/zemin ≥ 4.5:1.

• Latin-Ext gömülü font: ı, İ, ğ, ş, ç, ö, ü desteği.

• CTA: Vurgu rengi yalnız butona; aşırı parlak arka plan yok.

5) clickTag Standartları (AS3)

Ağ geçitleri/Ad server’lar için güvenli clickTag zorunlu disiplindir.

// AS3 – Güvenli tıklama yönlendirmesi
import flash.events.MouseEvent;
import flash.net.URLRequest;
import flash.net.navigateToURL;

var clickArea:Sprite = new Sprite(); // görünmez üst katman
clickArea.graphics.beginFill(0xFFFFFF, 0);
clickArea.graphics.drawRect(0, 0, stage.stageWidth, stage.stageHeight);
clickArea.graphics.endFill();
addChild(clickArea);

var clickTag:String = loaderInfo.parameters.clickTag || “https://ornek.com/kampanya”;
clickArea.buttonMode = true;
clickArea.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
navigateToURL(new URLRequest(clickTag), “_blank”);
});

İlkeler:

• Tıklanabilir alan tüm sahneyi kapsar (UI çakışmıyorsa).

• Tek yön – navigateToURL dışında ağ/JS çağrıları yok.

• Parametre adı genellikle clickTag, bazen clickTag1/2… (çoklu çıkışlar için).

6) Çoklu Çıkışlar (Exit) ve Mikro-Hedefleme

Birden fazla CTA varsa (örn. “İndir”, “Detaylar”), her biri ayrı exit tetikler.

btnDownload.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
navigateToURL(new URLRequest(loaderInfo.parameters.clickTag1), “_blank”);
});
btnLearn.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
navigateToURL(new URLRequest(loaderInfo.parameters.clickTag2), “_blank”);
});

Not: UI’de hiyerarşiyi bozmayın; birincil CTA görsel olarak üstün kalsın.

7) Polite Load (Nazik Yükleme)

Kreatif öğeler, sayfa içeriğini bloke etmeden nazik yüklenmeli.

• İlk kare: Yerleşim iskeleti + marka imzası (1 karede görünür).

• Ağır varlıklar: Poster/placeholder; hazır olunca crossfade.

• Video: Varsayılan sessiz; kullanıcı etkinleştirirse oynat.

8) CTA Koreografisi ve Easing

• Giriş: 180–220 ms easeOutQuad.

• Hover: İnce gölge/ölçek 1.00→1.04; tek baskın.

• Fokus: Klavye ile görünür “focus ring”.

• Reduce Motion: Pulse kapanır; düz görünür.

9) Replay, Mute ve Duraklatma

Kullanıcıya saygı: tekrar ve ses kontrolü bariz ve tutarlı olmalı.

btnReplay.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
gotoAndPlay(“start”); // timeline etiketleri ile
});

var muted:Boolean = true;
btnMute.addEventListener(MouseEvent.CLICK, function(_:MouseEvent):void {
muted = !muted;
SoundMixer.soundTransform = new SoundTransform(muted ? 0 : 0.6);
});

Varsayılan: Ses kapalı; tıklamayla açılır. Autoplay ses kaçınılır.

10) Frekans Sınırı (Yerel) ve Durum Hatırlama

Ad server tarafındaki frequency capping’e ek olarak yerel bir uyarı katmanı, tekrar yorgunluğunu azaltır.

// Basit yerel sınır: Gün içinde 3’ten fazla replay önermesin
var so:SharedObject = SharedObject.getLocal(“adfreq”);
var dayKey:String = (new Date()).fullYear + “-” + (new Date()).month + “-” + (new Date()).date;
if(!so.data.day || so.data.day != dayKey){ so.data.day = dayKey; so.data.views = 0; }
so.data.views++;
so.flush();
if(so.data.views > 3) { hideReplayNudge(); } // “Tekrar izle” hatırlatıcısını gizle

11) Ölçüm–Etiketleme: Öğrenmeden İyileştirme Olmaz

• Olaylar: view, panel:hook, panel:cta, cta:click, hover:cta, replay, mute:on/off.

• KPI: CTR, görünüm→tıklama süresi, hover dwell, loop sayısı, ses etkileşim oranı.

• A/B değişkenleri: Başlık tipi (rakam/durum), CTA metni, CTA rengi, ritim (0.8×/1.0×), geçiş (wipe/fade).

12) Vaka – B2B SaaS 300×250

USP: “Raporlar 60 sn’de hazır.”

• Hook: “Haftalık rapor saatlerinizi geri verelim.” (maskeli wipe)

• Vaat: 3 ikon akışı (Topla → Analiz → Paylaş).

• CTA: “Ücretsiz Dene” (180–220 ms pulse).

• Eylem komutu: Tüm sahnede clickTag; CTA öncelikli görsel.
  Sonuç: CTA hover nefesi her 6–8 sn’de bir → CTR ↑, yorgunluk yok.

13) Vaka – E-Ticaret İndirim 728×90

USP: “%40’a varan indirim – bu hafta.”

• Renk: Vurgu yalnız fiyat ve CTA’da.

• Zamanlayıcı simgesi: Gerçek sayaç yerine “takvim/hafta” ikonografisi.

• Exit’ler: clickTag1 (Fırsatlar), clickTag2 (Sepete ekle).

• Reduce Motion: Wipe → crossfade; CTA sabit.

14) Erişilebilirlik: Kontrast, Klavye, Reduce Motion

• Kontrast ≥ 4.5:1, Latin-Ext font.

• Klavyeyle CTA’ya gidilebilmeli (TAB/ENTER/SPACE).

• Reduce Motion aktifse overshoot/back kapanır; süreler %30 kısalır; parallax/partikül durur.

• Renk körlüğü: Durum yalnız renkle verilmez; ikon/biçim de kullanılır.

15) Performans–Bellek Hijyeni (FPS Dostu 10 Kural)

1. Tek ENTER_FRAME döngüsü; animasyon merkezi.

2. Görünmeyeni sahneden kaldır (removeChild); alpha=0 yetmez.

3. cacheAsBitmap: statik vektörler.

4. Filtreler minimum (blur/glow pahalı).

5. Sprite sheet/atlas ile frame-by-frame ekonomisi.

6. Object pool: partikül/konfeti tekrarları.

7. Polite load + poster: medya gelmezse anlamlı ilk kare.

8. Temizlik: removeEventListener, tween/stream stop (panel çıkışında).

9. Çoklu çözünürlük bitmap (retina/düşük DPI).

10. Profiling: Gerçek envanter simülasyonu; tahmin değil ölçüm.

16) Güvenlik ve Politikalar

• Zorunlu alanlar: clickTag parametreleri, yönlendirme domain whitelisti.

• Üçüncü taraf çağrılar: Ölçüm pikselleri Ad server politikalarına tabidir.

• Kişisel veri: Banner seviyesinde gereksiz; ölçüm anonim olmalı.

18) Uygulamalı Şablon — “Sweep Reveal + CTA Pulse” (≈3 sn)

Bileşenler: MC_Headline, MC_Icon, MC_CTA, MC_Logo, MC_BG, MC_Sweep.
Akış:

• 0–0.3 sn: Başlık çapraz maskeyle (easeOutCubic) girer.

• 0.3–0.5 sn: İkon 96→100% scale-in.

• 0.5–0.7 sn: CTA görünür; 200 ms easeOutQuad pulse.

• 0.7–1.0 sn: Logo fade-in.

• 1.0–3.0 sn: End frame; CTA hafif nefes (6–8 sn’de bir).
  Eylem: Tüm sahne clickTag; CTA ayrıca clickTag1 (A/B için ölçülebilir).
  Reduce Motion: Wipe → crossfade; pulse kapalı.

19) İçerik–Davranış Ayrımı: JSON ile Çeviklik

Metni ve zamanlamayı sahnenin dışına taşıyın; derlemesiz revizyon/A-B.

var L:URLLoader = new URLLoader();
L.addEventListener(Event.COMPLETE, onData);
L.load(new URLRequest(“data/ad_script.json”));
function onData(e:Event):void {
var d:Object = JSON.parse(L.data);
headline.text = d.hook.title; // “Raporlar 60 sn’de hazır”
// d.timing.headlineIn, d.timing.ctaIn parametreleriyle animasyonları sür
}

20) HTML5/Canvas/GSAP Köprüsü

Flash’ta öğrendiğiniz eylem komutları, HTML5 tarafında birebir kavramlara karşılık gelir:

• MovieClip → JS bileşeni, Timeline → GSAP timeline

• enterFrame → requestAnimationFrame

• Sound → WebAudio (sessiz varsayılan)

• SharedObject → LocalStorage (basit yerel sayaç)

• clickTag → URL param/parça (IAB yönergeleriyle)
  Ders: Araçlar değişir; okunurluk, tek baskın hareket, erişilebilirlik, ölçüm ve nazik yükleme değişmez.

Sonuç

Reklam tasarımlarında Flash ve eylem komutları, görsel virtüöziteyi davranış mühendisliği ile birleştirir. Başarının çekirdeği; tek cümlelik vaat, KVE hiyerarşisi, tek baskın hareket kuralıyla sade koreografi, clickTag/exit disiplinine uygun güvenli yönlendirme, polite load ve poster ile hızlı algılanan performans, erişilebilirlik (kontrast/klavye/Reduce Motion), ölçüm–A/B ile sürekli iyileştirme ve performans–bellek hijyenidir.
Özetle; (1) vaadi kristalize et, (2) panelleri ritme bağla, (3) CTA’yı tek baskın hareketle parlat, (4) clickTag/exit’i güvenli uygula, (5) polite load + poster ile hızlı algılan, (6) ölç–öğren–iyileştir. Bu omurgayla üretilen kreatifler, ister SWF/Animate ister HTML5/Canvas tarafında olsun, hızlı, hafif, anlaşılır ve tıklanabilir kalır.

Tasarım Yaptırma olarak, hayalinizdeki mekanı gerçeğe dönüştürme yolculuğunuzda yanınızda olmaktan gurur duyuyoruz. İster yaşam alanlarınızda sıcak ve samimi bir atmosfer yaratmak isteyin, ister iş yerinizde profesyonel ve etkileyici bir ortam oluşturmayı hedefleyin, her ihtiyacınıza özel çözümler sunuyoruz. Mobilya tasarımından iç mekan düzenlemesine, konut projelerinden ticari alanlara kadar geniş bir yelpazede hizmet veriyoruz. Her projeye özel olarak yaklaşıyor, detayları titizlikle değerlendiriyor ve fonksiyonellikle estetiği bir araya getirerek sizin için hem kullanışlı hem de görsel olarak tatmin edici mekanlar tasarlıyoruz. Sıradanlıktan uzak, sizi ve tarzınızı yansıtan mekanlar yaratmak bizim için bir tutku.

Web sitenizden yaşam alanlarınıza kadar her alanda sizi yansıtan, özgün ve kaliteli tasarımlara ulaşmak istiyorsanız doğru yerdesiniz. Tasarım Yaptırma ekibi olarak, kullanıcı odaklı, estetik ve işlevsel çözümler üretiyoruz. Her müşterimizin ihtiyaçları farklıdır; bu bilinçle hareket ediyor, her tasarımı kişiye özel olarak hazırlıyoruz. Sürecin her aşamasında sizinle iş birliği içinde çalışarak memnuniyetinizi ön planda tutuyoruz. Hedefiniz ne olursa olsun, birlikte başarılı bir tasarım süreci geçirmeniz için buradayız. Hayallerinizi profesyonel ellere emanet edin; çünkü biz onları hayata geçirmek için çalışıyoruz. Yolculuğunuza başlamak için bize ulaşmanız yeterli.

Hayal gücünüzün sınırlarını zorlayan, ilham verici tasarımlar arıyorsanız, doğru adrestesiniz. Tasarım Yaptırma olarak, evinizde huzur dolu bir ortam, ofisinizde ise verimliliği artıracak işlevsel alanlar yaratmak için size özel çözümler geliştiriyoruz. Her bir projemizde; yaratıcı fikirleri, çağdaş tasarım anlayışıyla harmanlıyor ve estetikle fonksiyonelliği dengede tutuyoruz. Müşteri memnuniyetini temel ilkemiz olarak benimsiyor, her adımda size değer katmayı hedefliyoruz. Profesyonel hizmet anlayışımız ve özgün tasarım bakış açımızla mekanlarınıza yeni bir soluk getiriyoruz. Daha fazla bilgi almak, projelerinizi planlamaya başlamak ve hayallerinizi adım adım gerçeğe dönüştürmek için bizimle iletişime geçin. Tasarım Yaptırma ile yaşam alanlarınıza yeni bir kimlik kazandırın, tarzınızı mekanlarınıza yansıtın.

The post Reklam Tasarımlarında Flash ve Eylem Komutları first appeared on Tasarım Yaptırma Merkezi .

Bu kapsamlı rehber; Flash ile web animasyon tasarımlarında senaryo yazımını uçtan uca sistematize eder. Mesaj–kitle–bağlam üçlüsü, hikâye iskeleti (3 perde/5 adım/beat map), KVE (Kimlik–Vaat–Eylem) hiyerarşisi, görsel dramaturji ve odak, easing ve zamanlama, mikro metin (microcopy), sahne geçişleri ve label triadı (in/idle/out), FSM (durum makinesi), ses–görsel senkronu, erişilebilirlik, analitik–A/B, performans–bellek hijyeni, QA kontrol listeleri ve modern HTML5/Canvas/GSAP köprüsüne kadar pek çok konuyu örnek akışlar, mini kod kalıpları ve vaka notlarıyla ele alır.

Gelişme

1) Senaryonun İlk Sorusu: Kime, neyi, ne kadar sürede söylüyoruz?

Her animasyon, üç basit kararla doğar:

• Kitle: İlk kez gelen ziyaretçi mi, geri dönen kullanıcı mı, teknik uzman mı?

• Amaç: Ürünü tanıtmak, bir özelliği göstermek, bir davranışı öğretmek, bir duyguyu uyandırmak?

• Süre: Web’te “anlatım penceresi” 3–15 saniye arasıdır; 30 saniye üstü açıklayıcı videoya yaklaşır.
  Kural: Kitle küçüldükçe mesaj kristalleşir; süre kısaldıkça tek vaat.

2) Mesaj Hiyerarşisi: KVE – Kimlik → Vaat → Eylem

Senaryonun okunurluğu, KVE üçlemesiyle ölçülür:

• Kimlik: Markanın izini bırak (logo, renk, ton).

• Vaat: Tek cümlede değer önerisi.

• Eylem (CTA): “Hemen dene”, “Keşfet”, “Videoyu izle”.
  Dramaturji: Vaat, en baskın hareketle sahneye girer; CTA, ritmin düşüş anında görünür; logo imzadır.

3) Hikâye İskeleti: 3 Perde, 5 Adım ve Beat Map

Kısa web animasyonlarında dahi iskelet şarttır:

• Perde I (Kurulum): 0–1.5 sn: Problem/bağlam.

• Perde II (Gelişme): 1.5–4.5 sn: Çözüm/özellik akışı.

• Perde III (Kapanış): 4.5–6.0 sn: Vaatin net ifadesi + CTA + logo.
  5 Adım (beats): Hook → Neden? → Nasıl? → Kanıt/Örnek → Davet (CTA).
  Beat Map: Timeline üzerine etiketlerle döşenir: hook, why, how, proof, cta.

4) Görsel Dramaturji: Tek Baskın Hareket ve Odak Koridoru

Bir karede yalnız bir öğe baskın hareket yapar. Başlık giriyorsa, ikon/arka plan “nefes”te kalır.

• Odak koridoru: Tipografi/karakterin arkası “temiz” (negatif alan) tutulur.

• Kontrast: Arka plan tonları orta–düşük; mesaj alanı yüksek kontrast.
  Vaka: Aynı anda başlık + ikon + CTA animasyonu → algı yükü ↑, takip ↓. Tek baskın ile CTR %6–12 arası artabilir.

5) Zamanlama ve Easing: Duygu, Hız ve “Hafıza”

Hareket hızı, senaryodaki duyguyu taşır:

• easeOutQuad: İkna eden vurgular (CTA/ikon).

• easeInOutCubic: Perde geçişleri, “premium” his.

• back/elastic: Eğlenceli ton; dozajı düşük.
  Mikro zamanlama: Başlık 280–420 ms’de açılır; CTA 180–220 ms nefesle görünür; sahne geçişleri 240–420 ms.

6) Label Triadı: in → idle → out

Her sahne ya da bileşende üç etiket:

• in: Giriş animasyonlarının oynadığı bölüm (kısa).

• idle: Okunur ve etkileşim bekler.

• out: Temizlik (event/tween/stream stop), çıkış hareketi.
  Fayda: Senaryo akışında “yarım kalan animasyon” ve bellek sızıntısı riskini düşürür.

7) Senaryo → Timeline Koreografisi: Panel–Panel Akış

Senaryoyu 3–4 panel olarak yazar, timeline’a etiketlersiniz:

• label "hook": Çarpıcı soru/görsel.

• label "how": Çözüm animasyonu (ikon akışı).

• label "cta": CTA vurgusu + logo imzası.
  İpucu: Her panelin tek cümle özeti timeline notu olmalı.

8) FSM (Durum Makinesi) ile Senaryoyu Yürütmek

Sahne değişimlerini rastgele gotoAndPlay ile değil, durum makinesiyle yönetin:

var state:String=”HOOK”; // HOOK, HOW, PROOF, CTA
function go(next:String):void{
if(current) { current.out(); detach(current); }
current = scenes[next]; attach(current); current.in();
state=next;
}

Kazanım: Geri/ileri, “girişi atla”, “tekrar izle” gibi davranışlar temiz çalışır.

9) Mikro Metin (Microcopy): Senaryonun Sessiz Kahramanı

Kısa bir animasyonda tek cümle her şeydir:

• Başlık: 6–11 kelime.

• Alt satır: 1 cümle/fiil odaklı; pasif çatıdan kaçın.

• CTA: Fiille başlar (“Dene”, “Keşfet”).
  A/B: Fiil cümlesi vs. isim cümlesi; rakamsal vaat vs. duygusal vaat.

10) Ses–Görsel Senkronu: “Göz için Ses”

• Sessiz varsayılan (tarayıcı/kurumsal politika).

• Foley (klik/woosh): Vurgu karelerinde kısa sesler.

• Cue point ile eşleşme (vurgu hecesinde ikon parlaması):

var ch:SoundChannel = s.play();
var cues:Array=[{t:400, id:”headline”},{t:1200,id:”cta”}];
addEventListener(Event.ENTER_FRAME, function(_:Event):void{
var ms = ch.position;
if(ms>cues[0].t){ headline.play(“pulse”); cues.shift(); }
});

Erişilebilirlik: Ses kapalıyken de görsel vurgu anlaşılır olmalı.

11) Geçiş Stratejileri: Crossfade, Wipe, Parallax, Scale

Senaryo dili → geçiş dili:

• Crossfade: Güvenli, yumuşak; tipografik panel geçişlerinde.

• Wipe (düz/çapraz): Modern, hızlı; başlık–görsel reveal.

• Parallax kaydırma: Hikâyeye derinlik.

• Scale in/out: Yakınlaşma/uzaklaşma; 96→100% mikro vurgu.
  Kural: Geçişte metin okunurluğu düşmez; yön duygusu korunur.

12) Kanıt/Örnek Sahnesi: “Göster, söyleme”

Vaatin ardından tek, net bir kanıt: sayı, mikro demo, küçük animasyonlu grafik.

• Süre: 800–1200 ms.

• Dili: Jargon değil, fayda: “60 sn’de rapor hazır.”

• Görsel: İkon/kısa bar grafiği/tek ekran görüntüsü.

13) CTA Sahnesi: Karar Anının Senaryosu

CTA yalnız görünmez; karar bağlamı kurulur:

• Üst satır: “30 gün ücretsiz dene.”

• Alt satır: “Kredi kartı gerekmez.”

• CTA butonu: 180–220 ms easeOutQuad pulse; hover/fokus tutarlı.

• Klavye erişimi: TAB → CTA; ENTER/SPACE ile tetiklenir.

14) Erişilebilirlik: Kontrast, Reduce Motion, Klavye

• Kontrast: Normal metinde ≥ 4.5:1.

• Reduce Motion: Overshoot/back kapanır; süreler %30 kısalır; parallax/partikül durur.

• Klavye: TAB sırası mantıklı, fokus halkası görünür.

• Renk körlüğü: Mesaj yalnız renkle verilmez; ikon/biçim desteği.

15) Performans–Bellek Hijyeni: Senaryo Akarken FPS Düşmesin

• Görünmeyeni sahneden kaldırın (removeChild), alpha=0 yetmez.

• cacheAsBitmap: Sık değişmeyen katmanlar.

• Filtreler minimum; blur/glow pahalıdır.

• Tek döngü: Merkezi ENTER_FRAME.

• Temizlik: removeEventListener, tween/stream stop; uzun oturumda sızıntıyı keser.

16) İçerik–Davranış Ayrımı: JSON ile Senaryoyu Dışarıda Tutun

Metin ve zamanlama parametrelerini JSON’dan çekin; derlemesiz A/B:

var L:URLLoader=new URLLoader();
L.addEventListener(Event.COMPLETE, onData);
L.load(new URLRequest(“data/script.json”));
function onData(e:Event):void {
var d:Object = JSON.parse(L.data);
headline.text = d.hook.title; // “Raporlar 60 sn’de hazır”
// d.timing.headlineIn, d.timing.ctaIn gibi alanlarla GS’yi sürün
}

Kazanım: Kopya/timing değişiminde tasarım kırılmaz, prodüksiyon hızlıdır.

17) A/B Test ve Analitik: Senaryoyu Veride Keskinleştirmek

• Etiketler: view:hook, view:cta, click:cta, skip:intro.

• A/B Değişkenleri: Başlık türü (rakam vs. duygu), CTA metni (Dene/Keşfet), ritim (0.8×/1.0×), geçiş (wipe/fade).

• KPI: CTR, view→click süresi, ikinci izleme oranı.
  Ders: Tek seferde tek değişken; yoksa hangi beat’in çalıştığını bilemezsiniz.

18) Senaryo Kartları (Storyboard): Yaz–Çiz–Zamanla

• Kare 1 (Hook): Soru + ikon; 0–0.8 sn.

• Kare 2 (How): Ürün akışı; 0.8–2.2 sn.

• Kare 3 (Proof): Tek sayı/örnek; 2.2–3.2 sn.

• Kare 4 (CTA): Buton + logo; 3.2–4.0 sn.
  Teslim: PDF/PNG storyboard + “sözlü okuma” (table read) → tempo kusurları görülür.

19) Vaka Çalışması — SaaS Özellik Tanıtımı (6 sn)

Brief: “Raporlar 60 sn’de hazır.”

• Hook (0–1.0 sn): “Haftalık rapor saatlerinizi geri verelim.” (wipe)

• How (1.0–3.0 sn): 3 ikon: topla → analiz → paylaş (line sweep).

• Proof (3.0–4.2 sn): “60 sn’de PDF hazır” (sayısal sayaç).

• CTA (4.2–6.0 sn): “Ücretsiz Dene” + logo (pulse).
  Sonuç: A/B’de “rakamlı vaat” versiyonu CTR’ı %9 artırdı.

20) Vaka Çalışması — E-Öğrenme Modülü Açılışı (8 sn)

Hook: Maskot “Bugün 10’luk gruplama öğreneceğiz.”
How: 2 adımda sürükle–bırak demoları.
Proof: “3 denemede %80 başarı” hedefi/piktogram.
CTA: “Hadi başlayalım” (klavye odaklı).
Erişilebilirlik: Reduce Motion aktifken crossfade; mikro ikonlar sabit.

22) Uygulamalı Şablon — “Kısa Vaat Senaryosu (≈4 sn)”

Kopya (TR):

• Hook: “Toplantı notlarını 1 dakikada rapora çevir.”

• How: “Yükle → Özetle → Paylaş.”

• Proof: “%92 doğruluk” (ikonlu).

• CTA: “Ücretsiz Dene”.
  Timeline etiketleri: hook(0.0), how(0.8), proof(2.0), cta(3.0)
  Easing: Başlık easeOutCubic, CTA easeOutQuad.
  Reduce Motion: Wipe → crossfade; parallax = 0.

23) Senaryo ve Markanın Sesi: Ton Sözlüğü

• Kurumsal güven: Kısa, resmî, fiil odaklı metin; sakin easing.

• Yaratıcı/oyuncu: Mizah kırıntısı; back/elastic küçük dozda.

• Eğitsel: “Neden” cümleleri; ipucu dili nazik.
  Kural: Ton, tipografi ve easing ile tutarlı olmalı.

24) Modern Köprü: Animate/Flash → HTML5/Canvas/GSAP

Flash’ta yazılan senaryo dili aynen taşınır:

• MovieClip → JS komponent, Timeline → GSAP timeline

• enterFrame → requestAnimationFrame

• Sound → WebAudio (sessiz varsayılan)

• SharedObject → LocalStorage

• Reduce Motion → prefers-reduced-motion
  Öz: Araç değişse de senaryo prensipleri—KVE, tek baskın hareket, okunurluk, tempo, erişilebilirlik—değişmez.

Sonuç

Web animasyon senaryosu, ekranda geçen saniyeleri anlamlı bir hikâyeye dönüştürme sanatıdır. Bu rehberde; kitle–amaç–süre üçlüsünden başlayıp KVE hiyerarşisiyle mesajı kristalize etmeyi; 3 perde/5 beat iskeletiyle ritmi kurmayı; tek baskın hareket ve kontrast/negatif alan ile odağı korumayı; easing ve zamanlama ile duyguyu taşımayı; label triadı ve FSM ile akışı saflaştırmayı; ses–görsel senkronu, erişilebilirlik, analitik–A/B, performans–bellek hijyeni ve modern HTML5 köprüsünü sistematik bir çerçeveye yerleştirdik.

Özetle; (1) Vaadi tek cümlede yaz, (2) beat map’i etiketlere dök, (3) her karede tek baskın hareketi koru, (4) CTA’yı karar anına yerleştir, (5) Reduce Motion ve klavye erişimiyle herkese ulaştır, (6) ölç–öğren–iterasyonla senaryoyu keskinleştir. Bu omurgayla, Flash/Animate veya HTML5 fark etmeksizin; animasyonlarınız izleyicinin dikkatini alır, mesajı yerleştirir ve eyleme davet eder.

Tasarım Yaptırma olarak, hayalinizdeki mekanı gerçeğe dönüştürme yolculuğunuzda yanınızda olmaktan gurur duyuyoruz. İster yaşam alanlarınızda sıcak ve samimi bir atmosfer yaratmak isteyin, ister iş yerinizde profesyonel ve etkileyici bir ortam oluşturmayı hedefleyin, her ihtiyacınıza özel çözümler sunuyoruz. Mobilya tasarımından iç mekan düzenlemesine, konut projelerinden ticari alanlara kadar geniş bir yelpazede hizmet veriyoruz. Her projeye özel olarak yaklaşıyor, detayları titizlikle değerlendiriyor ve fonksiyonellikle estetiği bir araya getirerek sizin için hem kullanışlı hem de görsel olarak tatmin edici mekanlar tasarlıyoruz. Sıradanlıktan uzak, sizi ve tarzınızı yansıtan mekanlar yaratmak bizim için bir tutku.

Web sitenizden yaşam alanlarınıza kadar her alanda sizi yansıtan, özgün ve kaliteli tasarımlara ulaşmak istiyorsanız doğru yerdesiniz. Tasarım Yaptırma ekibi olarak, kullanıcı odaklı, estetik ve işlevsel çözümler üretiyoruz. Her müşterimizin ihtiyaçları farklıdır; bu bilinçle hareket ediyor, her tasarımı kişiye özel olarak hazırlıyoruz. Sürecin her aşamasında sizinle iş birliği içinde çalışarak memnuniyetinizi ön planda tutuyoruz. Hedefiniz ne olursa olsun, birlikte başarılı bir tasarım süreci geçirmeniz için buradayız. Hayallerinizi profesyonel ellere emanet edin; çünkü biz onları hayata geçirmek için çalışıyoruz. Yolculuğunuza başlamak için bize ulaşmanız yeterli.

Hayal gücünüzün sınırlarını zorlayan, ilham verici tasarımlar arıyorsanız, doğru adrestesiniz. Tasarım Yaptırma olarak, evinizde huzur dolu bir ortam, ofisinizde ise verimliliği artıracak işlevsel alanlar yaratmak için size özel çözümler geliştiriyoruz. Her bir projemizde; yaratıcı fikirleri, çağdaş tasarım anlayışıyla harmanlıyor ve estetikle fonksiyonelliği dengede tutuyoruz. Müşteri memnuniyetini temel ilkemiz olarak benimsiyor, her adımda size değer katmayı hedefliyoruz. Profesyonel hizmet anlayışımız ve özgün tasarım bakış açımızla mekanlarınıza yeni bir soluk getiriyoruz. Daha fazla bilgi almak, projelerinizi planlamaya başlamak ve hayallerinizi adım adım gerçeğe dönüştürmek için bizimle iletişime geçin. Tasarım Yaptırma ile yaşam alanlarınıza yeni bir kimlik kazandırın, tarzınızı mekanlarınıza yansıtın.

The post Flash ile Web Animasyon Tasarımlarında Senaryo Yazımı first appeared on Tasarım Yaptırma Merkezi .