Ekran görüntüsünü iPhone mockup'ının içine koymak

Ham ekran görüntüsü bir arayüz dikdörtgenidir. Mockup o dikdörtgene bir gövde, bir gölge ve duracak bir yer verir; belge gibi değil ürün gibi okunmasını sağlayan şey budur. Mekanik basit; insanların yanlış yaptığı yerler en-boy oranı, köşe yarıçapı ve cihazın çevresindeki boşluk miktarı.

Kaydı cihazın kendi oranında al

Ekran görüntüsünü, kullanacağın çerçeveyle aynı orana sahip bir cihazda ya da simülatörde al ki en-boy oranı baştan doğru olsun. 16:9 bir kaydı 19,5:9 bir çerçeveye yaydığında her şey belli belirsiz esner ve sonuç, izleyicinin hissedip adını koyamadığı biçimde yanlış görünür. Elinde yalnızca uyumsuz bir kayıt varsa esnetmek yerine kırp — bir listenin bir şeridini kaybetmek görünmez, bozulmuş yazı görünür.

Köşeleri ve çentiği çerçeveye bırak

Ekran görüntüsünün köşelerini mockup'a koymadan önce bir görsel düzenleyicide yuvarlatma. Çerçeve ekranı zaten maskeliyor; önceden yuvarlatılmış köşeler çift kenar ya da hale yapıyor. Aynısı durum çubuğu ve dinamik ada için de geçerli: mockup onları çiziyorsa kayıtta gizle, yoksa iki saat görünür. İyi bir mockup aracı bunları kaynak görseli düzeltmeye zorlamak yerine anahtar olarak sunar.

Nefes alacak yer bırak, sonra arka plana karar ver

Tuvalin kenarına yapışmış cihaz sıkışık duruyor ve her yerleşimde kötü kırpılıyor. Cömert bir kenar boşluğu bırak, sonra tek iş yapan bir arka plan seç: mağaza görselleri için yumuşak bir gradyan, sosyal medya için düz marka rengi, sayfa arka planının görünmesi gereken web başlığı için şeffaflık. Fotoğraf arka planına ancak uygulama fiziksel dünyayla ilgiliyse uzan — aksi hâlde arayüzle dikkat için yarışır.