Jika ada satu aspek situs web yang terlalu sering diabaikan, itu adalah latar belakang. Untungnya, ini adalah hal yang mudah untuk diperbaiki, dan ada lebih banyak opsi daripada sebelumnya.

Dalam postingan ini, kita akan membahas cara memilih gambar, video, atau latar belakang warna terbaik untuk situs web Anda – dan menunjukkan beberapa contoh untuk inspirasi.

Memilih gambar yang tepat

Gambar yang tepat dapat memiliki dampak langsung pada audiens Anda. Itu dapat mengatur suasana hati yang tepat, dan segera mengomunikasikan tentang apa situs Anda atau apa yang Anda lakukan. Ini juga merupakan kesempatan untuk memamerkan beberapa aset Anda—lokasi Anda, produk Anda, atau bahkan Anda!

Gambar latar belakang yang besar akan menjadi kesan pertama yang dimiliki pengguna terhadap situs Anda, jadi pilihlah dengan bijak. Jika Anda tidak dapat memutuskan hanya satu gambar, Anda selalu dapat menjalankan tayangan slide.

Gambar latar belakang yang besar dan indah dapat mengatur nada untuk situs web Anda: bahagia, serius, menyenangkan, atau tenteram. Contoh ini berasalPenciptaan Kuik.

Perekat

Penting juga untuk memilih gambar dengan spesifikasi teknis yang tepat. kita merekomendasikan penggunaan gambar latar belakang yang berorientasi horizontal, bukan vertikal, sehingga sesuai dengan sebagian besar layar komputer modern yang menggunakan format layar lebar.

Ukuran gambar Anda sama pentingnya. Sebagian besar layar komputer mendukung resolusi minimum 1024 x 768 piksel, yang berarti bahwa foto latar belakang Anda harus seukuran itu – paling tidak. Yang terbaik adalah membidik setidaknya selebar 1200 piksel. Mengunggah gambar dengan lebar hanya 500px akan menghasilkan latar belakang buram atau berpiksel, dan tidak ada yang menginginkannya.

Sebagian besar program pengeditan foto dapat menampilkan ukuran piksel gambar Anda. Anda juga dapat melihat ukurannya langsung di komputer Anda. Jika Anda menggunakan PC, klik kanan pada file gambar, pilih "Properties", lalu tab "Summary". Di Mac, klik kanan pada file gambar, pilih "Dapatkan Info", lalu klik "Info Lebih Lanjut". Itu akan menunjukkan kepada Anda dimensi dalam piksel.

Menemukan gambar secara online

Situs kitesurfingisurfnl.com menggunakan foto besar di latar belakang mereka untuk mengatur pemandangan.

Jika Anda tidak memiliki foto Anda sendiri yang berfungsi, adasumber daya yang besar online gratis, stok foto berkualitas tinggi yang dapat Anda gunakan secara legal tanpa royalti. Beberapa favorit kami adalahPixabay,fotolia, DanHapus percikan.

Ke ubin atau tidak ke ubin?

Jeweller Greg Joaillier menggunakan ubin yang berselera tinggi dan halusgreg-joaillier.fr.

Jika Anda mempertimbangkan untuk menggunakan gambar latar belakang, kita sangat menyarankan agar Anda tidak memasangnya. Kita semua pernah melihat situs web yang mengulang foto kecil berulang kali di latar belakang, dan itu bisa terlihat sibuk dan sedikit menggelegar. Sebagai gantinya, kita sarankan untuk menggunakan satu set gambar berkualitas tinggi ke lebar penuh sehingga kemegahannya dapat terlihat.

Situs web karya seni fancyfeatures.com ubin pola cerah di latar belakang mereka. Perhatikan bagaimana mereka meminimalkan jumlah warna lain sehingga tidak bersaing secara visual dengan titik biru dan putih.

Latar belakang ubin  Bisa dilakukan dengan baik, meskipun. Ini bekerja paling baik dengan pola halus, seperti wallpaper. Jika Anda mempertimbangkan opsi ini, pilih gambar yang dapat disusun dengan mulus dan tidak akan berbenturan saat diatur untuk diulang. Bermain-main dengan warna dan pola yang berbeda untuk menemukan latar belakang berulang yang akan melengkapi situs web Anda, alih-alih membuat mata pengunjung Anda tegang.

Latar belakang video

Menemukan video yang tepat untuk digunakan sebagai latar bisa rumit, tetapi gambar seperti ini berfungsi dengan baik karena beberapa gerakan halus di latar belakang.

Saat koneksi internet semakin cepat, latar belakang video menjadi semakin populer di web. Video yang bagus dapat berfungsi mulus dengan situs Anda dan menambahkan faktor "wow" yang halus.

Ini adalah fitur yang ingin Anda gunakan dengan hati-hati, karena beberapa video mungkin mengganggu atau mengganggu. Efeknya bekerja paling baik dengan video yang ambien dan tenang. Misalnya,Situs web baru Airbnb menggunakan video orang-orang yang mengalami saat-saat tenang di rumah, minum kopi, bangun tidur, dll. Hal ini membantu membangkitkan emosi yang tepat bagi penggunanya. Bandingkan ini dengan latar belakang video disitus web Google Hangouts. Pemotongan cepat dan langkah cepat memiliki efek yang jauh berbeda yang dapat mempersulit pemirsa untuk benar-benar fokus pada konten Anda.

Cobalah untuk memilih video yang tidak terlalu panjang, dan mungkin yang memiliki loop mulus di awal dan di akhir. Situs seperti pond5 menawarkan stok klip video bebas royalti yang mencakup berbagai subjek.

Warna latar belakang

Anda tidak bisa salah dengan latar belakang putih atau abu-abu untuk memamerkan konten atau foto Anda.

Pada hari-hari awal internet (lambat), sebagian besar situs web memiliki satu warna sebagai latar belakang untuk meningkatkan waktu pemuatan halaman. Saat internet menjadi lebih cepat, penggunaan latar belakang foto menjadi lebih umum.

Namun, tren saat ini dalam desain web mengembalikan konsep satu warna. Perbedaannya kali ini adalah kami tidak lagi menggunakan warna merah dan biru cerah seperti dulu. Dengan menggunakan warna yang lebih halus – bahkan putih polos – situs web terlihat lebih bersih dan elegan, dan lebih banyak perhatian diberikan pada konten daripada desain.

Perhatikan caranya mdcreation.com menyeimbangkan warna latar belakang yang cerah dengan teks hitam, putih, dan abu-abu minimalis untuk tampilan bersih dan modern.

Namun, jangan takut untuk mencoba warna-warna cerah dan cerah di situs web Anda. Warna yang berbeda dapat membuat pengunjung merasa cara yang berbeda tergantung pada bagaimana Anda menggunakannya. Jika Anda memutuskan untuk menggunakan warna, pastikan teks Anda cukup kontras sehingga dapat dibaca (teks putih atau hitam di atas latar belakang warna biasanya pilihan yang bagus). Dengan latar belakang berwarna-warni, ada baiknya juga untuk menjaga warna lain seminimal mungkin.

Yang perlu di ingat…

Sebagai penutup, ingatlah tip cepat dan mudah ini untuk menemukan latar belakang terbaik untuk situs web Anda:

• Pilih gambar dengan resolusi tinggi (minimum 1024x768px—jika Anda memiliki gambar yang lebih besar, lebih baik lagi).

• Pastikan gambar tersebut dalam mode lanskap, dan bukan dalam mode potret.

• Hanya gambar ubin yang dimaksudkan untuk ubin. Pola bagus untuk ini, tetapi tidak begitu banyak foto kucing Anda.

• Jika Anda menggunakan latar belakang video, pilih salah satu yang tidak kentara dan tanpa terlalu banyak tindakan agar pengunjung Anda tidak mabuk.

• Untuk warna latar belakang yang sederhana, Anda tidak bisa salah dengan warna putih.

Ikuti tips ini, dan situs web Anda akan menonjol dari yang lain.