Web Design TipsBatasan-batasan yang menghambat desain web
Desain web yang kreatif lahir dari serangkaian batasan-batasan yang diciptakan oleh dunia web sendiri. Wawasan akan batasan-batasan tersebut sangat penting artinya bagi desain. Contoh batasan-batasan tersebut misalnya:
Platform user yang beragam:• Komputer Mac menampilkan huruf lebih kecil dari PC
• PC mempunyai font defaul yang berbeda dengan Mac
• Unix dengan X windowsnya tidak mempunyai font default.
Browser user yang beragam:• Netscape menguasai JavaScript, Microsoft selalu satu langkah tertinggal.
• Microsoft mempunyai Jscript dan VBScript dan ActiveX, semuanya tidak berjalan di Netscape
• Tidak ada browser satu pun yang menguasai Java
• Microsoft tidak mengharuskan menggunakan penutup pada kebanyakan tag HTML. Netscape mengharuskannya.
• Penerapan CSS yang berbeda oleh Microsoft dan Netscape,
Masalah lain bakal berdatangan, karena tidak hanya 2 browser tersebut yang saat ini digunakan, masih banyak browser lain seperti Opera, WebTV, dan Lynx yang text based
Batasan tersebut memaksa Desainer untuk mengambil jalan pintas: Membuat banyak versi yang berbeda untuk masing-masing Platform, Browser dan Audience (misalnya untuk manula yang susah membaca huruf2 kecil)
Web desain adalah bisnis yang bisa membuat frustasi, sehingga wajar bila mereka (desainer) dibayar mahal untuk itu.
Di luar itu semua satu keunggulan media komputer dalam berkarya adalah:
Saat anda mendesain web, apa yang anda kerjakan tidak pernah dianggap selesai, anda selalu dapat menambah, mengkoreksi, menyempurnakan hasil karya anda, selalu koreksi desain anda, karena itulah salah satu keunggulan web dibandingkan media cetak atau lainnya, kemudahan untuk mengkoreksi karya anda.
Desain Web yang Bandwidth FriendlyHukum Moore mengatakan, teknologi komputer berkembang 2 kali lebih cepat dan akan berkurang setengah harga setiap 18 bulan. Namun Hukum tersebut tidak berlaku pada kecepatan koneksi. Makin banyak komputer yang dipakai, juga banyak bandwidth yang terpakai.
Batasan melahirkan kreativitas. Banyak desainer yang terhambat oleh batasan bandwidth namun itu semua malah membuat mereka berkarya lebih baik. Anda juga bisa melakukan banyak hal dengan sedikit bytes. Anda bakal kaget dengan apa yang bisa dilakukan hanya dengan table-table berwarna.
Review :1. Buat sesederhana mungkin. Desain yang baik terletak pada kesederhanaannya. Define the essence.
2. Aesthetic Consideration paling penting adalah masalah kecepatan transmisi / Bandwidth. Bila terlalu sulit untuk didownload. Kembali ke tahap desain.
3. Anda hanya memiliki 9 detik untuk meyakinkan user untuk tidak menggunakan tombol Back. 3 detik. Jadi, tampilkan sesuatu di monitor sebelum 9 detik tersebut. Dan buat semenarik mungkin
4. Jangan gunakan font yang menurut anda bagus, tapi tidak banyak dipakai di komputer lain.
5. Coba maksimalkan desain anda dengan “HTML” atau “CSS”, sebelum menggunakan “GIF”. Artinya, gunakan image sebagai usaha terakhir mengatasi;
6. Problem, doktrin utama desain apapun, tidak hanya desain web, adalah tentang Problem solving : Jabarkan problemnya dan anda sudah mengerjakan setengah dari tugas anda.
BENTUK DAN WARNA
Pendahuluan
Kesan pertama seorang pengunjung situs terbentuk pada 9 detik pertama. Jadi bagaimana caranya, dengan perhitungan waktu download, seorang designer dapat menarik perhatian dari pengunjung itu? Jawabannya adalah Design yang "Pantas"
"Pantas" berarti:
• Koordinasi warna yang baik
• tata letak ( lay-out ) yang bagus,
• dan yang paling penting, download yang cepat.
Memang kita tinggal di Indonesia yang infrastruktur komunikasinya sangat terbatas, sampai sampai ada daerah yang line-telp-nya tidak bisa mengangkat modem, sehingga kalau bisa sekecil mungkin semakin bagus.
Tapi untuk negara maju seperti Amerika, dimana DSL dan Cable modem bukanlah hal yang aneh lagi, net-lag bukanlah tidak ada. Jadi sebuah halaman web dengan kode yang bersih dan ukuran yang sangat optimize adalah masih mutlak.
Dasar dari design yang "pantas” , adalah dengan membuat tata-letak dengan warna, bentuk, dan typografi yang saling mendukung. Kombinasi dari ke 3 elemen tersebut bisa membentuk sebuah desain yang mewakili isi-nya, dan sesuai dengan target audience yang dituju.
Disadari atau tidak, seorang pengunjung akan merespon apa yang dia lihat (di tampilan monitornya) pada level psikologis. Seorang desainer-grafis yang baik, haruslah bisa membuat dan meletakkan elemen elemen untuk menggoda, menyenangkan dan memuaskan para pengunjung. Dan tujuannnya tidak akan berhenti saja pada si pengunjung, tapi seorang pengunjung yang senang, kemungkinan besar, akan merespon terhadap ada yang menjadi tujuan dari situs anda. Tujuan yang mungkin hanya untuk informasi, atau untuk hiburan, atau mungkin untuk menjual barang dan jasa.
Cara yang paling baik untuk menarik perhatian seorang pengunjung adalah dengan penggunaan warna sebagai medium penerangan untuk situs dan informasi maupun produk yang dimilikinya.
Bentuk, sesuatu hal yang sering dilupakan, adalah juga sebuah element design yang cukup kuat untuk membentuk sebuah citra, dan mengekspresikan sebuah informasi.
Typografi (seni pengunaan jenis huruf) pada saat ini memiliki implementasi terbatas dalam design web, tetapi adalah elemen yang sangat penting dalam komunikasi dengan para pengunjung.
Warna, Pemilihan Warna adalah satu hal yang sangat penting dalam menentukan respon dari pengunjung. Warna adalah hal yang pertama dilihat oleh seorang pengunjung (terutama warna background), dan Anda bisa membuat situs anda untuk menampilkan warna dulu sementara content yang lain (text dan image) masih dalam proses download. Cara ini akan membuat kesan atau mood untuk seluruh situs itu.
Untuk mencapai design warna yang efektif, bisa dimulai dengan memilih warna yang bisa merepresentasikan tujuan dari situs Anda. Pallet warna yang anda buat sebaiknya cocok dengan pribadi dan tujuan dari situs Anda. Jika misalnya situs Anda adalah untuk situs komunitas, maka sebaiknya Anda memilih warna warna hangat untuk membuat suasana lebih santai. Jika situs Anda adalah untuk situs Informasi, dimana content akan mendominasi, maka warna sebaiknya simple dan tidak mengganggu (misalnya jangan menggunakan background kembang2 dengan warna menyolok).
BentukBentuk juga bisa digunakan untuk menarik respon dari pengunjung. Penggunaan Bentuk yang efektif akan secara psikologi mengmotivasi pengunjung, menginspirasi pengunjung dan memberikan tantangan kepada pengunjung, kadang tanpa si pengunjung menyadari kenapa bisa termotivasi,dsb
Bentuk, biasanya bisa digabungkan untuk membuat kesan yang lebih kuat. Misalnya penggunaan sebuah Lingkaran dan sebuah SegiTiga, akan menghasilkan kesan energetik, dan dinamik. Atau penggunakan sebuah Lingkaran dan sebuah Persegi untuk kehangatan dan perasaan aman.
Kekuatan dari Bentuk dan kombinasi Bentuk telah ditujukan di berbagai bidang, seperti Automotif, Bangungan, Kemasan Produk, dan Logo Perusahaan
TypografiTypografi adalah sebuah seni. Dan adalah sebuah seni yang cukup rumit, apalagi kerumitannya ditambah dengan medium design web yang terbatas.
Huruf di Web dapat dibuat sebagai bagian dari grafik (image), atau dengan cara HTML, atau dengan Style Sheets.
Dengan cara HTML dan StyleSheet, kadang akan didapakan hasil yang kurang memuaskan atau kurang bagus karena TypeFace (Bentuk Huruf) yang kita gunakan, mungkin tidak akan tersedia di komputer si pengunjung. Jika komputer si pengunjung tidak mempunya Bentuk Huruf yang telah di-set oleh designer web, maka yang akan digunakan adalah tampilan menggunakan Bentuk Huruf alternatif atau Bentuk Huruf standard (default).
Designer dapat menentukan pilihan tentang huruf yang mereka buat secara Grafik (image), dan juga TypeFace umum yang dipakai pada isi text. Begitu banyak bentuk huruf, sampai susah untuk mengatakan berapa banyak bentuk huruf yang ada di dunia ini.
Sehingga agak susah untuk menentukan efek/pengaruh apa yang bisa ditimbulkan kepada pengunjung. Akan tetapi, huruf dibagi dalam beberapa kategori umum, dan biasanya kategori umum ini memiliki gaya tersendiri.
Biasanya, designer akan menggunakan beberapa macam style hurup dalam sebuah halaman. Judul dan Point Penting biasanya menggunakan jenis Decoratif dan Scrip, dan isi text hampir selalu harus menggunakan jenis Serif atau San-Serif (atau kadang menggunakan Monospace).
Untuk mempengaruhi pengunjung secara psikologi, bisa dengan penggunaan Jenis Huruf yang sesuai dengan tujuan yang hendak dicapai dengan penggunaan Warna dan Bentuk.
Smoga bermanfaat..
:good:
