Freepik AI ile etkileşimli infografik nasıl yapılır?

👁 116 okunma

Adobe Illustrator kullanmadan infografik hazırlamak mümkün mü? Freepik AI, Şubat 2026’dan itibaren SVG formatında infografik oluşturmanıza olanak tanıyor. Bu dosyalar ölçeklenebilir ve düzenlenebilir; ayrıca etkileşimli öğeler de içerebiliyor. Verilerinizi ve istediğiniz görünümü tarif edip oluştur düğmesine tıklamanız yeterli.

İlk bakışta kulağa fazla kolay gelebilir. Ancak müşterileri için rapor hazırlayan serbest çalışanlar, sunumlarında görselleştirmeye ihtiyaç duyan küçük işletmeler ve şimdiye kadar grafiklerini Canva’da hazırlayan içerik üreticileri için kullanışlı olabilir. Bu rehberde, ilk istemden web sayfasına ekleyebileceğiniz veya müşterinize gönderebileceğiniz SVG dosyasına kadar süreci adım adım anlatıyoruz.

Freepik AI ile infografik oluşturmak için gerekenler

Freepik hesabı gerekir. Denemeler için ücretsiz plan yeterli olabilir; ancak SVG dışa aktarma ve gelişmiş etkileşim özellikleri Premium abonelikte sunuluyor. Abonelik ücreti ayda yaklaşık 14-18 avro. Güncel Chrome veya Firefox sürümü dışında ek bir yazılıma ihtiyacınız yok.

Görselleştirmek istediğiniz verileri de hazırlayın. Sayılar, kategoriler ve etiketleri açıkça belirtin. İstemde ne kadar ayrıntı verirseniz, oluşturma sonrasında o kadar az düzeltme yaparsınız. “Satışlar arttı” demek yerine artışın hangi dönemde ve ne kadar olduğunu yazın.

Adım 1: SVG infografik oluşturucuyu açın

freepik.com adresinde oturum açın ve üst gezinme çubuğundaki AI Tools bölümüne gidin. Image Generator alanını açın. Ekranın sol tarafındaki çıktı formatı seçeneklerinden SVG Infographic’i seçin. Bu seçeneği göremiyorsanız sayfayı yenileyin ve Premium aboneliğinizin etkin olduğundan emin olun; bazı SVG özellikleri ücretsiz hesaplarda görünmeyebilir.

SVG formatını seçtiğinizde arayüz değişir: istem yazabileceğiniz geniş bir alan, renk paleti veya özel onaltılık renk kodları, görsel stil seçenekleri ve etkileşim ayarı görünür. İnfografik öğelerinin fareyle üzerlerine gelindiğinde veya tıklandığında tepki vermesini istiyorsanız etkileşim seçeneğini açın.

İpucu

İsteminizi yazmadan önce “Style Preview” seçeneğine tıklayıp görsel şablonlara göz atın. Verileri girmeden önce stil seçmek, yapay zekânın yerleşimi seçtiğiniz görünüme göre ayarlamasına yardımcı olabilir ve bir veya iki deneme kazandırabilir.

Adım 2: Verilerinizi içeren ilk istemi yazın

En sık yapılan hata, fazla genel bir istem yazmak. “Şirket sonuçları hakkında infografik” gibi bir ifade yeterince yönlendirici değil. Freepik AI’dan daha öngörülebilir sonuçlar almak için sayıları, etiketleri, renkleri ve düzeni belirtin. Aşağıdaki örnek, Lehçe hazırlanmış özgün istemin Türkçe çevirisidir; Türkçe olarak yeniden test edilmiş değildir.

Önce bir teknoloji girişiminin üç aylık satışlarını karşılaştıran basit bir grafikle başlayalım:

Bir teknoloji girişiminin üç aylık satış karşılaştırmasını gösteren bir SVG infografik oluşturun. Veriler: 2025'in 1. çeyreği: 120.000, 2. çeyreği: 185.000, 3. çeyreği: 210.000, 4. çeyreği: 290.000. Stil: minimalist; kurumsal mavi ve yeşil renk paleti; sütun grafik düzeni; çeyrekler arasındaki yüzde değişim etiketleri eklensin. Etkileşim: Üzerine gelindiğinde sütunlar vurgulansın. Eksen etiketleri Türkçe olsun.

