Seringkali para designer web pemula menggunakan gambar yang berlebih dalam mendesain, akibatnya web tersebut akan terasa lambat saat di load oleh browser.
Walaupun secara grafis web tersebut bagus namun dalam mendesign sebuah
halaman web designer harus memperhatikan isi (content) dari web
tersebut, jangan sampai anda mengalahkan fungsi dari web sebenarnya
hanya karena tampilan grafis.
Pemakaian grafis harus dapat mengatasi kebutuhan dan fungsi dari situs,
misalkan komposisi warna dan bentuk, dan kesan yang akan ditonjolkan
dari web tersebut, apakah untuk tujuan komersial ? situs pribadi ?
perusahaan ? pemerintah ? ataukah tempat gallery online ? dan masih
banyak lagi.
Pemakaian grafis atau gambar yang kurang tepat pada sebuah web dapat
mengakibatkan anda akan kehilangan pengunjung yang sebenarnya anda
butuhkan.
Penggunaan Gambar Pada Web
Berikut ini adalah daftar bagian dari web yang biasanya memakai gambar
namun banyak juga designer web yang menggunakan text untuk bagian
tersebut.
1. Tombol Navigasi
Tombol navigasi mutlak diperlukan dalam sebuah web, dengan pengaturan
tombol navigasi yang jelas akan membantu pengunjung menemukan informasi
yang diinginkanya, berberapa hal yang perlu diperhatikan dalam membuat
tombol navigasi adalah Tulisan atau Text harus dapat dilihat dengan
jelas dan mudah dibaca.
2. Logo
Baik itu logo perusahaan, organisasi atau logo pribadi sering
menggunakan gambar, logo berfungsi sebagai gambar identitas dari
perusahaan, logo yang bagus dapat meningkatkan brand name suatu
perusahaan atau organisasi.
3. Site Map
Penggunaan site map secara gambar memang dapat memudahkan pengunjung
dalam mencari informasi namun penggunaan gambar dalam site map harus di
pilih benar apakah web anda menjadi terlalu lamabt atau tidak.
4. Bullet
bullet banyak digunakan untuk penekanan point-point tertentu pada dokumen
5. Banner
Banner yang dipasang di website dengan tujuan untuk memperbaiki
komposisi bentuk, warna dan informasi penting (Hot Items) sering
digunakan dalam website, dengan grafis yang menarik pengunjung akan
tertarik untuk mengklik banner tersebut. - Also known as a title
graphic. Main function is to let your visitors know which web
6. Garis Batas
Garis batas antar menu, bagian web, pemisah footer, header dan isi web
baik horizontal maupun vertical layak digunakan karena biasanya garis
batas mempunyai ukuran file yang kecil.
7. Gambar Background
Bagian ini digunakan untuk memberikan ciri khas, dan komposisi isi dan
background pada web yang akan dibuat, asalkan file gambar yang digunakan
tidak terlalu besar, gambar Background layak digunakan.
8. Headings
Alasan gambar digunakan untuk heading yang paling sering adalah karena
beberapa tipe text tidak terdapat pada computer client, karena itulah
digunakan file gambar sebagai gantinya.
9. Photo
Foto kegiatan atau bagian kegiatan yang menonjolkan specific dari
website sangat diperlukan, dengan foto yang jelas diharapkan pengunjung
langsung dapat mengerti milik siapa,untuk apa website itu dibuat, dan
category apakah web site tersebut. Penggunaan foto sering dipakai untuk
memperjelas item produk pada website e-commerce.
Beberapa hal yang perlu diperhatikan dalam pemilihan dan pemakaian gambar atau grafis agar tampak serasi pada web yang anda buat
adalah :
1. Warna semua grafis harus serasi, baik itu antara menu, logo
perusahaan atau orgonasisasi, header, footer dan gackground yang
digunakan.
2. Warna dalam text tombol navigasi harus dapat dibaca dengan jelas,
perhatikan ukuran teks yang akan dimasukkan pada tombol navigasi, apakah
terlalu kecil ? apakah sudah enak dibaca?, biasanya warna text dalam
tombol navigasi disesuaikan (tidak harus sama) dengan warna Logo atau
Judul utama website
3. jangan gunakan terlalu banyak kombinasi warna, sebab kombinasi warna
yang berlebihan akan terkesan norak dan memperlambat proses download
browser, cukup gunakan dua sampai 4 kombinasi warna dalam website,
kecuali mascot atau icon tertentu.
4. Perhatikan ukuran website anda terhadap setiap penambahan gambar atau
grafis, ukuran paling umum adalah 40 sampai dengan 70 K, dengan
rata-rata koneksi modem 28.8
5. Pisahkan gambar yang mempunyai warna berbeda, hal ini terjadi pada
bagian grafis yang terdapat degradasi warna atau dua warna lebih.lebih
baik usahakan untuk memotong perbagian warna yang berbeda, hal ini dapat
mempercepat proses download gambar pada browser.
6. Pilihlah jenis file yang benar, kapan anda menggunakan file gamabr
jpeg dan kapan menggunakan gif, pemilihan jenis file gamabr yang tepat
akan mempercepat proses download browser.
Ingat pemakaian grafis jangan sampai menjadikan fungsi utama website
tidak terpenuhi, apabila terlalu besar ukuran website anda akibat
banyaknya file gambar, gantilah background, garis pemisah, bullet,
heading dan dengan HTML
Sumber : http://www.ilmugrafis.com/artikel.php?page=tips-penggunaan-gambar-pada-web-desain
0 komentar:
Posting Komentar