Konsep Dasar Desain WEB

Untuk membangun sebuah website, diperlukan suatu langkah-langkah persiapan yang secara umum dibagi dalam lima tahap, diantaranya ;

1.Merumuskan tujuan membuat website 
Berdasarkan isi maupun tujuan, suatu website biasanya dapat digolongkan menjadi seperti berikut ini :

•Website marketing, berfungsi sebagai media presentase dan pemasaran
•Website custumer service, berfungsi sebagai media untuk malayani konsumen
•Website e-Cammerce, berfungsi sebagai media transaksi on-line
•Website informasi/berita, berfungsi sebagai media informasi berita

a.Menentukan isi website 
Faktor yang paling penting dalam suatu website adalah isi dari website itu sendiri. Hal tersebut berkaitan dengan manfaat yang akan diperoleh pengunjung dari sebuah website.

b.Menentukan target pengunjung 
Meskipun suatu website mempunyai sifat terbuka dalam arti sebuah website bebas
dikunjungi oleh semua orang, namun alangkah baiknya apabila dalam pembuatan website perlu dilakukan gambaran target yang akan dituju oleh sebuah website. Alasan ini lebih didasarkan pada pengguna hardware dan aplilkasi browser yang berbeda dengan setiap pengunjung.

c.Menentukasn struktur website 
Struktur website diperlukan untuk memberikan kemudahan dalam mengelola suatu website. Tentunya struktur tersebut harus disesuaikan dengan isi dari website. Dengan memiliki struktur yang terorganisasi dengan baik, suatu website akan memberikan kemudahan dalam navigasi, editing dan pemeliharaan website tersebut.

2.Desain Website 
Faktoer keindahan desain tampilan dari suatu website merupakan salah satu factor yang paling dalam menentukan keberhasilan suatu website, selain factor kecepatan loading . Suatu situs yang baik memiliki kesamaan tema dalam halaman-halaman webnya . Hal ini penting dalam segi astetika maupun segi navigasi. Kesamaan desain yang biasanya dipertahankan antara lain kesamaan jenis font yang digunakan, warna tombol navigasi (menu).
Letak menu dan sebagainya. Karena itu sangatlah penting bagi seorang web designer untuk mengetahui aturan-aturan yang berlaku dalam un
Hal ini diperlukan agar desain darti website yang akan dibangun tidak terkesan sekedarnya. Adapun hal-hal yang penting untuk diketahui seorang wen designer adalah sebagai berikut ;

Prinsip-prinsip dasar desain Untuk membangun suatu website yang baik, seorang web designer sebaiknya memperhartikan prinsip-prinsip yang ada, terlepas ia mempunyai bakat seni atau tidak.

a. Unik 
   Yang dimaksud dengan unik dalam mendesain suatu web adalah kesadaran seorang designer untuk tidak meniru atau menggunakan karya orang lain.

b. Komposisi 
   Untuk memperindah tampilan halaman web, seorang web designer harus betul-betul memahami komposisi, baik bentuk maupun warna yang akan digunakan dalam website gtang dibuatnya.

c. Simpel 
   Banyak dari seorang wen designer yang memegang prinsip-prinsip “ Keep it Simple”.  Hal ini ditujukan agar tampilan website terlihat rapi, bersih dan informative.

d. Semiotik 
   Arti semiotic adalah ilmu yang mempelajari tanda-tanda. Dalam hal ini diharapkan
   pengunjung dapat dengan mudah dan cepat mengerti ketika melihat tanda dan gambar yang dalam wensite.

e. Ergonomis 
Ergonomic dalam mendesain website adalah kepunyaan yang akan didapat pengunjung dalam membaca dan kecepatan yang akan diperoleh pengunjung dalam mencari informasi. Hal yang perlu diperhatikan seorang pendesain website untuk mencapat prinsip ini adalah ;

- pemilihan ukuran fon yang tepat dan mudah dibaca
- menempatkan link sedemikian rupa sehingga mudah dan dapat diakses dan yang
  lebih penting lagi adalah suatu website terlihat lebih informative.


f. Fokus 
Focus adalah hirarki prioritas dari pesan yang akan disampaikan. Dengan adanya focus tersebut, diharapkan pengunjung dapat memahami dan menentukan pesan mana yang lebih dahulu dibaca atau dilihat.

g. Konsistensi 
Konsistensi adalah pemilihan bentuk atau style yang akan digunakan pada elemen-elemen perancangan wend an digunakan pada semua halaman website. Website yang konsisten akan memberikan identitas tersendiri dan mampu memperlihatkan visi serta misi dari website tersebut

