desain website

Prinsip / pegangan utama sebuah desain adalah kualitas atau karakteristik
bawaan dalam berbagai bentuk seni, seperti keseimbangan, keserasihan, kontras,
konsistensi, variasi, ruang kosong dan gerak. Dengan prinsip – prinsip desain
diharapkan dapat menghasilkan desain yang baik dan efektif, yang kemudian
menghasilkan desain yang mudah dibaca dan cepat dimengerti. Pembahasan
prinsip desain diantaranya adalah :

1.Keseimbangan

Keseimbangan adalah hasil susunan satu atau lebih elemen dari
desain yang sama antara yang satu dengan lainnya. Ada dua jenis
keseimbangan, yaitu :

a. Keseimbangan Simetris (Formal)
Keseimbangan simetris mempunyai elemen yang sama
bobotnya pada dua sisi dari garis vertikal imajiner pada halaman web.
Tata letak simetris ini menghasilkan desain yang statis dan berkesan
formal, sederhana dan mudah dalam pembuatanya, tapi membosankan
dan kurang menarik.
b. Keseimbangan Asimetris (Informal)
Keseimbangan simetris mempunyai elemen yang tidak sama
bobotnya pada dua sisi dari garis vertikal imajiner pada halaman web.
Tata letak desainya menjadi lebih dinamis untuk memakai ruang yang
masih kosong.

2.Kontras

Kontras mudah dipahami yaitu dengan melihat dari dua objek
yang berlainan, sehingga membuat kesan tampilan desain yang menonjoldan menarik perhatian.Pemberian kontras pada suatu objek haruslah kontras positif, karena jika kontras yang diberikan negatif, objek tersebut menjadi samar–samar atau tidak terlihat, terserap oleh background

3.Konsistensi

Konsistensi dapat membuat pengunjung merasa nyaman, karena
mejelajah situs lebih mudah dan tidak membingungkan. Ketika
pengunjung membuka suatu halaman situs yang konsisten, dia langsung tahu ke mana harus pergi dan dia tahu berada di mana

Konsistensi dapat diterapkan pada margin, tata letak, huruf, warna dan terutama navigasi. Dalam pembuatan navigasi harus sama antara satu halaman dengan halaman lain. Dan dalam penggunaan huruf sebaiknya gunakan satu sampai tiga jenis saja. Sedangkan dalam penggunan warna, gunakan tiga sampai empat warna, itu sudah cukup. Penggunaan grafik
yang konsisten bisa menambah kecepatan penampilan halaman lainnya, karena ketika browser menampilkan grafik, browser akan menyimpan sementara (cache) informasi grfik tersebut pada harddisk. Konsistensi biasanya sangat efektif digunakan untuk membangun brand suatu perusahaan. Dan brand itu bukan hanya logo, tapi sekumpulan attribut, yaitu logo, slogan, warna dan kualitas emosional yang diasosiasikan dengan perusahaan dan produk layanannya, atribut –atribut tersebut memberikan identitas dan kepribadian individu, organisasi atau perusahaan.

4.Ruang Kosong

Ruang kosong biasanya disebut dengan ruang negatif, suatu istilah yang menggambarkan suatu ruang terbuka di antara elemen – elemen desain. Ini bisa di temukan di antara kata, paragraf, huruf dari teks, bisa juga diantara gambar dan elemen di halaman web. Ini membantu dalammengarahkan mata pembaca dari satu titik ke titik lainnya

B.


Dasar – Dasar Desain Web


1.Warna

Warna merupakan sensitivitas yang berhubungan dengan indra.
Warna dapat merebut perhatian, menarik, menolak, menggemaskan
bahkan warna bisa mempengaruhi emosi. Warna dapat menimbulkan
kesan pertama pada pengunjung ketika menjelajah sebuah situs web.
Warna modern biasanya terkesan bersih dan bercahaya, seperti biru dan
kuning. Warna bersahabat biasanya terkesan ceria dan menyenangkan,
seperti orange, kuning, hijau. Warna perusahaan biasanya bersih, seperti
biru, putih dan abu – abu. Warna anak – anak biasanya terkesan ceria dan
menonjol, seperti merah, kuning dan biru (warna primer).

a. Aspek Psikologi Warna
Warna mempunyai emosi yang melekat, yang bisa ditimbulkan
dengan memperlihatkan keserasian warna dengan cara yang benar.
Berikut ini yang makna terkandung di dalam warna :

WARNA MAKNA POSITIF MAKNA NEGATIF
Merah Kekuatan, energi, tenaga,
hasrat , cinta. Dengan sedikit
memberikan warna merah bisa
menimbulkan gairah,
membangkitkan semangat,
mendorong keinginan.
Bahaya, perang, kekejaman,
kekerasan, api, darah. Terlalu
banyak warna merah bisa
disangka terlalu agresif.
Merah Muda Kewanitaan (feminim),
keremajaan (masa muda).
Naif, kelemahan,
kekurangan.
Orange Kehangatan, bersemangat,
ceria, keseimbangan, musim
gugur, menimbulkan getaran.
Meminta dan mencari
perhatian
Kuning Sinar matahari, emas,
kekayaan, keberuntungan,
kehidupan.
Tidak jujur, pengecut,
cemburu, iri hati,
penghianatan, penipuan,
kebohongan, resiko, sakit
Hijau Alam, lingkungan, hidup,
pertumbuhan, stabil, santai
kesuburan, harapan.
Kecemburuan, nasib buruk,
iri hati, dengki.
Biru Kepercayaan, kesetiaan,
ketenangan, kedamaian,
ketulusan, kesejukan, air, awan,
harmoni, kebersihan,
konservatif, percaya diri,
penyembuhan. Merupakan
warna yang aman dipakai untuk
Kesedihan, kedinginan,
depresi, penurunan vitalitas.
  desain.  
Ungu Kebangsawanan, perubahan,
spiritual.
Kesombongan, keangkuhan,
kejam, kasar, duka cita.
Coklat Tanah, bumi, netral, hangat,
keamanan, perlindungan.
Tumpul, kotor,
membosankan.
Abu – abu Modern, cerdas, bersih, kokoh,
masa depan, intelektual.
Umur tua, kesedihan, bosan.
Putih Kesucian, kebersihan,
kemurnian, kesederhanaan,
damai, kebaikan, disiplin,
perawan, perkawinan, musim
dingin, musim salju.
Kematian ( budaya timur ),
dingin, mandul, steril, klinik,
hampa.
Hitam Kekuatan, keanggunan,
kemewahan, misteri,
kecanggihan, kemakmuran,
kepuasan, pengalaman, keras,
kokoh, sangat kuat.
Kematian ( budaya barat ),
takut, setan, kesedihan, duka
cita, marah, anonim,
penyesalan.

b. Warna dalam Desain web
Warna banyak berperan dalam pembuatan situs, beberapa
variasinya antra lain :

Warna untuk penekanan, penegasan, penyorotan pada suatu
topik tertentu dan dapat juga menuntun pengunjung untuk
menuju pada tema atau link yang penting.
Warna mengidentifikasi tema (biasanya judul dan subjudul
menggunakan warna yang sama).
Sebaiknya, warna dapat membedakan antara satu objek dengan objek lainnya. Misalnya, perbedaan warna pada grafik,baik grafik yang berbentuk balok atau bundaran

c. Jenis Warna
1). Warna Primer
Warna primer tidak bisa dibuat dengan mencampurkan warna
lain, warna ini berdiri sendiri. Warna primer terdiri atas merah,
kuning, dan biru.
2). Warna Sekunder
Warna sekunder dibuat dengan mengkombinasikan dua warna
primer. Warna sekunder terdiri atas orange, hijau dan ungu.
3). Warna Tersier
Warna Tersier dibuat dengan mengkombinasikan warna
primer dengan perbatasan warna sekunder. Warna tersier terdiri
atas kuning-hijau, kuning-orange, merah-orange, merah-ungu,
biru-ungu, dan biru-hijau.

untuk tutorial selengkapnya dari desian website silakan unduh download linknya disini:

klik disini

 

 

Posted on December 27, 2010, in Dunia Web dan Internet. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: