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ğu | Yüzde 6 ile 10 | Rengin içinde yüzen minicik bir ekran görüntüsü |
| Köşeler | 10 ile 16 | İçeriği kesen hap gibi bir şekil |
| Gölge | 30 ile 50 | Pencerenin 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.
| Nerede | Araçtaki ölçü | 1x'te piksel |
|---|---|---|
| X gönderisi | X gönderisi | 1600 x 900 |
| LinkedIn gönderisi | LinkedIn gönderisi | 1200 x 627 |
| Instagram akışı | Dikey 4:5 ya da Kare 1:1 | Ekran görüntüsüne göre değişir |
| Sunum ve video | 16:9 | Ekran görüntüsüne göre değişir |
| Belgeler, blog yazıları, README dosyaları | Otomatik | Ekran 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.