Ini bukan kumpulan tekstur yang biasa Anda gunakan untuk latar belakang situs web. Jika Anda mencari tekstur tertentu, kami memilikinya di sini. Tetapi bagaimana jika Anda ingin membuat sendiri? Atau menemukan cara untuk menyesuaikan tekstur agar sesuai dengan proyek Anda? Itu yang akan kita fokuskan hari ini.
Meskipun ada banyak cara untuk menggunakan tekstur dalam desain web, Anda akan mendapatkan lebih banyak jarak tempuh dari latar belakang tersebut jika Anda mengambil pendekatan modern, dan mengikuti beberapa aturan sederhana.
Berikut adalah tujuh tips untuk membantu Anda menggunakan tekstur latar belakang dalam desain web dengan baik (semuanya sejalan dengan pola dan tren desain 2019 terbaru dan terhebat).
1 Juta+ Tekstur Latar Belakang, Pola & Vektor Dengan Unduhan Tidak Terbatas
Unduh ribuan tekstur latar belakang yang menakjubkan untuk situs web dan presentasi, tekstur, vektor, dan aset desain dengan keanggotaan Envato Elements. Mulai dari $16 per bulan, dan memberi Anda akses tak terbatas ke perpustakaan yang berkembang dengan lebih dari 2.000.000 templat desain, tema, foto, grafik, dan banyak lagi.
Lihat Lebih Banyak Tekstur Latar Belakang
1. Sederhana dan Bersahaja
Tekstur latar belakang yang bagus bahkan mungkin tidak diperhatikan oleh banyak pengguna. Ini harus menjadi elemen yang hampir tidak terlihat yang berkontribusi pada keterbacaan dan kegunaan secara keseluruhan sambil memberikan kedalaman atau minat visual.
Tekstur latar belakang yang sederhana dan bersahaja adalah cara sempurna untuk melakukan ini. Untuk sebuah acara akhir tahun lalu, Konferensi Semesta Github menggunakan desain yang menyertakan latar belakang hitam sederhana dengan titik-titik putih. Efek langit malam benar-benar jatuh ke latar belakang sehingga jenis logo gradien yang menyenangkan dan informasi acara mudah ditemukan.
Tekstur latar belakang yang sederhana cenderung memiliki pola berulang yang kecil atau ketat dan dapat berupa hampir semua warna. Idenya adalah bahwa tekstur latar belakang ini bukanlah titik fokus; mereka berfungsi untuk membantu membawa perhatian ke sisa desain.
2. Jadilah Besar dan Berani
Mungkin halus bukan hal Anda. Jika demikian, pilih tekstur atau pola latar belakang yang besar dan berani.
Gaya yang lebih besar dari kehidupan ini berfungsi untuk desain di mana latar depan lebih banyak teks atau elemen antarmuka pengguna, dan tidak ada gambar lain yang bersaing untuk ditangani. Menggunakan jenis tekstur latar belakang ini bisa menjadi rumit, mulai dari membuat pola ubin yang tidak terlihat oleh pengguna hingga menjaga agar latar belakang secara tidak sengaja menjadi titik fokus utama dari keseluruhan desain.
Untuk memastikan tekstur latar belakang besar Anda berfungsi, awasi analitik dan kebiasaan pengguna sekali untuk membuat perubahan. Penurunan tajam dalam lalu lintas atau konversi adalah tanda bahwa Anda visual dan pengguna mungkin tidak terhubung.
3. Memasukkan Tren
Tekstur latar belakang dengan tren dapat membuat desain Anda terasa super modern dan segar.
Dengan bentuk geometris yang sedang populer saat ini, tidak heran jika situs web Apacio menarik. Dengan perpaduan geometri berwarna cerah pada latar belakang gelap, pola ini menciptakan tekstur dan kedalaman yang bagus yang membantu pengguna fokus pada teks besar dan ajakan bertindak karena elemen ini kontras dengan latar belakang. Teks – huruf sans serif sederhana – tampaknya langsung muncul dari bentuk hijau.
Pelapisan tekstur berkontribusi pada efek keseluruhan ini juga. Perhatikan bahwa warna memisahkan dua lapisan latar belakang dengan elemen yang lebih gelap “di belakang” elemen yang lebih cerah.
4. Gunakan Gambar
Tekstur latar belakang tidak harus berupa pola berulang yang Anda tarik dari situs unduhan. Beberapa tekstur latar belakang terbaik adalah gambar yang berhubungan dengan merek atau pesan utama untuk menambah tingkat ketertarikan dan keterlibatan visual.
Triknya adalah memudarkan gambar ke latar belakang secara efektif. (Dan itu tidak berarti harus menggunakan teknik fade.) Memudar gambar berarti keluar dari area gambar utama dan ke kejauhan.
Pada contoh di atas, Oxeva melakukan ini dengan dua cara: Ini menggelapkan foto sehingga hanya garis luar kota yang terlihat, dan menggunakan perlakuan warna yang berani di latar depan untuk menarik mata secara alami. Foto juga memiliki sedikit blur, sehingga gambar dapat dilihat, tetapi tidak dengan tingkat detail yang membuat titik-titik halus pada foto menjadi penting.
5. Gunakan Variasi Warna
Padu padan rona dan nada dari palet warna yang sama untuk menciptakan tekstur yang berani dari huruf atau bentuk. Variasi warna, bahkan dalam keluarga yang sama, dapat menciptakan kedalaman dan minat visual.
Types of Type menggunakan kombinasi warna yang menyenangkan dengan huruf raksasa untuk membuat tekstur latar belakang. Bahkan tanpa teknik seperti gradien atau bayangan, garis dari bentuk huruf membentuk kedalaman dan keseimbangan sambil membantu menarik perhatian ke tempat warna di latar belakang bertemu dan judul utama berada.
6. Ambil Gradien
Gradien trendi dan menarik secara visual. Saat menggunakan gradien sebagai tekstur latar belakang, Anda dapat menggunakannya sendiri atau melapisinya dengan foto.
Hampir semua kombinasi warna cocok, jadi menggunakan gradien untuk membuat tekstur dan kedalaman tidaklah sulit. Anda dapat menemukan kombinasi gradien yang Anda sukai WebGradien jika Anda belum memiliki contoh untuk dikerjakan.
Mobipaid menggunakan beberapa gradien halus untuk menciptakan kedalaman dan tekstur di latar belakang. Animasi bergambar di latar depan hampir menghilangkan gradien, dan ajakan bertindak berwarna gelap mudah dilihat. Ruang yang lebih terang dan lebih gelap dalam tekstur gradien membantu menggerakkan pengguna menelusuri desain secara sekilas.
7. Animasikan Itu
Meskipun banyak tips berfokus pada elemen latar belakang statis, tidak ada aturan yang mengatakan bahwa latar belakang tidak boleh dinamis.
Untuk memanfaatkan jenis tekstur latar belakang ini, gerakannya harus halus sehingga tidak mengurangi gambar atau pesan utama. Menyertakan palet warna yang diredam atau halus, seperti Alfabet Latvia, di atas, juga merupakan pilihan yang bagus.
Animasi ini dapat mencakup elemen yang bergerak atau memutar atau memutar atau video. Gerakan adalah cara yang baik untuk menarik perhatian pengguna. Mactionmalkan tekstur latar belakang animasi dengan memastikan bahwa gerakan ini tidak membebani latar depan desain.
Kesimpulan
Tekstur latar belakang yang bagus dapat menambah kedalaman dan minat visual pada keseluruhan desain situs web Anda. Sementara banyak desainer masih menggunakan latar belakang yang lebih datar – seperti warna tunggal – menambahkan sedikit tekstur dapat membuat proyek Anda menonjol.
Trik untuk menggunakan tekstur adalah teksturnya harus halus dan benar-benar jatuh ke latar belakang sehingga elemen latar depan mudah dibaca dan dipahami. Itu bisa menjadi keseimbangan yang cukup rumit. Ingatlah untuk membuat banyak kontras antara tekstur latar belakang dan gambar latar depan, elemen antarmuka pengguna, dan teks untuk memactionmalkan dampak keseluruhan desain.
