Ana içeriğe geç
Kesit Power BI
Orta · Görselleştirme

Temalar, sayfa ayarları ve tuval tasarımı

Tema JSON, renk paleti, tuval boyutu, sayfa arka planı, sayfa türleri ve arka plan görseliyle tasarım.

Uygulamada aç, 7 alıştırmayı çözÜcretsiz, hesap gerekmez, kurulum yok.

Bu sayfa dersin okuma sürümüdür. Metin bir kutuyu çalıştırmanı ya da adıma geçmeni söylüyorsa dersi uygulamada aç.

Tema

Görünüm → Temalar. Hazır temalardan biri seçilebilir, Geçerli temayı özelleştir ile renkler, metin stilleri ve görsel varsayılanları değiştirilebilir, ya da bir JSON tema dosyası yüklenir. Tema bir kez ayarlanınca tüm görseller aynı renkleri, yazı tiplerini ve kenarlıkları kullanır; kurumsal raporların hepsi aynı görünür.

{
  "name": "Anadolu Market",
  "dataColors": ["#2A78D6", "#EB6834", "#1BAF7A", "#EDA100", "#E87BA4", "#008300", "#6250D6", "#E34948"],
  "background": "#FFFFFF",
  "foreground": "#1B1A16",
  "tableAccent": "#E9B10C",
  "good": "#17855A", "neutral": "#A86A12", "bad": "#C0392B",
  "textClasses": {
    "title": { "fontFace": "Segoe UI Semibold", "fontSize": 14 },
    "label": { "fontFace": "Segoe UI", "fontSize": 10, "color": "#625F55" }
  },
  "visualStyles": { "*": { "*": { "border": [{ "show": false }] } } }
}

Sayfa ayarları

Tuvalin boş bir yerine tıklayıp Biçim bölmesini aç:

AyarSeçeneklerNe zaman?
Tuval ayarları → Tür16:9, 4:3, Mektup, Özel (ör. 1280 × 1800 uzun sayfa)Ekranda 16:9; kaydırmalı uzun rapor için özel yükseklik
Tuval arka planıRenk, görüntü, saydamlıkTasarımcıdan gelen arka plan görseli
Duvar kâğıdıTuvalin dışındaki alanSunumlarda nötr bir renk
Sayfa bilgileriAd, araç ipucu olarak kullanAraç ipucu sayfaları için
Görünüm (Görünüm sekmesi)Sayfaya sığdır, genişliğe sığdır, gerçek boyutOkuyucunun ekranına göre
Sayfa görünürlüğüSayfayı gizleDetay ve araç ipucu sayfaları

Arka plan görseliyle tasarım

Profesyonel raporlarda kartların kutuları, başlık şeridi ve logo PowerPoint ya da Figma'da tek bir görsel olarak tasarlanır ve tuval arka planı yapılır (Görüntü sığdırma: Sığdır). Görseller bu kutuların üstüne şeffaf arka planla yerleştirilir. Avantaj: Power BI'da yüzlerce şekil ve metin kutusu kullanmadan tutarlı, hafif bir tasarım.

IzgaraGörünüm → Kılavuz çizgileri ve Izgaraya yapış. Görsel kenarlarını 8 ya da 16 pikselin katlarına hizalamak, tasarımı “profesyonel” gösteren en ucuz yöntemdir.
Uzmanlaş

Tema dosyasının iskeleti

Tema JSON’unda zorunlu olan tek alan name’dir. Değiştirmek istemediğin her şeyi yazmazsın; Power BI eksikleri kendi varsayılanıyla doldurur. Bu yüzden iyi bir kurumsal tema küçük başlar, ihtiyaç çıktıkça büyür. Üç katman vardır:

KatmanNe ayarlar?Örnek alanlar
Renk sınıflarıSeriler, durum renkleri, renk ölçeği, arayüz tonlarıdataColors, good/neutral/bad, minimum/center/maximum/null, background, tableAccent
Metin sınıflarıYazı tipi, boyut, renkcallout (kart ve KPI sayıları), title, header, label
Görsel stilleriBiçim bölmesindeki hemen her ayarın varsayılanıvisualStyles