Bu istem sayısal verileri, görsel tercihleri ve etkileşim davranışını birlikte belirtir. Beklenen sonuç, sizin kod yazmanız gerekmeden üzerine gelindiğinde animasyon gösteren bir sütun grafiktir. Örnek istemin içeriği özgün test malzemesinden çevrilmiştir; Türkçe test sonucu olarak değerlendirilmemelidir.

Sırada müşteri sunumlarında veya “Nasıl çalışıyoruz?” sayfasında kullanabileceğiniz bir süreç infografiği var. Aşağıdaki istem de özgün örneğin Türkçe çevirisidir:

Bir pazarlama ajansının iş akışını gösteren, 5 adımlı bir SVG süreç infografiği oluşturun. Adımlar: 1. Müşteri brifingi (belge simgesi), 2. Pazar analizi (grafik simgesi), 3. Strateji (ampul simgesi), 4. İçerik üretimi (kalem simgesi), 5. Raporlama (onay işareti simgesi). Stil: yatay akış, modern düz tasarım, vurgu rengi #E63946, nötr gri arka plan. Her adım tıklanabilir olsun ve tıklanınca kısa bir açıklama açılsın. Yazı tipi: sans serif. Metinler Türkçe olsun.

Onaltılık renk kodu vermek tesadüf değil. “Kırmızı” demek yerine markanızın tam rengini belirtirseniz, sonucu düzenleyicide düzeltmeden kullanmaya daha yakın hale getirebilirsiniz.

İpucu

Marka materyalleri için infografik hazırlıyorsanız, şirketinizin marka kılavuzundaki renklerin HEX kodlarını önceden bulun ve isteme ekleyin. Freepik AI tam HEX değerlerini kullanabilir; bu da dışa aktarma sonrasında elle yapılacak düzeltmeleri azaltır.

Adım 3: Farklı veri türleri için istem örnekleri

Pazarlama raporlarında sık kullanılan demografik veriler için pasta grafik örneği aşağıda. İstem, özgün örneğin Türkçe çevirisidir; Türkçe olarak yeniden test edilmemiştir.

Bir e-ticaret müşterisi demografisini gösteren SVG pasta grafik infografiği oluşturun. Veriler: 18-24 yaş: %22, 25-34 yaş: %38, 35-44 yaş: %25, 45 yaş ve üzeri: %15. Stil: ortası boş halka grafik; canlı geçişli renkler (mercan, turkuaz, lacivert, altın). Ortadaki metinde toplam müşteri sayısı 4.200 olarak gösterilsin. Sayfa açıldığında dilimler animasyonla görünsün; üzerine gelindiğinde açılan bilgi kutusunda yüzde ve sayı yer alsın. Temiz beyaz arka plan, sağ tarafta açıklama listesi.

Kategorileri karşılaştıran ısı haritası, bölge veya ürün bazında satış sonuçlarını sunmak için kullanılabilir. Aşağıdaki örnek istem de özgün malzemenin Türkçe çevirisidir.

Bölgelerdeki ürün performansını gösteren bir SVG ısı haritası infografiği oluşturun. Bölgeler: Marmara, Ege, Akdeniz, İç Anadolu, Karadeniz. Ürünler: Akıllı telefonlar, Dizüstü bilgisayarlar, Tabletler, Aksesuarlar. Performans ölçeği 1-10. Veriler: Marmara (Akıllı telefonlar: 9, Dizüstü bilgisayarlar: 7, Tabletler: 6, Aksesuarlar: 8), Ege (Akıllı telefonlar: 7, Dizüstü bilgisayarlar: 8, Tabletler: 5, Aksesuarlar: 6), Akdeniz (Akıllı telefonlar: 8, Dizüstü bilgisayarlar: 6, Tabletler: 7, Aksesuarlar: 9), İç Anadolu (Akıllı telefonlar: 6, Dizüstü bilgisayarlar: 9, Tabletler: 8, Aksesuarlar: 7), Karadeniz (Akıllı telefonlar: 7, Dizüstü bilgisayarlar: 7, Tabletler: 9, Aksesuarlar: 5). Renk skalası düşük değerlerde açık sarıdan yüksek değerlerde koyu kırmızıya uzansın. Hücrelerde değerler gösterilsin; üzerine gelindiğinde satırın ve sütunun tamamı vurgulansın.

Bir şirketin veya projenin geçmişini anlatan zaman çizelgeleri de “Hakkımızda” sayfalarında kullanılabilir. Aşağıdaki örnek, özgün istemin Türkçe çevirisidir.

Bir yazılım şirketinin geçmişini anlatan dikey bir SVG zaman çizelgesi tasarlayın. Olaylar: 2019 - Şirketin 3 kişiyle kurulması ve ilk ürün; 2020 - İlk finansman turu: 500.000; 2021 - Avrupa Birliği'nde 5 ülkeye açılma; 2022 - SaaS platformunun piyasaya sürülmesi; 2023 - 10.000 aktif kullanıcı; 2025 - ABD pazarına giriş. Stil: sağa ve sola dönüşümlü yerleşim; mor ve turuncu marka renkleri; her olay için dönüm noktası simgesi; yıl etiketleri kalın. Zaman çizgisi sayfa kaydırıldıkça animasyonla ilerlesin ve her olay kartı belirsizden görünür hale gelsin. Modern düz tasarım.

İpucu

Zaman çizelgesi istemlerine “sayfa kaydırıldıkça animasyonla görünsün” ifadesini ekleyin. Böylece Freepik AI, SVG’yi web sayfasına ekledikten sonra tarayıcıda çalışabilen kaydırma tetiklemeli CSS animasyonları oluşturabilir. Örnek istem, özgün malzemenin Türkçe çevirisidir ve Türkçe test edilmiş değildir.

Adım 4: Sonucu tekrar tekrar düzenleyin

İlk sonuç tam istediğiniz gibi değilse baştan başlamanız gerekmez. Freepik AI, oluşturulan görselin altında bir düzenleme alanı sunuyor. “Refine” seçeneğine tıklayıp genel bir şikâyet yerine belirli bir düzeltme isteyin. “Düzeni değiştir” demek yerine, örneğin “Açıklama listesini alttan sağ tarafa taşıyın, eksen etiketlerini 14 piksel yapın ve sütun grafiğine kılavuz çizgileri ekleyin” diyebilirsiniz.

Verileri değiştirmeden renkleri düzenlemek için, özgün örneğin Türkçe çevirisi olan şu istemi kullanabilirsiniz:

Tüm verileri ve düzeni aynı tutun. Renk paletini tek renkli lacivert tonlarına çevirin: en yüksek değerler için en koyu ton #003566, orta değerler için #0077B6, en düşük değerler için #90E0EF kullanın. Tüm kırmızı öğeleri kaldırın. Üzerine gelindiğinde çalışan etkileşim efektlerini değiştirmeyin.

Metinler küçük alanlara sığmıyorsa düzeni ve okunabilirliği iyileştirmek için aşağıdaki özgün istemin Türkçe çevirisini deneyin:

Yalnızca tipografiyi ve boşlukları düzenleyin. Tüm etiketlerin yazı boyutunu %20 artırın. Tüm grafik alanlarının içine 8 piksel dolgu ekleyin. Bunu dengelemek için simgeleri %15 küçültün. Hiçbir metnin grafik öğeleriyle çakışmadığından emin olun. Renkleri ve verileri değiştirmeyin.

Dikkat

Freepik AI, özellikle üzerine gelme animasyonları olmak üzere, çok sayıda düzenlemeden sonra etkileşim özelliklerini kaybedebilir. Her üç düzeltmede bir SVG’yi indirip tarayıcıda açarak etkileşimli öğelerin hâlâ çalışıp çalışmadığını kontrol edin. Çalışmıyorsa bir önceki sürüme dönüp oradan dışa aktarın.

Adım 5: SVG dosyasını dışa aktarın ve kullanın

Görünümü onayladıktan sonra önizlemenin sağ üstündeki Download düğmesine tıklayın ve SVG formatını seçin. PNG’yi seçerseniz ölçeklenebilirliği ve etkileşimi kaybedersiniz. Genellikle 20-150 KB boyutundaki dosyada, animasyonlar için CSS ve JavaScript içeren SVG kodu bulunur.

Dosyayı dört şekilde kullanabilirsiniz. İlk olarak SVG dosyasının içeriğini kopyalayıp web sayfanızın HTML koduna satır içi SVG olarak ekleyebilirsiniz; bu yöntemde etkileşim için ek kütüphane gerekmez. İkinci olarak dosyayı sunucuya yükleyip img etiketiyle sayfaya ekleyebilirsiniz. Bu durumda etkileşim kaybolur, ancak her çözünürlükte keskin görüntü korunur. Üçüncü olarak dosyayı ücretsiz Inkscape’te veya Adobe Illustrator’da açıp elle düzenleyebilirsiniz; SVG, vektör olarak düzenlenebilir. Son olarak Inkscape üzerinden baskı veya PowerPoint sunumu için PNG ya da PDF’ye aktarabilirsiniz.

