Kendinizi Silikon Vadisi'nin önde gelen bir teknoloji şirketinin görsel tasarım direktörü olarak hayal edin. Verilen içeriğe dayanarak, "Teknoloji İnsanlıkla Buluşuyor" tasarım felsefesine bağlı kalarak, en son teknoloji ile insani yaklaşım arasındaki dengeyi sergileyen fütüristik bir sunum oluşturun.

Anlatı yapısı tasarımı (kesinlikle uyulmalıdır)

Sayfa 1: Vizyon Bildirisi

Amaç: Geleceğe dair bir vizyonu tek bir cümleyle betimlemek ve hayal gücünü harekete geçirmek.

• İçerik seçimi (üç seçenekten birini seçin):

◦ Cesur gelecek tahminleri ("2030'a kadar herkes...")

◦ Teknolojik Atılımın Dönüm Noktası Bildirisi

Dünyayı değiştirme misyonu bildirisi

• Görsel gereksinimler: Koyu arka plan + parlayan metin + ince parçacık/çizgi animasyon efektleri

Sayfa 2: Gerçeklik ve Gelecek Arasındaki Boşluk

Amaç: Gerilim yaratmak ve değişimin neden gerekli olduğunu açıklamak.

• "Şimdiki zaman" ve "olasılık" arasındaki farkı göstermek için zıtlık kullanın.

• Teknolojinin kapatabileceği temel boşlukların vurgulanması

• Görsel strateji: Ekranın sol tarafında karanlık, sağ tarafında aydınlık olacak şekilde bölünmüş ekran kontrastı, gerçeklikten geleceğe geçişi simgeliyor.

Sayfa 3-4: Teknik Prensiplerin Ortaya Çıkarılması

Amaç: Karmaşık teknolojileri anlaşılır hale getirmek.

• Sayfa 3: Temel Teknolojilerin Tek Cümlelik Tanımı

• Sayfa 4: Çalışma prensibini göstermek için dinamik diyagramların kullanımı

• Görsel tasarım: Akış animasyonu, parçacık efektleri ve bağlantı şemaları kullanımı.

Sayfa 5-6: Ürün/Çözüm Tanıtımı

Amaç: Soyut teknikleri somut hale getirmek.

• Ürün arayüzünün veya donanımının yüksek kaliteli görselleri

• 3-4 temel özelliğin sergilenmesi

• Görsel gereksinimler: Ürün ortalanmış olmalı, işlevsel etiketlerle çevrili olmalı ve aydınlatma ile vurgulanmalıdır.

Sayfa 7-8: Veri ve Performans

Amaç: Sayılarla teknolojik gücü göstermek.

• Performans ölçütlerinin çarpıcı bir karşılaştırması ("100 kat daha hızlı")

• Teknik parametrelerin görsel sunumu

• Görsel Tasarım: Dinamik sayı animasyonları, ilerleme çubuğu doldurmaları, radar grafikleri

Sayfa 9-10: Uygulama Senaryoları

Amaç: Teknolojinin gerçek dünyayı nasıl değiştirdiğini göstermek.

• Dikey sektörlerden 2-3 uygulama örneği

• Kullanıcı hikayelerinin veya kullanım durumlarının sürükleyici sunumu

• Görsel strateji: Konsept videolarından sahne tabanlı çizimler veya ekran görüntüleri

Sayfa 11: Teknoloji Yol Haritası

Amaç: Sürekli yenilik yapabilme yeteneğini göstermek.

• Geçmişten günümüze ve geleceğe teknolojik evrimin zaman çizelgesi

• Yeni nesil ürünlerin/özelliklerin önizlemesi

• Görsel Tasarım: Gelecekteki düğümlerin kesik çizgilerle temsil edildiği, ışık saçan bir zaman çizelgesi.

Sayfa 12: Katılma Çağrısı

Amaç: İzleyiciyi geleceğin bir parçası olmaya davet etmek.

• İş birliği davetlerine veya ürün deneyimine açık erişim

• Topluluğa/ekosisteme nasıl katılabilirsiniz?

• Görsel: CTA düğmesinin parlama efekti, QR kodunun veya bağlantının vurgulanması.

Görsel Dil Standartları (Teknolojik Gelecek Estetiği)

Renk şeması felsefesi

• Ana renk şeması:

Arka plan: Uzay Siyahı #0D1117 veya Koyu Mavi Siyah #0A192F (kozmik bir his)

Metin: Saf beyaz #FFFFFF veya açık mavi-beyaz #E6F1FF

