Layout yang Baik

Layout atau dalam bahasa Indonesia dikenal dengan tata letak adalah pengaturan tulisan-tulisan dan gambar-gambar. Kemudian bagaimanakah layout yang baik itu?? Atau bilamanakah sebuah layout dikatakan baik? Sampai saat ini belum ada jawaban yang sangat tepat tetapi ada beberapa kriteria yang dapat digunakan.

Ada tiga kriteria dasar untuk sebuah layout yang dikatakan baik, yaitu :
It Works (mencapai tujuannya)
It Organizes (ditata dengan baik) dan
It Attracts (menarik bagi pengguna)



Sebuah layout dapat bekerja dan mencapai tujuannya bila pesan-pesan yang akan disampaikan dapat segera ditangkap dan dipahamin oleh pengguna dengan suatu cara tertentu. Selanjutnya, sebuah layout harus ditata dan dipetakan secara baik supaya pengguna dapat berpindah dari satu bagian ke bagian yang lain dengan mudah dan cepat. Akhirnya, sebuah layout harus menarik untuk mendapatkan perhatian yang cukup dari penggunanya.

Kunci utama untuk membuat layout yang baik adalah pemahaman secara mendalam ketiga kriteria diatas.

Selanjutnya untuk memahaminya ikuti pembahasan selanjutnya, dalam :

• Layout yang Mencapai Tujuan
• Layout dengan Pemetaan Visual
• Layout yang Menarik Perhatian

1. Mencapai Tujuan

Tujuan adalah salah satu hal terpenting yang perlu diketahui sebelum melakukan desain dan menata layout sebuah halaman web. Carannya, dimulai dengan mencari jawaban atas pertanyaan-pertanyaan fungsi layout yang akan dirancang.
Untuk membuat layout yang baik dan dapat berfungsi sesuai tujuannya, kita perlu mendapatkan deskripsi detail tujuan layout tersebut.

Biasanya pertanyaan-pertanyaan itu berkisar pada:

• What is the purpose? Apakah tujuan yang akan dicapai sebuah halaman web? Informasi apakah yang akan disampaikan?
• Who is the audience? Siapakah yang akan membaca, menggunakan atau mengunjungi halaman web tersebut?
• Where will it be seen? Dimanakah letak halaman web tersebut terhadap halaman yang lain?
Bila kita memahami jawaban masing-masing pertanyaan ini maka akan memudahkan saat harus mengira-ngira bentuk tampilan sebuah halaman web.

Berikut ini beberapa tips untuk membuat layout yang mencapai tujuannya :

• Tentukan informasi utama yang akan disampaikan dan rencanakan layout keseluruhan mengacu pada informasi utama itu. Bisa juga dilengkapi foto yang memnunjang visualisasi.
• Sesuaikan ukuran total halaman web sesuai dengan kemampuan penggunaan oleh pengunjung.
• Sesuaikan ukuran gambar-gambar dan besarnya ukuran font sesuai dengan target audience (pengunjung).

2. Pemetaan Visual

Desainer web yang baik akan mempertimbangkan kemudahan bagi pengguna dan membantunya untuk menjelajah keseluruh bagian sebuah halaman web. Layout yang baik tidak melelahkan bagi pembacanya untuk membaca dan mengikuti keseluruhan isi layout tersebut. Untuk membuat layout yang baik dan efektif, buatlah layout tersebut mudah untuk diikuti.

Penataan dan penekanan pada beberapa titik informasi akan lebih memperjelas informasi yang akan disajikan. Hal ini seperti membuat sebuah peta bagi orang asing dan menuntunnya ke suatu tempat. Pilihlah apa yang mesti dilihat atau dibaca dahulu, dimanakah letaknya, atau bagaimanakah perbedaannya dengan item yang lain???
Selanjutnya tentukan item apakah yang selanjutnya akan dibaca atau dilihat oleh pengguna. Bagaimanakah item lanjutan ini lebih menjelaskan informasi yang telah dipaparkan sebelumnya. Dimanakah atau bagaimanakah caranya item ini mengikuti paparan sebelumnya? Apakah yang memisahkan item ini dari informasi lain yang ditampilkan kemudian. Akhirnya, proses pendefinisian urutan ini harus dilanjutkan sampai seluruh informasi telah ditampilkan.
Semakin baik pendefinisian urutan dalam sebuah layout maka semakin akan cepat bagi seorang pengguna untuk langsung sampai pada titik akhir urutan informasi dan akan semakin cepat memahami informasi yang disampaikan.

Berikut ini beberapa tips untuk membuat layout dengan urutan informasi yang baik :

• Gunakan ukuran font yang berbeda untuk masing-masing elemen layout. [Headline biasanya lebih besar dari bodytext]
• Gunakan warna yang berbeda untuk informasi yang penting.
• Gunakan pemisah untuk memisahkan informasi kedalam beberapa kelompok.
•.Gunakan font style bold, italic atau lainnya untuk menegaskan makna.
• Pilihlah letak yang baik. [Pojok kiri atas biasanya dibaca lebih dahulu]
• Letakkan tulisan dalam sebuah kotak atau berikan satu bentuk tertentu.
• Berikan bullet untuk tulisan yang terdiri dari beberapa item, seperti tulisan ini.
• Gunakan warna yang berbeda atau reverse (contrast) untuk tulisan, misalnya font warna putih dengan background hitam.

3. Menarik Perhatian

Layout tidak akan bisa berkomunikasi dan menyampaikan informasinya bila layout itu tidak diperhatikan. Untuk itu, layout itu harus memiliki tampilan yang berbeda dari yang lain yang mampu menarik perhatian yang melihatnya.
Sebuah layout yang menarik bisa jadi adalah layout yang cantik, mengejutkan, menghibur, aneh/tidak biasa atau bisa juga layout yang sederhana dan lugas.

Untuk memilih image apakah yang akan ditampakkan oleh sebuah layout, kita dapat mendekatinya dari target audience yang akan membaca layout tersebut dan juga bagaimanakah layout halaman-halaman web sejenis lainnya. Misalnya saja bila beberapa halaman web sejenis dirancang secara sederhana kita bisa menggunakan warna lain yang lebih mencolok dan pemilihan layout yang berbeda.



Berikut ini beberapa tips untuk membuat layout yang menarik:

• Mengatur informasi penting dengan satu cara tertentu, misalnya : meletakkan headline dalam sebuah lengkung kurva, atau menggunakan jenis font yang berbeda
• Gunakanlah ukuran font yang sangat besar untuk headline yang lucu atau provokatif.
• Potonglah (crop) sebuah image dengan cara yang tidak biasa, misalnya hanya gambar mata bukan keseluruhan wajah.
• Gunakan warna-warna terang bila informasi yang ditampilkan pada background berwarna kelam.
• Berikan ruang kosong yang cukup untuk gambar atau tulisan yang kecil.
• Miringkan sebuah gambar atau blok tulisan.
• Perbesar sebuah foto atau gambar pada proporsi yang cukup lebar.

Sumber :

http://faculty.petra.ac.id/dwikris/docs/desgrafisweb/layout_design/layout_baik.html