Cara desainer dan developer mengubah website yang sudah tayang menjadi video portofolio: apa yang direkam, berapa lama, bentuk apa untuk tiap platform, dan cara membuat sekumpulan proyek terlihat seragam.
Aviral LakhanpaulDiperbarui 3 menit baca
Rekam setiap situs sebagai video gulir pendek, bukan tangkapan layar: 10 sampai 20 detik, berhenti sejenak di dua atau tiga bagian yang paling menunjukkan karyamu, dalam bentuk yang sesuai dengan tempat video itu akan ditampilkan. Pakai bingkai, latar, dan gerak yang sama untuk setiap proyek agar portofoliomu terlihat sebagai satu kesatuan. Alat URL-ke-video melakukan ini dari tautan situs yang tayang; perekam layar bisa dipakai untuk situs yang sudah tidak publik.
Tangkapan layar halaman penuh entah diperkecil sampai tidak ada yang terbaca, atau dipotong sampai hero saja, sehingga sebagian besar hasil kerjamu tidak terlihat. Video gulir menampilkan halaman dalam ukuran yang terbaca dan tetap sampai ke footer, serta menunjukkan hal-hal yang tidak bisa ditunjukkan gambar diam: ritme antarbagian, elemen yang menempel, keadaan hover, dan, dengan mesin yang tepat, animasi gulir.
Orang yang menjelajahi portofolio memberi setiap proyek beberapa detik sebelum memutuskan untuk tetap melihat atau tidak. Mulai bergerak langsung, atau setelah diam sekitar satu detik di hero, dan jaga seluruh guliran antara 10 dan 20 detik.
Jeda memberi pengaruh paling besar pada video portofolio. Berhentilah satu atau dua detik di setiap bagian yang menunjukkan sebuah keputusan desain: hero, kisi fitur, tabel harga. Satu video bisa memuat hingga 6 jeda, masing-masing antara 0,5 dan 5 detik. Jika halamannya panjang, pangkas guliran agar berakhir sebelum footer, jangan mempercepat semuanya.
| Tempat tayang | Bentuk | Format |
|---|---|---|
| Situs portofoliomu sendiri | 16:9 atau 4:3 untuk desktop, 4:5 atau 9:16 untuk versi ponsel | MP4, atau WebM untuk berkas yang lebih kecil |
| Dribbble, Behance, Peerlist | 4:3 atau 16:9 | MP4 |
| Halaman studi kasus | 16:9, dengan bingkai browser | MP4 |
| Feed LinkedIn atau Instagram | 4:5 atau 1:1 | MP4 |
| Email penawaran ke klien | 16:9 atau 1:1, pendek | GIF, yang diputar langsung di sebagian besar aplikasi email |
Periksa batas unggahan tiap platform sebelum mengekspor dalam 4K: berkas 1080p biasanya pilihan yang lebih aman untuk apa pun yang akan di-encode ulang saat diunggah.
Dua belas proyek yang direkam dengan dua belas cara berbeda terlihat seperti karya dua belas orang berbeda. Tentukan penyajiannya sekali, lalu ulangi.
Video loop tanpa suara berperilaku seperti gambar animasi dan diputar otomatis di semua browser modern, asalkan suaranya dimatikan dan diizinkan diputar langsung di halaman. Pakai Turun lalu kembali sebagai pemutaran agar bingkai terakhir sama dengan bingkai pertama dan loop-nya tidak melompat.
<video autoplay muted loop playsinline preload="metadata"
poster="project-poster.jpg" width="1920" height="1080">
<source src="project.webm" type="video/webm" />
<source src="project.mp4" type="video/mp4" />
</video>Lebar dan tinggi mencegah tata letak melompat selama berkas dimuat, dan poster memberi tempat video sesuatu untuk ditampilkan sebelum bingkai pertama tiba.
Tempel tautan dan lihat pratinjau guliran secara gratis. 51 kredit gratis saat mendaftar, tanpa kartu, dan tanpa watermark di apa pun yang kamu ekspor.
Keduanya, untuk tugas yang berbeda. Gambar diam menjadi thumbnail yang tajam; video gulir menampilkan seluruh halaman dalam ukuran yang terbaca, ditambah keadaan hover dan gerak. Sebagian besar desainer menampilkan video lebih dulu dan menyimpan gambar diam sebagai posternya.
Alat berbasis URL hanya bisa merekam apa yang tayang hari ini. Jika kamu menyimpan salinan build-nya, pasang di alamat publik sementara lalu rekam dari sana, atau rekam secara lokal dengan perekam layar.
Bisa. Baca halaman pada lebar ponsel alih-alih memperkecil rekaman desktop, agar situs menyajikan tata letak selulernya yang asli, lalu ekspor dalam 9:16 atau 4:5.
Otomatiskan perekaman situs dengan gerak yang bisa disesuaikan, kendali yang cerdas, dan pilihan ekspor yang dirancang untuk kreator masa kini.
