Pedoman Jenis Tata Letak dalam Desain Website

tata letak desain website

Pedoman Jenis Tata Letak Desain Website – Salah satu aspek yang paling berbeda dari desain web adalah pendekatan terhadap luas dan tinggi dalam hal pengukuran dan fleksibilitas.

Pada artikel ini, kami akan memeriksa jenis tata letak web – lama, baru, dan yang akan datang. Masing-masing tata letak web ini akan dengan mudah meningkatkan pengalaman pengguna di situs web.

Kali ini kita akan membahas 6 jenis tata letak desain website yang perlu anda ketahui.

Pelajaran utama yang dapat dipetik dari pilihan-pilihan ini adalah untuk berpikir dengan hati-hati tentang mengapa pilihan Anda sesuai untuk situasi tertentu dan bagaimana pilihan Anda akan memengaruhi audiens Anda. 

 

  1. Tata Letak Mutlak (Absolute Layouts)

Nah, untuk salah satu cara atau metode pengukuran yang paling jarang digunakan dalam membuat sebuah desain situs web adalah pengukuran absolut(tata letak absolut). Satuan posisi absolut biasanya ditemukan dalam cetakan (seperti cm, mm, indi, dll), yang diturunkan dengan menggunakan satuan pengukuran ini.

Konversi format cetak ke web dapat dilihat pada perangkat lunak pengolah kata seperti Microsoft Word, yang masih menggunakan konvensi ini saat mengonversi format teks dan ukuran dokumen agar dapat dicetak di atas kertas. Tata letak mutlak digunakan terbatas dalam desain web.

 

  1. Tata Letak Relatif (Relative Layout)

Posisi dan tata letak relatif biasanya akan menyesuaikan ukuran tergantung pada ukuran viewport browser pengguna. browser area pandang. Kita jugabisa mengubah ukuran viewport sesuai yang kita inginkan dengan mengubah ukuran pada jendela. Ukuran monitor yang berbeda memiliki ukuran maksimum yang berbeda untuk port tampilan.

 

  1. Tata Letak Tetap ( Fixed Layout)

Umumnya dianggap sebagai salah satu cara paling fleksibel dalam menyediakan desain web, penggunaan pengukuran berbasis piksel hampir merupakan resonansi digital terkait transfer dari industri cetak, di mana media bergantung pada pengukuran tetap / statis.

Pengukuran ini akurat dan tidak dapat dilebih-lebihkan dalam hal desain web di berbagai browser web dan menjadi populer di antara situs web yang lebih memilih kontrol dan prediksi daripada mengoptimalkan tata letaknya untuk situasi audiens tertentu.

 

  1. Tata Letak Elastis (Elastic Layout)

Salah satu cara yang paling umum digunakan untuk menyajikan konten desain adalah dengan menggunakan unit pengukuran relatif.

Biasanya disebut sebagai desain tata letak elastis (karena cara fleksibel tumbuh dan menyusut untuk memenuhi kebutuhan konten), telah menunjukkan banyak penghargaan di komunitas desain web untuk kemampuannya untuk mengukur konten, ukuran teks, dan sebagainya.

Tidak seperti ukuran pengukuran tetap di mana elemen unit absolut seperti gambar paling akurat (karena tetap tanpa distorsi), tata letak elastis dapat digunakan saat konten fleksibel (seperti blok teks) menempati posisi depan.

Populer karena sifat elastisnya, pengukuran direkomendasikan untuk ukuran font.

Dari semua metode yang ada, jenis tata letak elastis inilah yang paling relevan untuk digunakan padakonten Anda karena memberikan konten anda posisi untuk menentukan bagaimana tata letak harus berukuran.

Atribut unik ini memungkinkan tata letak diubah ukurannya berdasarkan konten daripada kebutuhan tata letak.

 

  1. Tata Letak Skala (Scaled Layout)

Salah satu metode atau cara terbaru yang ada di CSS3 bisa memungkinkan kita manipulasi viewport yang tersedia di sekitar orientasi perangkat (seperti potret dan lanskap).

Tergantung pada bagaimana perangkat dipegang, desain memiliki potensi untuk mengubah tata letak visual (mengubah jumlah ruang yang disediakan untuk konten itu sendiri).

Berbeda dengan yang lain, jenis tata letak ini tidak bergantung pada unit pengukuran, tetapi lebih menyukai jenis tata letak tertentu. Namun, ide ini tidak boleh dianggap enteng sebagai cara untuk menyelesaikan kolom rumit di layar kecil.

 

  1. Tata Letak Cair atau Cair (Liquid or Fluid Layout)

Cara paling santai untuk memberikan desain yang berkembang secara dinamis atau menggunakan kontrak adalah dengan menggunakan persentase (%) dari pengukuran satuan populer.

Jenis tata letak ini mendapatkan popularitas massal karena ini adalah cara terbaik untuk memungkinkan kebalikan total dari tata letak tetap di mana konten akan menggunakan ruang yang tersedia.