Web uygulamasını gerçek gösteren laptop mockup'ları

Laptop mockup'ı "bu tarayıcıda çalışıyor" demenin standart yolu. İşe yarıyor çünkü çerçeve, çıplak ekran görüntüsünün veremediği bağlamı veriyor: ölçek, bir yüzey, bir bakış açısı. Risk şu: laptop ekranı geniş ve basık, yani içindeki arayüz küçük boyutlarda bulanık bir dokuya dönüşüyor — kaydı buna göre planlamazsan.

Tüm monitörü değil, makul bir görüntü alanını kaydet

Kayıttan önce tarayıcıyı 1440 × 900 gibi bir ölçüye ayarla. Ultra geniş monitörden alınmış bir ekran görüntüsü laptop çerçevesine sıkıştırıldığında yazıyı olması gerekenin yarısı boyutunda çiziyor ve yerleşimin dokuya dönüşüyor. Sayfa o genişlikte çok fazla yatay boşluk bırakıyorsa çerçeveyi küçültmek yerine sayfayı yakınlaştır — mockup, gerçek ziyaretçinin gördüğü yerleşimi, izleyicinin okuyabileceği boyutta göstermeli.

Açı ve kapak: azı karar, çoğu zarar

Hafif bir eğim derinlik veriyor; sert bir açı ekranı paralelkenara çevirip okunabilirliği öldürüyor. Mockup kapağı animasyonlu açabiliyorsa, neredeyse kapalıdan açmak video için etkili bir iki saniyelik giriş; ama durağan görselde kapağı dikeye yakın, kamerayı da karşıdan tut. Ekranın bir kenarını diğerinden yüzde on fazla kısaltan her perspektif, kattığı atmosferden fazlasını okunabilirlikten götürüyor.

Gölgeyle yere bastır, sonra dur

Tabanın altındaki yumuşak temas gölgesi, laptop'un havada durmasını engelleyen şey. Düşük kontrastlı ve gövdeye yakın olsun; cihazın altındaki kocaman bulanık leke 2013 şablonlarının görsel imzası. Arka plan koyuysa üst kenar boyunca ince bir ışık şeridi, gölgeden daha iyi bastırıyor. Tek bir ışık kararını bütün sete tutarlı uygulamak, her görselde ayrı ayrı ışık ayarlamaktan iyi.