Ekran görüntüsü nasıl profesyonel gösterilir?

Bir ekran görüntüsünü profesyonel göstermek için önemli kısmı kırp, sakin bir zemine bol kenar boşluğuyla yerleştir, köşeleri yuvarla, hafif bir gölge ekle ve paylaşacağın platformun ölçüsünde kaydet. Bu sayfadaki araç bunların hepsini tarayıcında yapar; istersen macOS ya da tarayıcı çerçevesi de ekler.

4 dk okuma

Kısa cevap

Ham bir ekran görüntüsünün kenarları serttir, etrafında nefes alacak boşluk yoktur ve çoğu zaman paylaşıldığı sayfanın içinde kaybolur. Ürün ekipleri ve tasarımcılar bunu hep aynı birkaç hamleyle çözer: görselin etrafına boşluk, onu akıştan ayıran bir zemin, modern uygulama pencerelerini andıran yuvarlak köşeler ve görseli zeminden kaldıran bir gölge.

Ekran görüntünü aşağıdaki araca Ctrl+V ile yapıştır, hazır zeminlerden birini seç; kullanılabilir bir görselin artık hazır. Aşağıdaki bölümler, sonucun süslenmiş değil bilerek tasarlanmış görünmesi için her ayarı nasıl seçeceğini anlatıyor.

Burada dene: Ekran Görüntüsü Güzelleştirme

Aracın tam sayfasını aç

İyi bir görüntüyle başla

Fazla şey gösteren bir ekran görüntüsünü hiçbir çerçeve ya da renk geçişi kurtarmaz. Süslemeye başlamadan önce izleyenin neyi görmesi gerektiğine karar ver ve sadece onu al.

Birkaç alışkanlık görüntüleri daha temiz yapar. Konuyla ilgisi olmayan sekmeleri ve bildirimleri kapat, yer imleri çubuğunu ve kişisel isimleri gizle, yazılar telefonda okunacak kadar büyük olsun diye sayfayı yakınlaştır. Ekran görüntüsünde e-posta adresleri, müşteri bilgileri ya da şifre ve anahtar gibi değerler varsa önce bunları bulanıklaştır; sosyal medya gönderisi herkese açıktır ve kopyalanır.

  • Tüm ekranı değil bir alanı al: Windows'ta Windows + Shift + S, Mac'te Command + Control + Shift + 4 seçtiğin alanı panoya kopyalar.
  • Gerçek isim ya da rakam görünmesin diye temiz bir deneme hesabı kullan.
  • Küçük arayüzleri almadan önce tarayıcıyı yüzde 110 ile 125 arasına yakınlaştır.
  • İçeriğe sıkı kırp; kenar boşluğu sonra eklenir.

Zemini seçmek

Zeminin tek bir görevi var: ekran görüntüsünü akıştan ayırmak, ama dikkati üzerine çekmemek. İki renkli yumuşak geçişler bu yüzden iyi çalışır: sakindirler ama açıkça beyaz değildirler. Çok renkli, desenli ya da fotoğraflı zeminler ise gözü ekran görüntüsünden uzaklaştırır, okunması gereken yazı ikinci plana düşer. Açık renkli bir ekran görüntüsü açık ya da pastel bir geçiş üzerinde, koyu modlu bir ekran görüntüsü ise koyu arduvaz grisi bir zeminde en iyi durur.

Şirket hesabı için marka renkleri iyi bir seçimdir, yeter ki içerikten daha canlı olmasınlar. Görsel kendi zemini olan bir sunum sayfasına ya da web sayfasına konacaksa Saydam'ı seç ve PNG olarak kaydet. Yön ayarı renk geçişini döndürür; ekran görüntüsünün bir köşesi kalabalıksa açık rengi o köşenin arkasına getirmek için işine yarar.

Kenar boşluğu, köşeler ve gölge

Sonucun özenli mi yoksa abartılı mı görüneceğine bu üç ayar karar verir. Araçta ekran görüntüsünün boyutuna göre ölçülürler, bu yüzden aynı değerler küçük bir kırpıntıda da tam ekran bir görüntüde de aynı görünür. Emin değilsen tablodaki başlangıç değerlerini kullan, sonra her ayarı tek tek biraz artırıp azaltarak önizlemeye bak; fark gözüne batmaya başladığı noktanın bir adım gerisinde dur.

Ayarİyi bir başlangıçFazlası neye benzer
Kenar boşluğuYüzde 6 ile 10Rengin içinde yüzen minicik bir ekran görüntüsü
Köşeler10 ile 16İçeriği kesen hap gibi bir şekil
Gölge30 ile 50Pencerenin altında koyu bir leke

Pencere ve tarayıcı çerçeveleri

