Ekran görüntülerini tarayıcı ve cihaz maketlerinde sunun

Ekran görüntüsünü hazırlayın

Elinizdeki en temiz yakalamayla başlayın. Yerleştirmeden önce geçici uyarıları, kişisel verileri ve yanlışlıkla görünen durum ayrıntılarını kaldırın. Önemli arayüzü merkeze yakın tutun; bir çerçeve veya perspektif efekti okunabilir alanı azaltabilir. Bir iş akışı gösteriyorsanız tek bir belirleyici ekran seçin veya aynı kırpma mantığına sahip küçük bir seri oluşturun.

İçerik bir web sayfası veya masaüstü benzeri bir görünümse tarayıcı stili kullanın. Dokunmatik düzen ve dikey okuma önemliyse telefon veya tablet stili seçin. Bunlar dekoratif çerçevelerdir; tarayıcı açmaz, URL yüklemez ve ekran görüntüsünün kendisini değiştirmez. Bu ayrım, bitmiş görsel için dürüst beklentiler oluşturmanıza yardımcı olur.

1. Konusu net olan tek bir ekran görüntüsü seçin ve hassas içeriği kaldırın.
2. Bağlamı en iyi tarayıcı, iPhone veya iPad çerçevesinin açıklayıp açıklamadığına karar verin.
3. Önemli metinlerin ve kontrollerin çerçevenin içinde görünür kalacağını kontrol edin.

Çerçeveyi yerleştirin ve sahneyi seçin

Ekran görüntüsünü destekleyen bir arka plan seçin. Sakin bir düz renk belgeleme için uygundur; yumuşak bir fotoğraf veya doğa sahnesi ürün sunumunu daha sıcak gösterebilir. Maketi çerçevenin kenarı görülecek kadar çevresinde boşluk bırakarak yerleştirin. Tarayıcı penceresinde tarayıcı çubuğu tanınabilir kalsın; dekoratif kontroller sayfayla rekabet etmesin.

Perspektifi inandırıcı tutun. Hafif bir eğim enerji katabilir, ancak güçlü bir döndürme küçük metni okumayı zorlaştırır. Maketi arka planın görsel yönüne hizalayın. Boşluğa doğru eğilen çerçeve bilinçli görünür; kalabalık bir nesneye doğru yönelen çerçeve sıkışık hissettirir.

Devamını okuyun: ekran görüntüsüne iPhone çerçevesi ekleme

1. Yeterli kontrasta sahip düz veya kendi görseliniz olan bir arka plan seçin.
2. Dekoratif çerçeveyi konumlandırın ve dış kenarı çevresinde pay bırakın.
3. Önce düz sürümü deneyin, ardından son paylaşım boyutunda eğimi karşılaştırın.

Okunabilirliği ve güvenilirliği kontrol edin

Uzaklaşın ve izleyicinin ilk olarak neyi fark ettiğine bakın. Ekran görüntüsü konu olarak kalmalı, çerçeve ise bunun ne tür bir ekran olduğunu anlatmalıdır. Arka plan öne geçiyorsa sadeleştirin veya kontrastını azaltın. Ekran görüntüsü kayboluyorsa maketi büyütün ya da daha sakin bir sahne kullanın.

Köşeleri, metni ve kenarları inceleyin. Bir çerçevenin fazla sıkı kırpılması yanlışlıkla yapılmış gibi görünebilir; dar ve düzensiz bir arka plan şeridi bilinçli bir kırpmadan daha dikkat dağıtıcı olabilir. Mümkün olduğunca ekran görüntülerinin özgün oranını koruyun ve yuvarlak bir simgeyi veya fotoğraftaki kişiyi esnetmeyin.

Çerçeve stilleri ve Pro koşulları uygulama sürümleri arasında değişebilir; seri planlamadan önce uygulamadaki güncel Mockups panelini kontrol edin.

1. Önce hiyerarşiyi inceleyin, ardından metni ve çerçeve kenarlarını kontrol edin.
2. Sonucu tam boyutta ve gönderi ya da makalede kullanılacağı boyutta karşılaştırın.
3. İzleyicinin bağlama ihtiyacı varsa ekran görüntüsünün dışına kısa bir açıklama ekleyin.

Yaygın maket sorunlarını çözün

Ekran görüntüsü esnemiş görünüyorsa özgün oranı kullanarak yeniden yerleştirin. Metin çok küçükse anlamlı bölgeye göre kırpın veya daha büyük bir çerçeve kullanın. Çerçeve ile arka plan benzer renkteyse farklı bir arka plan veya daha ölçülü bir çerçeveyle ayrım yaratın. Görsel gereksiz yere eğik hissediliyorsa düz hizaya dönün.

Kendi görseliniz olan arka plan kalabalıksa ekran görüntüsünü ağır süslemelerle gizlemeyin. Maketi daha sakin bir bölgeye taşıyın, görsel rekabeti azaltın veya daha sade bir renk seçin. Bir test dışa aktarın ve müşteriye göndermeden ya da yayımlamadan önce gerçekten kaydedilen sonucu inceleyin.

1. Ölçeği değiştirmeden önce en-boy oranını düzeltin.
2. Süsleme eklemeden önce kırpma ve hiyerarşiyle okunabilirliği düzeltin.
3. Kaydedilen görseli gerçek hedef boyutunda bir kez önizleyin.