Apakah Anda ingin membuat pintu masuk yang dramatis? Apakah Anda ingin menghangatkan pengunjung Anda sebelum membuat mereka kagum dengan animasi yang menakjubkan, eksperimen perpustakaan kelas atas, atau hanya desain yang cerdas? Maka Anda mungkin harus meletakkan mata Anda pada layar splash.
Berasal dari dunia perangkat lunak desktop, ia telah berhasil melakukan root pada desain web. Cepat, cepat, ringan, relatif sederhana dan kuat. Kami selalu berbicara tentang bagaimana beberapa detik pertama dapat membuat perbedaan besar. Semuanya harus sempurna sejak awal. Dan layar pembuka adalah salah satu komponen aplikasi web yang secara langsung terkait dengan keberhasilan misi ini.
Sebagian besar di luar sana berpikir area pahlawan mendukung penciptaan kesan pertama yang berharga ini. Namun, ada seniman kode yang rajin dan teliti yang suka menandai i dan cross t, percaya bahwa setiap detik penting. Yah begitulah adanya.
Semakin cepat Anda mulai meningkatkan pemirsa daring Anda, semakin baik kesan pertama Anda. Itulah sebabnya kami menyaksikan beberapa solusi asli di bidang ini. Bahkan dan sebenarnya mereka membuka percakapan antara situs web dan audiens. Dan jika Anda berpikir pengisi daya tidak memiliki kemampuan untuk menunjukkan kreativitas Anda, maka layar splash tentu memiliki beberapa potensi.
Manfaatkan layar penuh
Dengan animasi sambutan, seluruh layar siap melayani Anda, bukan hanya elemen kecil. Mereka seperti membuka urutan kredit dari film yang menjanjikan sesuatu yang luar biasa kepada publik, memicu minat.
Tedd Arcuri SmokeT
Three.js bukan teman yang baik untuk membuat perkenalan yang cepat dan ringan, namun dalam kasus Tedd Arcuri tentu saja berhasil. Di sini efek asap yang sangat realistis dan terampil direproduksi digunakan untuk meningkatkan penampilan huruf “T”. Yang terakhir ini murni simbolis di sini karena dapat dengan mudah diubah menjadi logo, maskot atau judul.
.
Halaman Selamat Datang Timothy Giblin
Sebagian besar layar presentasi berjalan beriringan dengan identitas merek. Misalnya, halaman Splash Timothy Giblin. Ini adalah layar presentasi klasik 100% yang menghadirkan identitas merek yang diperkaya dengan pemikiran kreatif seorang seniman. Penulis menunjukkan kepada kita bagaimana mematuhi media emas. Konsepnya asli dan sekaligus sederhana. Temukan hanya satu logo, tetapi penemuan ini menarik perhatian.
Animasi layar selamat datang oleh Hitesh Sahu
Contoh ini kurang mengesankan daripada solusi Timothy Giblin, namun lebih praktis dan dapat dilihat di mana-mana saat ini. Pada dasarnya, itu hanya beban malas yang dibawa ke tingkat berikutnya. Ungkapkan elemen-elemen beranda satu per satu dengan main-main dan kreatif, membuat segalanya jauh lebih menarik.
Ada beberapa cuplikan kode yang lebih menarik. Ayo jelajahi koleksinya bersama dan temukan pasangan yang cocok untuk proyek Anda selanjutnya
Solusi klasik
Apakah Anda ingin menggunakan pendekatan yang lebih terbukti di layar beranda? Contoh-contoh berikut akan membantu Anda sampai di sana.
Layar sambutan Adam Blum
Efek geser tradisional mendukung keindahan solusi Adam Blum. Ini mencakup latar belakang yang bersih dan murni dan beberapa frase kunci yang muncul satu demi satu. Memanfaatkan kekuatan antisipasi – cara primitif namun aktif untuk memicu minat pengguna.
Nirajan Play On
Untuk membuat solusi di atas sedikit lebih menarik, Anda dapat menambahkan manipulasi dengan latar belakang seperti yang dilakukan Niranjan dalam pena ini. Proyek Play On-nya menampilkan transisi geser yang indah antara layar overlay semi-transparan yang diterapkan pada latar belakang gambar. Bagus dan menyenangkan
Williams ‘My Splash
Williams ‘My Splash adalah contoh representatif lain dari layar splash klasik. Konsep ini memiliki dua tahap. Pada awalnya, animasi mengungkapkan tanda tangan penulis dengan kecepatan sedang dan nyaman. Kemudian layar hitam muncul. Ini adalah solusi yang elegan, elegan dan profesional yang beradaptasi dengan berbagai proyek.
Layar Selamat Datang Animasi Dmytro Lvivsky
Animated Splash Screen oleh Dmytro Lvivsky adalah titik awal yang sempurna untuk membuat solusi Anda sendiri. Animasi JavaScript memiliki beberapa layar dan transisi tradisional di antaranya. Yang terakhir didasarkan pada efek di mana lingkaran memimpin permainan.
Lihat layar selamat datang animasi Dmytro Lvivsky (@UnforbiddenYet) di CodePen.
CSS3 sederhana memudar oleh Giles Papworth
Berikut adalah solusi yang sangat disederhanakan. Rutin terdiri dari menampilkan blok teks satu per satu, disertai dengan efek fading tradisional. Namun, ia melakukan semua yang seharusnya. Dan, yang paling penting, ia melakukannya tanpa “memakan” sumber daya berharga Anda karena hanya menggunakan CSS3. Sederhana, elegan, sederhana dan ringan.
Humoris
Contoh berikut menunjukkan bahwa layar beranda juga dapat digunakan untuk mengatur nada situs web sejak awal.
Animasi pemuatan konsol oleh Andrew Tunnecliffe
Misalnya, jika Anda seorang pembuat enkode, animasi memuat konsol Andrew Tunnecliffe akan mengatur suasana yang tepat. Ini jadul, sangat sederhana, dan cocok dengan dompet pengembang pribadi.
Falling Numbers oleh Thibault Jan Beyer
Jika Anda memiliki proyek berbasis statistik atau berbasis data dalam pikiran, Angka Jatuh Thibault Jan Beyer adalah awal yang baik untuk pengalaman naratif Anda. Animasi dibuka dengan angka menurun yang akhirnya menyentuh tanah dan membuka layar utama. Memiliki pesona geometris yang diperkaya dengan beberapa rempah digital.
Terakhir tapi bukan yang akhir
Bagi banyak orang, Stan Lee akan selalu menjadi “saudara kutu buku Bruce Lee.” Bagi kita, dia adalah ikon yang berada di belakang alam semesta di mana kebaikan mengalahkan kejahatan, dan itu akan ada di hati kita selamanya.
Marvel Splash Screen milik Matt Feinstein
Marvel Splash Screen dari Matt Feinstein bukan merupakan penghargaan, tetapi semua penggemar superhero akan menikmatinya. Judul berbicara sendiri. Animasi sambutannya memiliki suasana komik yang indah. Ini adalah replika dari urutan pembukaan untuk film Marvel yang terlihat luar biasa.
Cara membuat splash
Layar sambutan dapat digunakan sebagai alternatif pengisi daya, kecuali, tentu saja, berat. Sayangnya, masih ada orang yang menganggapnya terlalu serius dan mencoba mengubahnya menjadi bagian dari permainan yang penuh aksi.
Layar selamat datang dalam desain web efektif selama cepat, pendek, ringan, dan langsung ke intinya. Tentu saja, mereka memberi Anda layar penuh untuk menunjukkan kejeniusan Anda. Namun, Anda harus melanjutkan misi awal Anda. Mereka adalah cipratan yang harus memicu minat dan segera mengarahkan tongkat ke solusi yang lebih menarik.
