Tren Desain Transparan pada Background Tebal Ini Wajib Kamu Tau

Siapa bilang tipografi pasti membosankan? Desainer sedang bersenang-senang dengan opsi jenis yang menarik, termasuk metode super trendi untuk melapisi elemen teks transparan dengan latar belakang, animasi, dan gambar yang menarik.

Ada banyak cara untuk memasukkan tren desain situs web ini ke dalam suatu proyek (atau menempatkan putaran pribadi Anda di atasnya untuk proyek cetak juga).

Berikut adalah beberapa ide dan inspirasi untuk membantu Anda memulai menggunakan teks transparan pada latar belakang yang tebal.

Ikon Cut Out

tren teks transparan

Tampilan teks transparan yang halus dapat menambah minat visual pada ikon atau bentuk.

Ketika kita berbicara tentang transparansi dan elemen teks, anggap itu selain teks warna tunggal tradisional (terang pada latar belakang gelap atau gelap pada latar belakang terang).

Pada contoh di atas, elemen teks transparan di dalam ikon berwarna memungkinkan gulungan video di latar belakang untuk ditampilkan. Sangat menarik, memberikan petunjuk warna untuk membantu menggambar gerakan mata dan elemen animasi menarik perhatian untuk mengubah konten.

Penggeser Gambar

tren teks transparan

Teks transparan dapat memberikan pratinjau yang menyenangkan ke lapisan latar belakang dengan gambar atau video. Teknik ini paling baik digunakan dengan beberapa huruf besar (bahkan terlalu besar), sehingga Anda bisa melihat latar belakang yang cukup agar menarik.

Ultima Capital (atas) menggunakan lapisan latar belakang gambar layar penuh di belakang elemen teks transparan pada latar belakang gelap, hampir seperti potongan jendela. Anda dapat melihat gambar penuh saat slide masuk ke tempatnya dan pratinjau visual yang tersisa bertekstur dan menarik sambil mempertahankan keterbacaan dari dua kata besar di layar.

Elemen Bayangan

tren teks transparan

Karena tidak ada deskripsi yang lebih baik, kami akan memanggil teknik di atas penggunaan elemen bayangan di balik tipografi transparan.

Apa yang tampak seperti apa teks pada latar belakang gelap sebenarnya transparan dengan gelembung gradien biru ke hijau melayang di belakangnya di latar belakang. Gerakan halus menarik perhatian dan menghubungkan ke gelembung halus di latar depan juga.

Efeknya bagus karena membantu membuat fokus visual untuk blok teks dan desain halaman yang panjang tanpa banyak lonceng dan peluit visual lainnya.

Gambar Peek-a-Boo

tren teks transparan

Perlakuan mengintip-a-boo mungkin merupakan variasi tertua dari tren teks transparan. Surat terlihat mereka telah dipotong dari latar depan untuk mengungkapkan gambar di latar belakang.

Cukup sederhana, bukan?

Anda dapat menambahkan trik sederhana pada konsep ini untuk memberikan lebih banyak pukulan. Di sini, latar belakang tampaknya sedikit memantul saat mouse melayang di atas huruf.

Teks Garis Besar

tren teks transparan

Cara termudah dan termudah untuk menggunakan teks transparan adalah dengan font garis besar. Cari opsi teks dengan goresan garis yang cukup tebal dan pastikan ada banyak kontras dengan latar belakang.

Penggunaan font garis besar juga cukup populer dan merupakan tren tersendiri.

Bagian terbaik tentang menggunakan opsi outline adalah tidak memerlukan teknik rumit untuk melakukan. Pilih saja font garis yang Anda sukai dan Anda siap untuk pergi!

Latar Belakang Animasi

tren teks transparan

Jika Anda menyukai ide font garis besar, tetapi merasa seperti latar belakang sederhana tidak cukup untuk membantu estetika Anda, pasangkan font garis besar dengan latar belakang animasi untuk dampak yang lebih besar.

Yang rapi tentang contoh di atas dari Lyst, adalah bahwa latar belakang bergerak juga berbasis teks dan Anda dapat melihat variasi gerakan dan warna melalui teks yang diuraikan. Desainnya melakukan pekerjaan yang baik dalam melapisi banyak elemen desain yang serupa, tetapi berbeda, untuk menciptakan banyak minat visual tanpa banyak elemen visual.

Jenis desain ini bisa sangat bagus jika Anda meluncurkan situs atau desain baru dan tidak punya banyak hal untuk dikerjakan.

Video dan Layer

tren teks transparan

Teks transparan yang umum dipasangkan dengan foto, tetapi dapat juga bekerja dengan lapisan video.

DAFI menggunakan penomoran transparan pada dua pesawat – latar belakang yang solid dan video – untuk memberikan informasi navigasi bagi pengguna. Apa yang sangat baik tentang perawatan ini adalah sifat halus dari angka-angka, yang menggunakan garis besar dan transparansi sehingga mereka tidak menghalangi konten yang tersisa.

Animasi Teks

tren teks transparan

Ya, banyak yang terjadi dengan jenis perawatan untuk Jeans for Refugees. Elemen teks transparan – Anda dapat melihat latar belakang bergerak melalui itu – dan setiap huruf diisi dengan confetti animasi.

Jika Anda ingin menggunakan teknik seperti ini, lanjutkan dengan hati-hati. Di sini, ini berfungsi karena semuanya sederhana. Teks adalah satu-satunya hal yang “terjadi” di layar.

Ini menarik perhatian dan memberi Anda waktu untuk memikirkan dan memahami surat-surat, karena keterbacaan lebih merupakan tantangan di sini.

Isi Warna Animasi

tren teks transparan

Anda dapat memikirkan tipografi dengan dua cara untuk contoh di atas: Surat yang diisi dengan animasi berwarna atau surat yang transparan di atas latar belakang animasi. (Anda dapat memperdebatkan prinsip-prinsip bagaimana melakukan yang terbaik dengan Anda sendiri.)

Teknik apa pun yang Anda suka, hasilnya sama dan cukup memukau untuk kata atau frasa pendek.

Kata “desain” di sini memiliki desain yang mencolok sehingga Anda akan mempercayai tim di belakangnya dengan hampir semua kebutuhan kreatif.

Peek-a-Boo Oversize

tren teks transparan

Ambil tren tipografi lain dan jadikan ini sangat besar, lalu tambahkan transparansi dan gambar latar keren.

Itulah yang Anda dapatkan di sini dengan huruf besar yang guntingan (atau transparan) untuk memungkinkan gambar latar belakang terlihat.

Keindahan teknik ini bekerja karena setiap gambar menarik dan cocok dengan huruf-huruf besar. (Pikirkan betapa berbedanya ini akan terlihat dengan font yang kurus.)

Ketika merencanakan desain seperti ini, pemilihan jenis huruf sangat penting. Jadi adalah memasangkan setiap gambar dengan huruf yang tepat sehingga konten yang sesuai terlihat.

Lapisan Transparan

tren teks transparan

Lapisan transparan hampir bekerja terbalik di sini. Lapisan latar belakang adalah gambar dengan overlay warna gradien. Lapisan latar depan putih sebagian besar gambar tetapi tipe transparan membawa melalui warna dan citra.

Bagian terbaik dari desain ini adalah walaupun itu membuat Anda melihat dan berpikir tentang gambar, pesan dan kata-katanya sangat mudah dibaca.

Kesimpulan

Satu hal yang dimiliki semua contoh ini adalah bahwa mereka menggunakan tipografi sederhana dengan efek ini. Alasannya adalah jenis huruf yang sederhana memastikan penggunaan teks sebagai elemen artistik dan dapat dibaca.

Kesamaan tidak berhenti di situ juga. Sebagian besar tipografi ini juga tanpa serif dengan sapuan yang lebih lebar dan lebih tebal. Ini memberi banyak ruang untuk elemen desain apa pun di belakang teks untuk menunjukkan dengan jelas. (Juga membantu keterbacaan.)

Ini adalah tren menyenangkan yang dapat bekerja dalam banyak cara berbeda. Semoga berhasil bermain-main dengannya!

sumber: designshack.net

Latest articles

12.6k Followers
Follow

Related articles