June 7th, 2006
Di dalam dunia desain, khususnya desain web, resolusi menjadi sebuah masalah yang cukup diperhitungkan selain masalah lain seperti browser, warna dan image (gambar). Yang akan aku bahas di sini bukan resolusi layar yang 72 sampai 96 ppi (pixel per inch). Tapi yang akan kita bahas disini adalah ukuran resolusi.
Di jaman dahulu kala (halah! kaya udah lama aja), ketika memori komputer masih berjenis EDO (Extended Data Output) dan SD (Single Data), resolusi 800×600 sudah termasuk kategori mewah. Dan resolusi 640×480 adalah ukuran standar (terbayang gag sih pake ukuran 640×480?). Sekarang, dimana memori VGA dan RAM sudah tinggi, maka sedikit banyak resolusi 640×480 sudah lama tertinggal. Dan sepertinya sudah tak ada lagi yang menggunakannya. Atau masih ada? Buset, hare gene?
Jaman telah berubah. Teknologi pun makin canggih. Begitu juga dengan masalah resolusi ini. Tercatat, tahun 2004 pemakai resolusi 800×600 berjumlah 35% dan 1024×768 50%. Sisanya yang lain. Dan seperti bisa ditebak, pemakai 800×600 berkurang jauh menjadi 28% pada tahun 2005.
Saya pemula, resolusi apa yang saya gunakan sekarang?
Bagaimana menyesuaikan diri untuk membuat template yang sesuai dengan resolusi 800×600?
1. Buat template dengan lebar relatif (biasa disebut liquid).
Ini adalah hal yang susah menurutku. Banyak hal yang biasa aku lakukan tidak bisa dilakukan di sini. Ciri-ciri template jenis ini adalah lebarnya yang relatif terhadap resolusi layar. Semakin lebar layar monitor, semakin besar pula lebar template.
2. Jika menggunakan fix width (lebarnya mempunyai nilai tertentu), jangan lebih dari 760 piksel.
Banyak yang mempunyai pendapat lain, lebar paling besar pada ukuran fix width ini adalah 780 piksel. Memang benar, tapi perlu diingat, ukuran tersebuh hanya berlaku tanpa scrollbar di bagian kanan.
3. Hati-hati menggunakan 3 kolom
Bukan tidak mungkin dengan menggunakan fix width, kita membuat 3 buah kolom untuk setiap template. Tapi hati-hati, karena jatah tiap kolom jadi lebih sempit. Lebih baik diberikan space 5 sampai 10 piksel pada jarak tiap kolom, agar tidak akan menjadi masalah dikemudian hari.
Salahkah dengan resolusi 1024×768?
Tidak ada pernyataan salah untuk sebuah hasil desain. Yang ada adalah, menarik dan tidak menarik, atau mungkin ada tambahan lain, kurang menarik. Aku mengerti untuk seorang desainer web yang ingin menggunakan 3 kolom agak sulit berinteraksi dengan ukuran layar yang cukup sempit, maka dari itu ia mengacuhkan pengguna 800×600. “Hare gene pake 800×600?” begitu pikirnya.
Dan aku sangat berharap, pengguna resolusi 800×600 akan berkurang jauh di akhir tahun ini. Jika nilainya sudah di bawah 10%, maka aku berani untuk mengubah template yang aku buat agar jadi lebih lebar. Sekarang? masih mikir… :D
35 Responses
Merubah: menjadi rubah. Mengubah kali ya, Dats? :D
PUWASSS!!!
sekarang masih harus mikirin pengguna dengan resolusi layar 800 x 600. malah ditambah lagi dengan pengguna pda-phone berlayar kecil, musti dipikirin juga. belum lagi pemakai opera mini di henpon.
Resolusi
Re = Mengulang Kembali, perulangan, ulang
Solusi = Jalan Keluar
So…
Resolusi = Mengulang Jalan Keluar
*Salah Fokus*
dari jaman dahulu didats lebih suka MERUBAH, ya?
horeee…pertama
gak ada salahnya nyoba 1024×768 untuk eksperimen.
klo gak mau 3 kolom, masih ada “rich content footbar”
bwahahahahaha…akhirnya nyala juga, selamat2!
ps: Dats, templatesnya tolong diset juga buat 1920 x 1440 px, gw mo ganti monitor bulan depan.trims
gwe pakai 1152×864 tuh
layarnya bisa muat banyak he he
ipg
http://www.hpa.ne1.net
http://www.voucherkey.com/?ref=vkb68806
ajarin bikin webpage yang liquid donk.. :D
sebenernya tergantung keperluan (dan kemampuan) aja kali
= Anda menggunakan resolusi 800×600
= HARE GENE MASIH PAKE 800×600
= *siyul siyul*
dan karena saya tidak mampu makanya terpaksa pake… ==;
hahaha .. lucu “*siyul siyul*” nya itu ..ngenyeknya abis dah :). Yah nasib masih pake 800×600 neh. Memory VGA cuma 1 Mega juga … setuju sama #11, kemampuan belum ada nih ( perlu tapi belum mampu .. tepatnya )
Sepertinya istilahnya bukan liquid, tapi fluid.
Kalau mau ngecek bagus nggaknya minta temen ngecek di ponsel Nokia 9500, kalau harus scroll horisontal berarti nggak aware sama mereka yang baca web di ponsel.
hahahakxz ..
duh..kena deh *siyul siyul* asem
#13 jay, namanya beneran liquid…
tapi artinya sama antara liquid dan fluid…
sama-sama menggunakan persentase…
user friendly. itu perlu. memang sih, pengertian user friendly bisa saja seiring perkembangan teknologi dan… daya beli terhadap monitor! :D
tapi lebih aman menggunakan desain yang bisa dibaca semua monitor dan browser. :)
Saatnya High DPI websites :D
ah siyal, bukan masalah memori VGA dan RAM dats.. komputerku segede uprit pakai 1024×768 gimana jadinya?, kacamataku bisa jadi makin tebal…. hidup 800×600 piksel!!!
heheheh, gua pake browser yang lebar screennya cuma 320 pixel dan 208 pixel :)
weh udah nyala lagi …
udah bayar yah?
masih belom puwas sebelum didats ngepost ttg cara buwat templet wodpres dr A sampe Z dr 0 sampe 9
#13 setau saya juga LIQUID design… ;) by the way.. apa arti sebuah nama.
Sate Madura walaupun diganti jadi PINDANG GOSONG khan tetep enak di makan :D
ho oh…di opera hape juga kudu dipikirin….
ga minat dibuat versi wap juga?
didats, kata saylow kamu dibuat dari tanah.berarti kamu tembikar:D
HEheh udah dibayar juga domainnya :D
HIdup 3 kolom!! halah.. hidup 1024×768!!
Untuk amannya, gue pribadi masih berkutat di desain u/ 800×600….tapi kl u/ desain 3 kolom kaya’nya mau ga mau harus mulai berpikir untuk pindah ke desain 1024×768..800×600 sempit banget :P
bisa juga pake property max-width cuman itu gak didukung ditiap browser (IE SUX!!)
resolusi komputer gw masih 800×600, 24 bit warna dan monitor 15 inchi… di install ususbuntu ditaro di semi ruang server buat donlot bok….ep
kalau untuk diri sendiri sih enaknya ya sesuai dengan yg di layar kita. tapi kalau web kan yg dipikirkan itu bukan orang sedikit. kasian nanti yg masih pake 800×600. saya sendiri aja paling suka ngabisin kemampuan monitor, yg saya pake sehari-hari 1280×1024@75hz, leig lapang.
kata Google Analytics pengunjung yang masuk ke website gue pake 800×600 cuma segelintir. yowes…the tribe has spoken! bai bai!
*Anda menggunakan resolusi1280x1024*
oooooooo
“Anda menggunakan resolusi 800×600″
Ngawur, padahal aku pake 1024×768, loh.
Eh, detektor itu mesti dijalankan di komputer kita ya?
itu aku jalankan di komputer sebelah.
maaf telat kasih komen, baru baca webnya didat sich. “gue jd pusing.setelah gue telusuri dilingkungan sekitar gue, ternyata masih byk yg pake resolusi 800 x 600. trus gimana caranya merubah web yg udah terlanjur di desain dgn 1024 x 768 ? please, bantu gue, soalnya gue disuruh buat web intranet utk kalangan sendiri. gue org bru di lingkungan itu. tapi webnya udah jadi. gw baru tau kalo kondisi nya spt itu, setelah webnya jadi. tolongin gue ya, salam kenal. NB:komen no. 33 arto sanjoyo. lucu. kalo gue py hadiah. gue kasih hadiah buat dia utk kategori komen terlucuuu. thx
ech bos mau tanya nich, btw biar web kita tampil bener di layar berapapun resolusina gimana sih? pake script apa gmana?
bantu yach pleaseeeee