minimum, center, maximum ve null renkleri koşullu biçimdeki renk ölçeğinin başlangıç renkleridir. Analistler ısı haritası için her matriste aynı üç rengi elle seçeceğine bunları temaya koyar. Dört ana metin sınıfından türeyen ikincil sınıflar (örneğin largeTitle, smallLabel) ana sınıftan miras alır; yalnızca farklı olmasını istediğini yaz.

visualStyles: dört düzeyli adres

Bir görsel stili şu adresle yazılır: görsel türü → stil ön ayarı → biçim kartı → özellik. Her düzeyde "*" “hepsi” anlamına gelir.

"visualStyles": {
  "*": { "*": {
      "title": [{ "fontSize": 12, "bold": true }],
      "categoryAxis": [{ "gridlineStyle": "dotted" }]
  } },
  "card": { "*": {
      "labels": [{ "fontSize": 28 }]
  } },
  "slicer": { "*": {
      "general": [{ "responsive": true }]
  } }
}

İlk blok tüm görsellerin başlığını 12 punto kalın yapar ve kategori ekseni olan her görselde ızgarayı noktalı çizer; ikinci blok yalnızca kartları etkiler. Kart adları her zaman Biçim bölmesindeki etiketle aynı değildir. Doğru adı bulmanın iki yolu var: Microsoft’un GitHub’daki tema şeması (VS Code’da otomatik tamamlama verir) ya da ayarı bir görselde elle yapıp temayı dışa aktararak çıkan JSON’a bakmak. Power BI içe aktarılan temayı şemaya göre doğrular; tanımadığı bir alan içe aktarmayı hata ile durdurur.

Tema ile elle biçim çatıştığında

Ekip, raporun yarısını bitirdikten sonra kurumsal temayı içe aktarıyor ve bazı grafikler değişmiyor. Neden: Biçim bölmesinde elle değiştirilmiş bir ayar, temanın üstünde durur. Görseli temaya döndürmek için görselde ya da bölümde Varsayılana sıfırla (Reset to default) kullanılır.

Sıfırlamanın bedeliLearn’e göre varsayılana sıfırlama yalnızca renk ve yazı tipini değil; düğme ve görüntü eylemlerini, tüm koşullu biçim kurallarını, adresten gelen görüntüleri ve veriye bağlı öğeleri (fx ile bağlanmış başlık, referans etiketi) de kaldırır. Bir matrisi sıfırlamadan önce koşullu biçimlerini not al. Doğru sıra: önce temayı yükle, sonra rapor yaz.

Tema koşullu biçim kuralı taşıyamaz; kuralları görsel görsel uygularsın. Ama kuralın renklerini good/neutral/bad ve renk ölçeği alanlarından alırsan, kurumsal renk değiştiğinde tek dosya yeter.

Tema yaşam döngüsü

  1. Oluştur: Görünüm → Temalar → Geçerli temayı özelleştir. Renkler, metin, görsel arka planı, sayfa arka planı ve duvar kâğıdı, filtre bölmesi burada.
  2. Dışa aktar: Aynı menüde Geçerli temayı kaydet. Çıkan JSON’u ince ayar için düzenle.
  3. Sürümle: JSON’u ekibin ortak deposunda tut; dosya adına sürüm yaz (anadolu-tema-v3.json). Kimin hangi sürümü kullandığı ancak böyle izlenir.
  4. Dağıt: Yeni raporlar Temalara gözat ile bu dosyayı içe aktarır. Daha iyisi: temanın, sayfa düzeninin ve standart ölçülerin hazır olduğu bir şablon dosyası (.pbit). Analist şablonu açar, veri kaynağını gösterir, boş bir kurumsal raporla başlar.
Sayfa arka planı temada da dururTuval arka planını ve duvar kâğıdını her sayfada elle ayarlamak yerine temaya koyarsan, yeni eklenen her sayfa doğru renkle doğar. Arka plan görseli ise sayfa başına ayarlanır; tasarımcının çizdiği şablonu tüm sayfalara uygulamak için sayfayı çoğalt.
Elle deneGörseller ve biçim sayfasında bir görselin Genel sekmesinden başlık, kenarlık ve arka planı değiştir; “Ne değişti?” kutusunu oku.
Alıştırmalara geç (7)