Pengertian Dan Penjelasan Tentang Web Responsive

Baca Juga

Apa Itu Web Responsive??

Stormpedia.net | Pengertian Tentang Web Responsive | Bagi anda para blogger mungkin kalian sering atau pernah mendengar kata "Tingkat Responsive Pada Suatu Web/Blog".Kebanyakan saat ini orang orang yang mendesain Template Web atau Blog sudah mendesainnya se-Responsive mungkin untuk membuat tampilan web atau blog itu sendiri lebih enak di pandang dan enak di lihat oleh pengunjung baik dari Smartphone atau dari Desktop.

Konten Yang Dapat Menyesuaikan Wadah Dan Tempatnya 

Tapi bagi sebagian orang yang hanya tau Web Responsive mereka hanya berkata "Web Responsive itu yang bisa tampil rapih di HP pengunjung","Blog yang Responsive itu memiliki desain yang bagus (Terlalu Bodoh :v )"dan beragam kata kata lainnya.Di sini gua akan sedikit memberikan penjelasan tentang "Apa Itu Web Responsive".....

Ciri-Ciri Web Responsive

1.Memiliki Tampilan Yang Enak Di Pandang (Flat Design)

Saat ini kebanyakan tampilan tampilan aplikasi atau web web modern sudah memiliki tampilan Flat Design yang sangat enak di pandang oleh pengguna maupun pengunjung/pengguna Aplikasi/Web.Ya....memang tampilan yang bagus itu tidak harus memiliki tampilan yang Flat Design,tapi User Interface yang bagus itu lebih ke sederhana alias tidak membuat pengguna atau pengunjung bingung dalam mencari kebutuhan di dalam aplikasi atau web/blog anda.

Oleh karena itu desain lah tampilan web anda atau aplikasi anda se-Sederhana mungkin,tapi jangan terlalu sederhana juga karena itu akan membuat pengunjung/pengguna bingung karena akan sulit dalam mencari sesuatu.Buatlah tampilan Aplikasi/Web yang sederhana,keren(jangan berlebihan),enak di pandang,dan warna yang tidak terlalu mencolok.

2.Dapat Menyesuaikan Ukuran Device

Nah..bagian ini yang paling penting,suatu Web atau Aplikasi dapat bisa di katakan Responsive jika Aplikasi atau Web yang anda buat dapat menyesuaikan ukurannya pada perangkat perangkat tertentu.Misal nya di dalam Tampilan Desktop Aplikasi ini memiliki lebar 800px dan jika di masukan ke dalam Smartphone aplikasi itu memiliki lebar 250px dan dapat menyesuaikan tampilan Navigasi yang mudah dan tidak ribet,atau kata singkatnya seperti ini "Content Is Like A Water" yang dapat menyesuaikan wadah tampungnya,jika anda bingung dengan penjelasan saya silahkan liat beberapa gambar di bawah ini.....

Contoh Tampilan Web Responsive Pada Desktop 

Contoh Tampilan Web Sederhana Pada Mobile(Smartphone)

Bisa kita lihat di atas tampilan Suatu Web yang responsive pada Desktop dan Pada Mobile sangat berubah drastis sekali.Kita bisa melihat Tampilan Navigasi pada Web yang tampil pada Desktop itu memiliki lebar ke kanan dan itu memudahkan pengguna untuk mencari sesuatu.

Tapi jika kita melihat tampilan Web Responsive itu via Mobile kita akan menemukan bahwa Tampilan Navigasi tersebut sudah tidak ada dan di kelompokan alias di masukan ke dalam suatu rangkap yang berbentuk 3 Garis yang ada di Pojok Kiri Atas yang sudah saya tunjuk dengan tanda panah.

Dan kita pun bisa melihat bahwa Kotak Search yang ada pada Web tersebut berpindah ke sebelah kanan Menu Navigasi pada Tampilan Mobile yang sebelumnya berada di atas tampilan Navigasi pada tampilan Desktop

3.Tampilan Gambar (Thumbnail) Yang Menyesuaikan Ukuran Layar

Seperti yang saya bilang tadi bahwa Web Responsive memiliki Slogan "Content Is Like A Water" bahwa konten tersebut arti nya dapat menyesuaikan tampilannya dalam beragam ukuran dan jenis apapun.Termasuk salah satu elemen penting yang ada pada artikel di web/blog itu sendiri yaitu "Gambar atau Thumbnail".Konten yang responsive dapat menyesuaikan tampilan gambar pada tampilan Mobile,Desktop,Tablet,dan Device lainnya,maka dari itu jika anda ingin menulis artikel dan ingin memiliki artikel dengan gambar yang responsive ada baik nya jangan pasang gambar dengan ukuran yang lebar.

Kesimpulan Tentang Pengertian Dan Penjelasan Web Responsive

Jadi kesimpulan saya mengenai "Apa Itu Web Responsive",bahwa Web yang Responsive itu memiliki tampilan yang selayaknya Air yang dapat menyesuaikan bentuk nya sesuai dengan wadah penampungannya.