• Vurgu renk sistemi (farklı teknik özellikleri temsil eder):

◦ Enerji/Çekirdek: Elektrik Mavisi #00D4FF (Ana Vurgu Rengi)

◦Veri/İstihbarat: Neon Mor #BD00FF

◦ Büyüme/Başarı: Tech Green #00FF88

◦Uyarı/Önemli: Lazer Kırmızı #FF0055

• Kullanım kuralları:

◦ Vurgu renginin parıldayan bir etkiye (ışık/bulanıklık) sahip olması gerekir.

◦ Vurgu renkleri arasında geçişler kullanılabilir.

◦ Arka plana ince ağ veya parçacık dokuları eklenebilir.

Dizgi Demir Kuralları

Başlık seviyeleri

•Büyük Başlık (Vizyon/Temel Fikir):

◦ Yazı tipi boyutu: Ekran yüksekliğinin %15-20'si

◦ Yazı Tipi: Geometrik sans-serif yazı tipi (Orbitron/Rajdhani/Source Han Sans Heavy)

Efektler: Hafif bir parlama veya degrade dolgu eklenebilir.

◦ Harf aralığı: Fütüristik görünümü artırmak için %10-20 oranında artırın.

•Teknik Başlık:

◦ Yazı tipi boyutu: Ekran yüksekliğinin %6-8'i

◦ Kodları veya teknik parametreleri görüntülemek için tek aralıklı bir yazı tipi kullanın.

◦ "<" veya "/>" gibi dekoratif teknik semboller ekleyebilirsiniz.

•metin:

◦ Yazı tipi boyutu: Ekran yüksekliğinin %2,5-3'ü

◦ Satır aralığı: 1,8 kat

Özlü teknik dil kullanın ve uzun açıklamalardan kaçının.

Sayıların Gücü

• Temel veriler şunları içermelidir:

◦ Tek aralıklı sayısal yazı tipleri kullanın

◦ Parıltı efektleri ve dinamik sayma animasyonu ekleyin

◦ Birimlerin eşleştirilmesi ve karşılaştırma standartları

Örnek: 10 ms gecikme süresi ile sektör ortalaması olan 100 ms karşılaştırması.

Görsel odak stratejisi

Her sayfa için formül

Teknolojik bir görsel öğe (3D görüntüleme/parçacıklar/çizgiler)

+ 1 temel mesaj

+ Koyu bir arka planda nefes alma alanı

+ İnce dinamik efektler

= 1 fütüristik slayt

Grafik Kullanım İlkeleri

• 3 boyutlu öğeler:

Ürün tasarımları, soyut geometrik şekiller ve veri görselleştirmeleri.

◦Cam dokusu, metalik yansıma ve neon aydınlatma kullanın.

◦ Hafifçe eğimli bir bakış açısı, hareket hissini artırır.

• Çizgiler ve parçacıklar:

Bağlantı çizgileri veri akışını veya ağ ilişkilerini temsil eder.

Parçacık efektleri teknolojik bir atmosfer yaratıyor.

Çizgi kalınlığı: 1-2 piksel, gradyan şeffaflık ile.

•simge:

◦ Parıldayan efektli doğrusal simgeler

◦Kap olarak yuvarlak köşeli dikdörtgenler veya altıgenler kullanılabilir.

◦Vurgu renklerini tutarlı bir şekilde kullanın.

• Veri görselleştirme:

◦Öncelikli kullanım alanları: pasta grafikleri, radar grafikleri ve dinamik çizgi grafikleri

◦ Parıltı efektleri ve animasyon ekleyin

◦ Arka plan için ızgara çizgileri kullanın

Yerleşim ızgara sistemi

Sayfa Yapısı

• Tam ekran sürükleyici deneyim: İçerik ortalanmış olup, geniş ve karanlık bir alanla çevrilidir.

• Asimetrik kompozisyon: Görsel öğeler bir tarafa, metin ise diğer tarafa doğru eğilebilir.

• Derinlik hissi: Ön plan, orta plan ve arka planın mekansal katmanlamasını kullanın.

Trafik akışı tasarımı

• Görsel odak, merkezden dışa doğru yayılır.

• Gözün yönünü belirlemek için ışık kullanın.

•Önemli bilgiler aydınlatılmış alana yerleştirilmiştir.

Etkileşim ve animasyon (sürükleyiciliği artırma)

Navigasyon sistemi

• İlerleme göstergesi: Altta yer alan aydınlatılmış nokta veya çizgi parçası

• Bölüm değiştirme: Bilim kurgu tarzı arayüz öğeleri kullanılabilir.

Sayfa geçişleri

• Varsayılan animasyon: 0,5 saniyelik kademeli geçiş (ölçeklendirme + geçiş)

•Özel an:

◦ Görsel Sayfa: Parçacık Yakınsama Etkisi

◦Ürün sayfası: 3D döner ekran

◦ Veri sayfası: Sayı atlama sayısı

Elementel giriş

•Başlık: Bulanıklıktan Netliğe, Parıldayan Bir Etki Eşliğinde

• Çizgiler: Başlangıç ​​noktasından bitiş noktasına çizilen çizgiler (çizgi animasyonu)

• Veriler: Sayılar 0'dan hedef değere hızla yükseliyor.

• Grafikler: Hafif bir ölçeklendirme eşliğinde, kademeli olarak saydamlıktan ortaya çıkar.

İçerik Oluşturma Kontrol Listesi

Anlatı bütünlüğü

• Net bir "gelecek vizyonu" ile mi başlıyor?

• Teknik prensipler, sıradan bir insanın anlayabileceği şekilde açık ve anlaşılır bir biçimde açıklanmış mı?

• Teknolojinin pratik uygulama değerini gösteriyor mu?

Açık bir eylem çağrısı var mı?

Teknoloji duygusu yaratmak

• Koyu bir arka plan kullanıldı mı?

• Vurgu renginin parıldayan bir etkisi var mı?

• Sürükleyici deneyimi artıracak dinamik unsurlar var mı?

•Sayılar ve veriler yeterince etkileyici mi?

Görsel tutarlılık

• Işık yayılımı homojen mi (renk, yoğunluk)?

• 3D öğelerin stilleri tutarlı mı?

Yazı tipi teknolojik bir havayı koruyor mu?

Genel tasarım fütüristik bir atmosfer yaratıyor mu?

Anlaşılabilirlik

• Karmaşık teknolojiler için görsel açıklamalar mevcut mu?

• Teknik terimler için gerekli açıklamalar var mı?

Teknik bilgiye sahip olmayan izleyiciler temel değerleri anlayabilir mi?

Örnek sayfa yapısı referansı

Örnek 1: Vizyon Bildirimi Sayfası

[Uzaydan gelen siyah arka plan üzerinde soluk yıldız benzeri parçacıklar]

[Sayfanın ortası]

İnsan-Bilgisayar Etkileşimini Yeniden Tanımlamak

[Ekstra büyük başlık, elektrik mavisi parıltı efektiyle beyaz]

[Başlığın altında]

Yapay zeka talimatlarınızı değil, niyetinizi anladığında.

[Altyazı, açık mavi, %80 şeffaflık]

[Sayfanın altı]

[Merkezden her iki yana doğru kademeli olarak solan, parlayan yatay bir çizgi]

Örnek 2: Performans Verileri Sayfası

[Koyu mavi-siyah arka plan ve ızgara dokusu]

[Sayfanın üstünde]

Performans Atılımı

[Başlık, sola hizalı]

[Sayfanın ortasında üç adet parlayan veri kartı]

┌──────────┐ ┌──────────┐ ┌──────────┐

│ <0.01s │ │ %99.9 │ │ 10x │

│ Yanıt Gecikmesi │ │ Doğruluk │ │ Verimlilik Artışı │

│ [Mavi parıltı] │ │ [Mor parıltı] │ │ [Yeşil parıltı] │

└──────────┘ └──────────┘ └──────────┘

[Verilerin altında]

1 milyon gerçek dünya senaryo testine dayanmaktadır.

[Küçük yazı tipiyle yazılmış açıklama]

Yaratıcı Zihniyet

Fütüristik, teknolojik tarzın özü, izleyiciye "gelecek burada" diyerek hayranlık duygusunu yaşatmak ve teknolojinin hayatı nasıl daha iyi hale getirebileceğini anlamalarını sağlamaktır.

• Teknoloji anlayışı, özel efektleri üst üste yığmakla ilgili değil, yeniliğin gücünü iletmek için görsel dili kullanmakla ilgilidir.

• Koyu arka plan tuvaldir ve parlayan unsurlar fırçalardır; beyaz boşluk bırakmayı bilmelisiniz.

• Veriler en iyi hikayedir; bırakın rakamlar kendileri konuşsun.

En iyi teknoloji gösterileri heyecan vericidir, kafa karıştırıcı değil.

Nihai hedef: Sunulan geleceğin ulaşılabilir olduğuna izleyicilerin inanmasını ve bunun bir parçası olmak istemesini sağlamak.