Çerçeve, izleyene neye baktığını söyler. macOS çerçevesi üç renkli pencere düğmesiyle bir başlık çubuğu ekler; masaüstü uygulamalarına, kod editörlerine ve pencere olarak gösterilen her şeye yakışır. Tarayıcı çerçevesi bir adres çubuğu ekler; web siteleri ve web uygulamaları için uygundur. Mobil uygulama ekranlarında çerçeve çoğu zaman gerekmez; yuvarlak köşe ve gölge tek başına yeterli olur.

Çerçevede görünmesini istediğin adresi yaz, örneğin localhost gibi bir test adresi yerine herkese açık alan adını, ya da boş bırak. Koyu modlu ekran görüntülerinde çubuk içeriğin üstünde parlamasın diye koyu çerçeveyi kullan. Ekran görüntüsünde zaten kendi pencere kenarlıkları varsa pencere içinde pencere olmasın diye Çerçeve'yi Yok yap.

X, LinkedIn ve Instagram için ölçüler

Her platform akışta görselleri farklı kırpar. Doğru oranda kaydedersen ekran görüntün ortada ve kesilmeden görünür. Platformlar düzenlerini zaman zaman değiştirir; önemliyse önce bir deneme gönderisiyle kontrol et.

NeredeAraçtaki ölçü1x'te piksel
X gönderisiX gönderisi1600 x 900
LinkedIn gönderisiLinkedIn gönderisi1200 x 627
Instagram akışıDikey 4:5 ya da Kare 1:1Ekran görüntüsüne göre değişir
Sunum ve video16:9Ekran görüntüsüne göre değişir
Belgeler, blog yazıları, README dosyalarıOtomatikEkran görüntüsü artı kenar boşluğu

Dosya türü ve çözünürlük

Ekran görüntüleri için doğru varsayılan PNG'dir: yazılar ve ince çizgiler keskin kalır, saydamlık desteklenir. JPG daha küçük dosya verir ve platform yükleme boyutunu sınırlıyorsa iş görür; renk geçişli bir zeminde farkı görmek zordur.

Görsel yüksek çözünürlüklü telefon ve dizüstü ekranlarında izlenecekse ya da sonra küçülteceksen 2x'i seç; genişliği ve yüksekliği iki katına çıkarır. Sonuçların uzun kenarı en fazla 8000 piksel olabilir, bu da herhangi bir sosyal ağın gösterdiğinden fazlası. Görseli kopyala panoya bir PNG koyar; onu doğrudan bir gönderiye ya da sohbete yapıştırabilirsin.

Adım adım

  1. Alanı yakalaSadece önemli kısmın ekran görüntüsünü al ve kişisel bilgileri çıkar.
  2. Araca yapıştırBu sayfada Ctrl+V'ye bas ya da görsel dosyasını bırak veya seç.
  3. DüzenleBir zemin seç, sonra kenar boşluğunu, köşeleri, gölgeyi ve işe yarıyorsa bir çerçeveyi ayarla.
  4. Ölçüyü seçX gönderisi, LinkedIn gönderisi, bir oran ya da Otomatik'i seç.
  5. KaydetPNG ya da JPG olarak 1x veya 2x indir, ya da Görseli kopyala'ya basıp gönderine yapıştır.

Sık sorulan sorular

Burada düzenlerken ekran görüntüm yükleniyor mu?

Hayır. Görsel tarayıcında çizilir ve kaydedilir, sunucuya hiçbir şey gönderilmez. Özel paneller ya da kod içeren ekran görüntülerinde bu önemlidir.

X için ekran görüntüsü hangi boyutta olmalı?

1600 x 900 piksel gibi 16:9 bir görsel akışta kesilmeden görünür. Araçtaki X gönderisi ölçüsü tam olarak bunu verir.

Ekran görüntüsü için PNG mi JPG mi kullanmalıyım?

PNG yazıları keskin tutar ve saydamlığı destekler, bu yüzden daha güvenli seçimdir. JPG daha küçüktür ve dosya boyutu sınırlıysa iş görür.

Ekibimdeki herkesin ekran görüntüleri nasıl aynı tarzda olur?

Zemini, kenar boşluğunu, köşeleri, gölgeyi ve çerçeveyi bir kez ayarla, Bu ayarlarla paylaş'a bas ve linki gönder. Link aracı aynı tarzla açar; ekran görüntüsü linkin içinde yer almaz.

Ekran görüntüsündeki kişisel bilgileri gizleyebilir miyim?

Süslemeden önce bulanıklaştır ya da pikselleştir, örneğin bu sitedeki bulanıklaştırma aracıyla; sonra sonucu buraya yapıştır.