Kamis, 25 Maret 2010

Element Pembuatan Web Design

Secara umum, proses pembuatan situs Web yang baik adalah dengan adanya kerja-sama yang saling mendukung antar 3 unsur. Yaitu designer, programmer dan marketer/administrator.

Designer adalah orang yang dapat menyampaikan image suatu usaha atau seseorang dalam bentuk grafis/gambar atau animasi. Grafis ini merupakan perwakilan nuansa dari pemilik situs Web secara keseluruhan. Jadi seorang designer harus dapat menterjemahkan apa yang diinginkan pemilik situs Web (dari wawancara atau tulisan) ke dalam bentuk visual.

Programmer adalah orang yang bertanggung-jawab dalam menjalankan program-program yang ada dalam web site, sebagai misal guestbook, counter, form aplikasi, reservation dan lain sebagainya. Susunan komposisi web yang telah dibuat oleh designer dijalankan dengan baik oleh programmer. Maka designer dan programmer dapat dianggap sebagai suatu kelompok/tim produksi.

Marketer dibutuhkan karena mengisi kekosongan yang tidak dapat dilakukan baik oleh designer maupun programmer. Sebab seorang designer, karena ia orang yang berlatar belakang seni, lebih dapat ber”bicara” dalam bentuk visual, sedangkan programmer sebagai orang yang berlatar belakang teknik lebih banyak dapat ber”bicara” dalam bahasa program yang sulit dimengerti.

source : http://irenkdesign.wordpress.com/2009/01/02/3-unsur-penting-pembuatan-situs-web/

Web Design Concept

Sebagai seorang pengembang web pemula, tidak perlu berkecil hati jika ingin menjadi seorang web profesional. Yang terpenting adalah adanya Kemauan untuk belajar dan belajar lagi agar wawasan tentang pengembangan web terus bertambah. Ada beberapa hal yang perlu diketahui oleh para pengembang web pemula ketika pertama kali ingin membangun sebuah web agar web yang dibuat nampak profesional perlu memahami beberapa konsep dasar dalam mengolah web. Berikut ini adalah beberapa aspek yang perlu diperhatikan dalam membuat website :

Dapat Digunakan(Usability)

Usabilitas merupakan sangat penting dalam perancangan web design, memang sangat baik jika memiliki sebuah website dinamis yang nampak profesional dan bagus, namun jika perlu waktu yang sangat lama untuk mendownload sebuah artikel atau penggunaan navigasinya sangat rumit maka tidak heran jika pengguna akan hengkang dari website anda. Perlu diketahui, umumya pengguna (user) ingin mendapatkan informasi secara cepat meskipun tampilan website-nya biasa aja.

Navigasi(Navigation)

Navigasi merupakan salah satu hal yang terpenting dalam pembuatan web design berfungsi untuk membantu pengguna (user) dalam menelajah website kita dan mencari informasi yang diinginkan secara mudah. Navigasi yang bagus mencerminkan setruktur website yang sangat baik. Contohnya :
1. Navigasi Panel
2. Tombol Home
3. Link
4. Judul Html
5. Peta Situs
6. Search

Konsep Penulisan(Writing Concept)

Teknik penulisan dalam web berbeda dengan penulisan untuk publikasi (cetak). Waktu merupakan hal sangat penting bagi mereka yang menggunakan internet, sehingga para pengguna internet tidak akan membuang waktunya hanya untuk membaca teks yang sangat banyak sekali.

Kesederhanaan(Simplicity)

Kesederhanaan merupakan hal terpenting dalam membuat sebuah web profsional. Sederhana disini bukan dalam arti tampilan sebuah situs,namun menggarah ke teknik penulisanya.

Mudah Diakses(Accessibility)

Suata hal yang mudah diakses kesemua orang dengan mengabaikan browser, platform, sistem operasi, tersambung atau putus merupakan hal yang sangat diutamakan untuk mempertimbangkan ketika merancang sebuah web. Anda tidak perlu menghalangi seorang pengguna web keluar, siapa saja bisa menjadi potensi menjasdi pengunjung . Setelah sebuah website mudah di akses.

Kebutaan Warna(Color Blindness)

Sekitar dari beberapa menit jika color dalam layout mencolok akan mengakibatkan mata pengunjung akan menjadi sakit dan web kita akan cepat ditutup, hal ini juga harus di jaga agar para pengguna internet mengunjungi web kita dengan aman dan nyaman.

Grafik(Grphic)

Unsur grafik sangat diperlukan dalam sebuah website. karena memiliki beberapa fungsi. Tambahkan grafik seperlunya karena menambah waktu ketika penguna mendownload artikel yang diinginkan.

Teknologi Baru(New Teknologi)

Perkembangan internet yang begitu pesat membuat beberapa developer menambahkan teknologi baru dapat menampilakn aplikasi yang dibutuhkan. Sebagai seorang web developer, tentu saja harus selalu mengikuti perkembangan di dunia maya agar ketika merancang web tidak timbul masalah alibat dari pengguanaan teknologi uang sudah kadaluarsa.

Sumber : Membangun Website dengan adobe photoshop dan Macromedia Dreamweaver,Slamet Riyanto.

Principles From Web Design In Layout

Ketika Anda mulai memikirkan merancang sebuah website, anda perlu memikirkan bagaimana pemilihan warna yang tepat sehingga akan memberikan penilaian tersendiri kepada pengunjung tentang website yang anda buat dan bagaimana rancangan tata letak(design layout) dapat membantu "mendesain secara kerja sama" dalam sebuah tim.

Disain yang bagus hampir tidak kelihatan, namun jika disainya jelek maka akan memberikan dampak yang luar biasa, jika disain website anda dirancang bagus dan tata letak informasi juga membantu para pengunjung mudah menggunakan website tersebut, pasti akan kembali menjaelajahi web site anda. Namun jika anda tidak berfikir bagaimana mendisain dan memilih warna yang baik maka akan memberikan dampak kepada pengguna/pengunjung tersebut. Jika hal ini terjadi, jangan mengharap pengguna /penggunjung akan kembali lagi mengunjungi situs anda.

Dalam merancang web design, ada 4 prinsip yaitu;

Kontras

Maksud prinsip kontras adalah menghindari elemen desain dalam halaman yg tampak serupa. Apabila elemen (jenis tulisan, warna, ukuran, tebal tulisan, spasi, etc) tidak diingkan serupa maka buat elemen desain tsb saling membedakan. Kadang, dalam sebuah halaman, kontras menjadi visualisasi yg paling menarik perhatian. Kontras adalah penyebab awal pembaca membaca halaman tsb.

Repetisi


Elemen visual yg berulang dalam sebuah desain. Kamu dapat mengulang ulang warna, bentuk, teksture, ketebalan garis, jenis tulisan, ukuran, konsep grapis, etc. Pengulangan elemen visual ini mengembangkan komposisi dan memperkuat desain dalam kesatuan komposisi.

Alignment

Jangan meletakkan elemen desain apapun tanpa sebab. Setiap elemen visual harus memiliki hubungan dengan elemen visual lain yg berada dalam halaman. Penggunaan alignmen yg tepat akan melahirkan efek tampilan bersih, berkelas, dan segar.

Kedekatan


Setiap elemen desain yg saling berhubung seharusnya dikelompokkan bersama sama. Saat elemen desain saling berdekatan, mereka lebih terlihat sebagai satu unit visual daripada unit visual terpisah. Penggunaan promity yg tepat akan mengorganisasikan informasi, mengurangi kekacauan, dan memberikan pembaca struktur tampilan yg jelas.

Sumber : Menbangun Website dengan Adope Photoshop dan Macromedia Dreamweaver

Primbon Jodoh