Çevrimdışı sunumlarda kullanılabilecek, PNG dışa aktarmaya uygun bir infografik için aşağıdaki özgün istemin Türkçe çevirisini deneyin:

Baskı ve sunumlara uygun bir SVG karşılaştırma infografiği oluşturun. İki iş modelini karşılaştırın: Geleneksel ve Yapay zekâ destekli. Ölçütler: Proje tamamlama süresi (Geleneksel: 14 gün, Yapay zekâ: 3 gün), proje başına maliyet (Geleneksel: 8.000, Yapay zekâ: 2.500), yineleme sayısı (Geleneksel: 8, Yapay zekâ: 3), müşteri memnuniyeti (Geleneksel: %72, Yapay zekâ: %91). Stil: iki sütunlu düzen; Geleneksel için gri sol sütun, Yapay zekâ destekli için mavi sağ sütun; kalın ölçüt etiketleri; kolay okunur büyük sayılar; animasyon olmasın, yalnızca statik tasarım. Boyutlar: 1920x1080 piksel, 16:9 en-boy oranı. Beyaz arka plan.

İpucu

Sunumlar için hazırladığınız infografiklerin istemine “animasyon olmasın, yalnızca statik tasarım” ifadesini ve 16:9 boyutlarını ekleyin. Freepik AI böylece daha az gereksiz JavaScript içeren bir SVG oluşturabilir. Inkscape ve Illustrator dosyayı daha rahat açar; PNG dışa aktarma da daha öngörülebilir hale gelir.

Freepik AI hangi infografiklerde başarılı, hangilerinde zorlanıyor?

Freepik AI’nin SVG modu; sütun, pasta ve çizgi grafiklerde, basit zaman çizelgelerinde ve karşılaştırma infografiklerinde başarılı. Kategorik değişkenler, yüzdeler ve mutlak sayılar gibi verileri de iyi yazılmış bir istemle doğru işleyebiliyor.

Coğrafi görselleştirmelerde sonuçlar daha değişken. Verilerin harita üzerine işlendiği koroplet haritalarda bölge veya ülke sınırları çoğu zaman şematik ve hatalı olabiliyor. Bu tür projelerde Datawrapper veya Flourish gibi özel araçları kullanmak daha uygun. Birden fazla veri katmanı içeren çok karmaşık infografiklerde de öğeler sıkışabiliyor ve metinler okunamayacak kadar küçülebiliyor. Temel kural şu: Bir grafik, bir ana mesaj, bir istem.

Sık yapılan hata

Excel’den metin olarak kopyalanmış tabloları isteme yapıştırmayın. Yapay zekâ sekme ve boşlukları düz metin gibi yorumlayıp veriler arasındaki ilişkileri kaybedebilir. Verileri “kategori: değer” çiftleri halinde, virgül veya parantezlerle ayırarak yazın. Açık biçim, daha öngörülebilir sonuç verir.

Freepik AI ile elle tasarım: Hangisini seçmelisiniz?

Beş e-ticaret müşterisi için her ay rapor hazırlayan bir serbest çalışan, grafik paketlerini üç saat yerine bir saatte oluşturabilir. Illustrator kullanmadan ve işi bir başkasına vermeden zaman kazanabilir. Buna karşılık, bir ajansın deneyimli tasarımcısı marka projelerinde Freepik AI’ye geçmek istemeyebilir; çünkü bu işlerde her piksel bilinçli bir tasarım kararıdır ve yapay zekânın ürettiği sonuçlar fazla değişken olabilir.

Freepik AI’nin en kullanışlı olduğu alan, bu iki uç arasındaki işlerdir: küçük işletme sahibinin LinkedIn için infografik hazırlaması, içerik üreticisinin makalesindeki verileri görselleştirmesi veya pazarlama ekibinin tasarımcıyı iki gün görevlendirmeden üç aylık rapor çıkarması. Bu tür işlerde Freepik AI’nin SVG modu saatler sürebilecek çalışmayı kısaltabilir. Hassas ve tamamen kontrollü tasarım gereken işler içinse Adobe Illustrator hâlâ uygun bir seçenek olabilir.

// okumaya devamFreepik AI Inpaint ile grup fotoğraflarında yüz düzeltmeGenelSuno Studio 2.0 nasıl kullanılır? Adım adım rehberGenelOyun posteri nasıl yapılır? Sanatçıyı taklit etmeyen promptlarGenel