Hampir di mana pun Anda online, tampaknya ada semacam efek atau elemen animasi. Inilah satu lagi tren dalam desain dan animasi situs web: elemen teks bergulir.
Anda akan mengetahui tren ini begitu Anda melihatnya karena elemen teks akan bergerak di layar. Terkadang efek ini dapat membantu membantu keterbacaan dan pemahaman, sedangkan di lain waktu itu hanyalah elemen desain. Apa pun itu, ini adalah efek menarik yang dapat membantu menambahkan elemen unik ke desain Anda.
Mari selami tren ini, karakteristiknya, dan beberapa contohnya.
Mengidentifikasi Tren Desain ini
Tren desain situs web ini cukup mudah dikenali secara sekilas – termasuk apa pun di mana ada elemen teks animasi yang menggulir secara horizontal atau vertikal di layar.
Teks gulir mungkin muncul di gambar pahlawan, tetapi seringkali sedikit di bawah gulir. Dan itu hal yang baik karena jenis animasi ini dapat menarik pengguna atau mematikannya sama sekali. Biasanya tidak banyak jalan tengah dengan tipografi bergerak.
Anda mungkin juga memperhatikan dari contoh di sini bahwa sebagian besar desain yang menampilkan elemen teks bergulir memiliki desain yang cukup sibuk dengan banyak elemen dalam ruang yang sama. Menggulir teks hanyalah satu lagi bagian dari teka-teki itu dalam proyek-proyek ini.
3 Karakteristik Utama
Sementara satu-satunya hal yang Anda butuhkan untuk tren desain situs web ini adalah elemen dengan teks bergerak, ada beberapa karakteristik utama lainnya yang umum. Kami akan mencatat bahwa karakteristik tambahan ini dapat berubah karena tren desain ini terus berkembang dan bergeser.
- Tipografi kebesaran: Seringkali Anda tidak dapat membaca seluruh karya frase tanpa animasi bergulir
- Ungkapan sederhana atau umum: Kata-kata yang mudah dimengerti membantu pemahaman dengan gaya animasi
- Gerakan atau gerakan otomatis: Saat Anda masuk ke elemen teks bergulir, animasi biasanya terjadi dengan sendirinya atau dengan interaction gulir umum
Cara Menggunakannya Dengan Baik
Saat menggunakan tren desain ini dengan baik, pertimbangkan dua faktor utama:
- Teks harus mudah dibaca
- Pengguna harus memiliki kendali atas gulir atau gerakan
Kedua elemen ini berkontribusi pada keseluruhan pengalaman pengguna dan pemahaman tentang apa yang ada di layar. Menggulir animasi teks bisa sangat mirip dengan video putar otomatis jika Anda tidak hati-hati (artinya sangat mengganggu dan membuat frustrasi).
Setiap pengguna membaca dengan kecepatan yang berbeda atau memproses informasi secara berbeda. Menggulir teks tidak masalah, tetapi pengguna harus memiliki kemampuan untuk mengontrolnya hingga tingkat yang cukup sehingga mereka dapat memahami apa yang Anda ingin mereka baca.
Akhirnya, seiring tren ini berkembang, alangkah baiknya jika teks bergulir tidak terlalu sering dipasangkan dengan desain yang sibuk. Ini berfungsi dengan baik dalam contoh di atas, yang memungkinkan teks bergulir untuk berfungsi sebagai aksen visual.
Cara Membuatnya Sendiri
Jadi bagaimana Anda mengambil tren desain situs web ini dan benar-benar menjadikannya milik Anda? Semua contoh di sini memberikan gambaran sekilas tentang berbagai cara untuk menangani dan bekerja dengan elemen teks bergulir.
Berikut adalah tiga cara untuk membantu menyesuaikan elemen ini agar sesuai dengan rencana desain Anda:
- Gunakan kata-kata dalam teks gulir yang penting bagi merek atau desain Anda. Menekankan nama merek Anda (seperti contoh di atas), menyoroti tagar atau tagline, atau berfokus pada proposisi nilai atau misi unik Anda adalah cara untuk memiliki elemen desain ini.
- Gunakan pilihan font yang unik untuk merek Anda untuk menggulir teks, dan gunakan hanya di bagian desain ini. Ini akan menciptakan minat visual untuk elemen teks bergulir dan mengikatnya ke merek Anda secara bersamaan.
- Izinkan pengguna untuk mengontrol gulir. Sementara beberapa teks gulir hanya bergerak tanpa kontrol, membiarkan pengguna mendikte gerakan dengan benar-benar menggulir dapat membantu desain terasa lebih disesuaikan dengan orang yang berinteraction dengannya. Ini juga dapat membantu keterbacaan.
3 Contoh Yang Kami Suka
Ketika datang ke tren desain apa pun, ada beberapa pemenang visual yang jelas. Berikut adalah tiga situs web dengan teks bergulir yang menurut kami menonjol karena alasan yang bagus.
Exgalleria
Menggulir teks memiliki tujuan berbeda di sini: Ini membantu Anda menavigasi situs web. Ada cukup animasi halus dan fade untuk memberi tahu Anda gagasan bahwa teks bergulir, tetapi pengguna memiliki kontrol penuh dengan panah mouseover besar yang memulai gerakan. Tidak ada salahnya juga jika pilihan citra dan tipografinya indah.
Di Costanzo
Desain ini membalik ide menggulir teks dari setiap contoh lain di sini dengan teks bergulir vertikal. Hasilnya cantik dan menarik. Itu membuat Anda ingin menggulir sampai akhir juga.
Saus Peppa
Peppa Sauce adalah desain situs web yang sangat sibuk tetapi lapisan teks bergulir memiliki efek yang bagus di sini. Semua gerakan diaktifkan pengguna pada gulir dengan elemen teks yang bergerak ke kiri dan kanan, atas dan bawah, dan mencakup berbagai ukuran dan struktur. Ada begitu banyak hal yang terjadi sehingga Anda mungkin tidak akan membaca semua kata, tetapi frasa kunci yang tepat memiliki ukuran dan penempatan yang membuat Anda memperhatikannya terlebih dahulu.
Kesimpulan
Ini adalah salah satu tren desain yang tampaknya hampir muncul dalam semalam dan ada di mana-mana. Ini bisa menarik dan menyenangkan tetapi menghadirkan beberapa tantangan; yaitu keterbacaan dan aksesibilitas.
Jika Anda berencana untuk menggunakan teks gulir dalam desain Anda, ada baiknya untuk memikirkan kata-kata sebelum desain di sini dan mempertimbangkan pro dan kontra dari animasi yang otomatis atau dikendalikan oleh pengguna (yang terakhir penting dari standar aksesibilitas ). Yang terpenting, jika Anda menggunakan tren desain ini, pastikan itu memiliki tujuan dan sesuai dengan tujuan Anda secara keseluruhan.
