Apa itu Desain Web Responsiv

Pengertian

Istilah desain responsiv, atau web desain responsiv adalah sebuah pendekatan dalam desain yang bertujuan untuk mengakomodasi agar halaman web atau isi website dapat tetap enak untuk dilihat di berbagai macam ukuran perangkat pembaca.

Halaman web yang didesain dengan kaidah desain responsiv, bagaikan cairan yang diletakkan di wadah apapun, maka isi dan tata letak akan menyesuaikan dengan wadah tersebut. Inilah prinsip desain responsiv, yang karenanya isi dari web tersebut akan menyesuaikan dengan ukuran perangkat yang dipakai untuk membacanya. Oleh karenanya desain yang responsiv akan memberikan pengalaman yang baik bagi pemakai.

Latar Belakang

Sejak tahun 2013-an, seiring dengan peningkatan penggunaan perangkat smartphone, koneksi internet menjadi sebuah keharusan dalam masyarakat modern, dan tidak dapat dimungkiri kemajuan teknologi dan industri ini menuntut setiap individual untuk bergabung dalam sebuah jaringan internet melalui perangkat tersebut. Dengan menggunakan smartphone dan koneksi internet yang cepat, berselancar di internet menjadi hal yang biasa. Individu dapat meng-update statusnya di Facebook, membaca email, mengirim foto ataupun membaca berita melalui perangkat kapanpun dan di manapun dia berada.

Namun terkadang keterbatasan teknologi web dengan HTML-nya masih sering terjadi pada saat itu. Tidak semua web bisa dibuka atau berjalan secara baik di smartphone dan komputer tablet yang umumnya berukuran layar kecil dibanding layar komputer. Bahkan beberapa fitur terkadang tidak bisa beroperasi. Hal inilah yang membuat para web desainer dituntut berfikir menggunakan cara baru dalam menyampaikan informasi di dalam web yang bersahabat dengan perangkat mobile.

Desain Web Responsif, membantu menjembatani hal tersebut, dengan menggunakan teknologi baru HTML 5 dan CSS 3. Berlahan berbagai situs web besar seperti Google, Amazon.com, Facebook, Portal berita BBC dan CNN mulai mengadaptasi metode tersebut.

Contoh

lokasi-1280-1024halaman lokasi.click dilihat dengan layar beresolusi 1280 x 1024
 lokasi-768-1024halaman lokasi.click dilihat dengan layar beresolusi 768 x 1024
 lokasi-360-640-landscapehalaman lokasi.click dilihat dengan layar beresolusi 360 x 640 (landscape)
 lokasi-360-640halaman lokasi.click dilihat dengan layar beresolusi 360 x 640

 

Posted in Wawasan.

buser

Leave a Reply

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