Merancang Formulir Pencarian Yang Responsif: Usul & Tren Bagi Desainer Web

Merancang Formulir Pencarian Yang Responsif: Usul & Tren Bagi Desainer Web

Tiap web web modern wajib menggunakan tata letak yang responsif. Ini buatnya lebih tidak sulit bagi menjelajahi pada fitur apa pula tetapi itu membuat halaman lebih tidak gampang bagi dirancang.

Jasa pembuatan website yang dicintai merupakan salah satu contoh elemen halaman yang rumit. Dengan tata letak yang responsif, desainer web memiliki tren baru bagi formulir pencarian yang buatnya tidak sulit diakses serta bergaya.

Mari kami lihat beberapa contoh tren formulir pencarian di web. Ini ingin membantu kamu merancang ui pencarian kamu sendiri serta memberi kamu beberapa gagasan bagi peluncuran proyek kamu selanjutnya.

Pencarian nav dropdown

Sejauh ini fitur pencarian yang paling umum merupakan formulir dropdown. Ini sanggup diperbaiki dengan tautan di dalam bilah navigasi yang mengaktifkan/menonaktifkan pencarian.

Karena banyak web web menggunakan navigasi tetap, membuat bidang pencarian lebih tidak sulit kelihatan di mana-mana.

Tetapi malahan dengan navbar statis kamu ingin menciptakan fitur pencarian dropdown ini membuat amat praktis. Gak ada banyak ruang di tempat lain pada halaman responsif bagi memeras formulir pencarian tanpa mengacaukan konten utama.

Modal layar penuh

Apabila kamu gak menyenangi dampak tarik-turun, kamu sanggup mencoba menggunakan jendela modal sebagai gantinya.

Di permukaan, ini mungkin kelihatan serupa karena terhubung ke ikon pencarian. Tetapi alih-alih formulir yang diturunkan dari navbar, ia ingin timbul di atas halaman di jendela modal.

Input responsif sebaris

Bentuk inline dinamis menawarkan gabungan bidang pencarian tersembunyi bersama dengan menu dropdown.

Dengan formulir pencarian inline kamu sanggup menempatkan pencarian beralih ke navigasi kamu tetapi tampilkan inline daripada di bawah navigasi. Kami memiliki dampak ini di sini di designmodo serta ini merupakan opsi tenar bagi banyak web.

Formulir merenggang dimensi penuh

Aku gak selalu melihat desain pencarian ini tetapi pasti berfungsi dengan bagus apabila tata letak kamu sanggup menyesuaikan diri.

Dengan formulir pencarian yang sanggup diregangkan, kamu sanggup merancang seluruh formulir agar cocok dengan tata letak kamu dengan lebar 100%. Dari sana kamu sanggup membiasakan bidang bagi masuk ke ruang yang lebih kecil, malahan cukup kecil bagi kerja dengan bagus pada telepon pintar.

Merancang formulir pencarian kamu

Pemecahan terbaik bagi pencarian responsif selalu didasarkan pada proyek. Beberapa menu navigasi gak memiliki ruang bagi bidang pencarian inline serta wajib disembunyikan di luar layar.

Bangun catatan tentang fitur pencarian mana yang kamu sukai serta yang paling cocok dengan proyek kamu. Uji beberapa favorit kamu melalui coba-coba bagi melihat ui pencarian responsif mana yang menawarkan pengalaman terbaik.