Definisi Desain Web Responsif

Apa itu desain web responsif? Intinya adalah ketika desain situs web merespon dimensi layar. Dengan kata lain, situs web yang dibangun agar responsif, memperhatikan tinggi dan lebar layar (sebenarnya, area yang dapat dilihat biasanya adalah jendela browser, seperti di Internet Explorer), dan menyesuaikan tata letak halaman web agar sesuai dengan area yang dapat dilihat tepat (sesuai dengan apa yang desainer web atau direktur kreatif anggap tepat).

Meskipun ini paling sering digunakan dalam tata letak web, desain web responsif dapat melampaui tata letak. Terutama dicapai dengan menggunakan kode yang disebut sebagai pertanyaan media (lihat artikel saya The Media Query), desain web responsif memberdayakan Anda untuk menghasilkan halaman web yang independen dari area yang dapat dilihat.

Contoh Kasus Desain Web Responsif

Contoh penggunaan yang baik dari hal ini adalah dalam hal situs web yang dioptimalkan agar sesuai dengan perangkat seluler serta komputer desktop, tempat tautan di menu bagian atas akan lebih dapat diperbaiki yang diposisikan ulang sebagai daftar vertikal, daripada bilah horizontal menyeberang. Detail semacam ini didukung oleh desain web responsif.

Jika Anda memiliki kisi di tata letak Anda di mana 10 gambar mini sangat cocok di monitor komputer desktop biasa, gambar mini tersebut harus berukuran sangat kecil agar muat 10 pada iPad atau iPhone. Dengan desain responsif Anda dapat mengubahnya sehingga jika lebar perangkat sependek iPad, itu hanya menempatkan 7 thumbnail. Kemudian, mungkin 4 di seberang untuk iPhone.

Banyak formulir kontak situs web disertai dengan area bilah sisi (atau dua) untuk tujuan penjualan dan tujuan lainnya. Ini bagus untuk komputer desktop, tetapi pada ponsel pintar, secara default, bentuk dan bilah sampingnya terlalu kecil untuk dibaca. Dengan desain web responsif, formulir dapat dibuat untuk mengisi layar dan bilah sisi dapat disembunyikan, ditempatkan di bawahnya, "diganti" oleh versi lain yang lebih kecil dengan pesan yang sama, hampir semua hal dapat dilakukan.

Desain Web Responsif vs. Tata Letak Cair

Untuk waktu yang lama, ada tata letak halaman web yang melentur ke ukuran (biasanya lebar, khusus) dari jendela browser, yang dikenal sebagai tata letak cair. Ini masih digunakan hingga saat ini, meskipun mereka belum pernah sama biasanya dengan tata letak tetap biasa yang akan Anda temukan di sebagian besar situs web (di mana tata letak tetap sama, terlepas dari lebar area yang dapat dilihat). Tata letak cair sangat umum digunakan untuk perangkat seluler, karena dapat dihitung untuk menyesuaikan setiap ukuran layar seluler. Tata letak semacam ini biasanya disimpan sangat sederhana, seperti kotak thumbnail atau daftar tombol. Tetapi jika seseorang mengambil tata letak yang sama dan membiarkannya menjangkau lebar monitor desktop, biasanya ditemukan terlalu jarang, terlalu melar atau semuanya terlalu besar.

Desain web responsif mencakup memanfaatkan tata letak cair dan tetap, untuk mengakomodasi semua ukuran layar.

Leave a Reply

Your email address will not be published. Required fields are marked *