Anda membangun sesuatu, atau menemukan fitur bagus, dan ingin memamerkannya. Jadi Anda mengambil tangkapan layar, menjatuhkannya ke sebuah tweet, dan ia cuma tergeletak di sana — kotak abu-abu datar dengan sudut tajam, tersumpal di sebelah teks Anda. Di sebelah postingan yang rapi, ia terbaca seperti sekadar tambahan. Kabar baiknya adalah perbedaan antara "tangkapan mentah" dan "tangkapan layar produk" bukanlah keahlian atau alat mahal. Ia adalah tiga penyesuaian kecil dan memilih bentuk yang tepat untuk platformnya.
Mengapa tangkapan layar mentah tampak datar
Tangkapan layar punya tepi tajam di keempat sisinya dan tak punya hubungan dengan apa pun yang ada di baliknya. Di sebuah feed, ia bertabrakan dengan latar postingan dan teks di sekelilingnya. Tidak ada margin, jadi tak ada yang memberi tahu mata "ini adalah sesuatu yang berdiri sendiri"; tidak ada kedalaman, jadi ia tampak ditempel alih-alih diletakkan. Tangkapan layar rapi yang Anda lewati setiap hari diam-diam telah memperbaiki persis kedua masalah itu.
Resep tiga bagian
Setiap tangkapan layar yang "bagaimana mereka membuatnya tampak sebersih itu" melakukan tiga hal yang sama:
- Padding — pita ruang di sekeliling tangkapan layar agar ia tak sesak dari tepi ke tepi. Ini saja sudah melakukan sebagian besar pekerjaannya.
- Sudut membulat — melembutkan keempat sudut siku-siku tajam pada tangkapan layar itu sendiri, yang langsung terbaca sebagai dirancang.
- Bayangan lembut plus latar belakang — drop shadow tipis mengangkat gambar dari permukaan, dan gradien lembut (atau warna merek solid) mengisi padding agar keseluruhannya tampak disengaja.
Itulah keseluruhan tampilan "tangkapan layar produk." Anda tak butuh bingkai perangkat atau anotasi agar ia berhasil — itu pekerjaan yang berbeda.
Jatuhkan tangkapan layar Anda, pilih latar gradien atau solid, geser padding dan radius sudut, lalu atur bayangan sesuai selera. Pratinjau diperbarui secara langsung, dan Anda mengekspor PNG saat tampak pas. Semuanya digabung pada kanvas di browser Anda, jadi tangkapan layar — yang mungkin menampilkan DM, dasbor, atau email — tidak pernah diunggah ke mana pun.
Pilih rasio aspek untuk platformnya
Gambar cantik yang sama seharusnya berbentuk berbeda tergantung ke mana ia akan pergi, dan alat mengunci keluaran ke Auto, 16:9, 4:3, 1:1, atau 3:4:
- 16:9 — kartu sosial lebar dan dek slide. Mengisi slot lanskap dengan bersih.
- 1:1 — postingan persegi untuk Instagram atau LinkedIn, di mana gambar tinggi atau lebar terpotong di grid.
- 3:4 — gambar tinggi yang mengisi lebih banyak layar ponsel saat seseorang menggulir.
- Auto — ketika Anda cuma ingin bingkai membungkus tangkapan layar plus padding-nya, tanpa bentuk yang dipaksakan.
Kunci rasio yang Anda butuhkan dan padding mengisi sisa bingkai di sekeliling tangkapan layar Anda, sehingga hasil ekspor masuk ke slot tanpa pemangkasan canggung.
Beberapa catatan selera
Jaga bayangan tetap tipis. Bayangan berat tampak seperti drop-shadow buruk dari tahun 2009; yang ringan cuma menambah kedalaman. Jangan terlalu membulatkan sudut — radius kecil terbaca sebagai rapi, radius raksasa mulai tampak seperti gelembung. Dan sesuaikan latar dengan suasana: warna solid yang tenang untuk sesuatu yang serius, gradien lembut saat Anda ingin ia terasa seperti sebuah peluncuran.
Intinya
Anda tak butuh perangkat lunak desain untuk membuat tangkapan layar tampak layak berada di postingan sungguhan. Tambahkan margin, bulatkan sudut sedikit, apungkan di atas latar lembut dengan bayangan tipis, lalu ekspor dalam bentuk yang diinginkan platform. Butuh kurang dari satu menit, tak ada yang keluar dari browser Anda, dan hasilnya berhenti tampak seperti tangkapan mentah dan mulai tampak seperti sesuatu yang memang ingin Anda bagikan.