3.Elemen-elemen desain 
Desain grafis khususnya dalam halaman-halaman web tersendiri dari beberapa elemen sebagai berikut (Asiesto Hadi Sutopo,2002);

a. Teks adalah bagian yang paling utama untuk menampilkan infromasi.

b. Grafik atau Image merupakan elemen yang dapat membantu menjelaskan    informasi. Dengan penggunaan Image orang lebih mudah memahami suatu pesan.

c. Animasi merupakan sarana bentuk, menampilkan informasi dengan baik,   disamping animasi merupakan daya tarik yang mudah diingat pengunjung.

d. Video dapat merupakan hasil suatu rekaman dengan kamera video maupun hasil
pengelolaan dengan computer.

e. Suara melengkapi desain web, memberikan efek khusus pada suatu tampilan animasi serta memberikan kenyamanan bagi pengunjung yang mendengarnya.

f. Interaktive Link dapat menggunakan button yang merupakan teks, symbol, grafik, maupun image, yang berfungsi untuk memudahkan pengunjung dalam menyelusuri suatu web.

4.Konsep desain 
Pada intinya konsep mendesain tampilan website sangat berkaitan dengan desain grafis, dan pada dasarnya mengikuti prinsip desain grafis secara umum. Oleh karena itu alangkah baiknya jika dalam memperhatikan prinsip desain.
Prinsip desain tersebut adalah ;

a.Komunikatif 
  Prinsip komunikatif berhubungan dengan corporate identy, isi pesan serta audiens.

b.Estetis 
  Fungsi estetis ini adalah memberikan suatu keindahan, sehingga lebih menarik minat pengunjung untuk lebih menggali informasi yang ditawarkan dari suatu website.

c.Ekonomis 
  Desain web harus memperhatikan factor ekonomis dalam arti ukuran file yang digunakan. Hal tersebut berkaitan erat dengan kecepatan akses yang ditawarkan suatu web. Untuk mendapatkan desain yang komunikatif, estetis dan ekonomis hendaknya seorang web designer perlu memperhatikan pedoman-pedoman yang ada untuk membuat tata letak suatu tampilan, yaitu dalam mengatur elemen-elemen layout. Pedoman yang dimaksud adalah ;

1)Kesatuan
  Elemen-elemen layout dari halaman harus ditempatkan sedemikian rupa sehingga merupakan kesatuan informasi pada suatu halaman atau beberapa halaman.

2)Balance
  Elemen-elemen layout dari halaman harus ditempatkan sedemikian rupa sehingga terdapat keseimbangan secara keseluruhan.

3)Kontras
  Diperlukan untuk menonjolkan bagian yang dianggap lebih penting dari bagian yang dianggap lebih penting dari bagian lainnya. Kontras dapat dinyatakan dengan membedakan ukuran serta warna dari elemen-elemen layout.

4)Kontinyuitas
  Informasi lebih dimengerti oleh pengguna bila mempunyai aliran-aliran yang baik, sedikit gangguan yang menghambatnya. Suatu aliran informasi dapat dikatakan kontiniyu dan harmonis bila tampilannya mencerminkan kesinambungan dari satu bagian ke bagian lain. Kontiniutas dapat dibuat dengan membuat halaman-halaman mempunyai gaya, bentuk atau warna yang memberikan pengguna merasakan kesinambungan dengan halaman lainnya.



5.Pembuatan Layout
Bermacam-macam langkah yang digunakan untuk membuat layout dari suatu website. Berikut ini merupakan proses secara umum banyak dilakukan dalam pembuatan layout sebagai berikut :

a.Membuat sketsa desain 
Seorang desainer bias saja menuangkan ide dalam pembuatan interface dengan terlebih dahulu membuat sketsa diatas kertas. Namun untuk kebanyakan orang, langkah ini biasanya dilewatkan dan langsung pada langkah pembuatan layout desain dengan menggunakan software.

b.Membuat layout desain 
Banyak software yang dapat digunakan membuat layout. Salah satu diantaranya adalah Macromedia, Microsoft Fronpage proses ini dikerjakan setelah pembuatan sketsa desain. Namun terkadang pembuatan layout merupakan proses yang pertama kalai dikerjakan.

c.Membagi gambar menjadi potongan-potongan kecil Proses ini diperlukan untuk meng-optimize waktu download 

d.Membuat animasi 
Animasi diperlukan untuk menghidupkan atau menjadikan website lebhi interaktif.

e.Membuat HTML 
Setelah merapikan layout desain lengkap dengan tombol, image, teks, script HTML, hal yang perlu dilakukan kemudian adalah membuat layout ke dalam format HTML

Sumber : Matakuliah Rancang Bangun WEB UBY

Share this post