Superwava's Blog

Prinsip Desain Grafis

Posted on: March 21, 2010

6 Prinsip Desain Grafis
Desain Grafis merupakan suatu porsi dari apa yang dilihat dan dirasakan pada tampilan suatu website. Desain grafis memiliki enam buah prinsip yang mendasar. Prinsip-prinsip tersebut adalah sebagai berikut :

1.Metaphor (Metafora)
Metaphor atau metafora adalah aplikasi dari nama atau deskripsi istilah objek lain yang tidak dapat diartikan secara harafiah. Menghubungkan presentasi dan elemen-elemen visual dengan item-item yang berkaitan. Metafora akan membuat para pengunjung seolah-olah berada di tempat yang sebenarnya, atau bisa dikatakan juga bahwa metafora dibuat mirip seperti tempat yang dikunjungi. Contohnya, website suatu toko online yang memiliki metafora, dimana pengunjung dibawa ke tempat seolah-olah mereka benar ada di toko online tersebut.
Comment:
Pada website World Wide Store ditemukan unsur metaphor. Banner produk- produk dibuat seperti lorong tempat perbelanjaan dengan latar space.hal ini membuat pengunjung merasa sedang berbelanja di pusat perbelanjaan

2.Clarity (Kejelasan)
Harus ada alasan yang kuat/masuk akal dan jelas mengapa menggunakan setiap elemen yang berada dalam suatu interface yang kita buat,contohnya dalam peletakan suatu button,pembuat harus memiliki alasan mengapa diletakkan di tempat tersebut. Penggunaan elemen yang lebih sedikit akan lebih baik.
Comment:

3.Consistency (Ketetapan)
Konsistensi dalam tampilan, pewarnaan, gambar, ikon, typography (model form yang digunakan pada suatu website), teks, dll. Harus ada konsistensi baik dalam layar maupun antar layar. Dan harus selalu ada metafora dimanapun juga. Setiap platform mungkin memiliki panduannya.
Comment:
Konsistensi dari web Santa Fean cukup menarik, dalam hal tampilan, pewarnaan,ikon, serta typography yang digunakan. Dalam hal tampilan dan pewarnaan, web ini menyesuaikan para pengunjung web yang tertarik dengan seni, dining dan real estate. Hal ini ditunjukkan dengan pemilihan warna merah dan banner-banner galeri seni, lokasi dining dan real estate

4. Alignment (Perataan)
Untuk perataan dapat digunakan rata kiri, kanan atau tengah. Pada umumnya suatu teks pada website dimulai dari kiri atas (left alignment), dimana left alignment akan mengijinkan mata untuk menguraikan tampilan dengan lebih mudah. Selain itu dengan menggunakan bantuan garis akan membantu dalam hal perataan. Sembunyikan garis horizontal dan vertical untuk membantu mengalokasikan komponen window/jendela. Garis juga membantu menghubungkan hal-hal yang berhubungan dan memudahkan perataannya.

5. Proximity
Item-item yang berkaitan ditampilkan bersama pasti memiliki hubungan karena jarak yang jauh mengimplikasikan bahwa tidak ada hubungan antara item-item tersebut.

6. Contrast (Keserasian Tampilan)
Keserasian tampilan akan membuat pengunjung web tertarik pada web tsb. Kontras juga dapat memandu mata pengunjung untuk melihat keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu interface. Kontras digunakan untuk membedakan aktifitas kendali. Juga dapat digunakan untuk men-set item yang paling utama. Item yang paling utama diberi highlight. Dengan mempergunakan geometri dapat membantu pengurutan. Kontras juga mendukung skimming secara cepat..
Comment:
Tampilan contrast pada web Delta Air Lines tidak membuat para pembaca jenuh, karena keserasian warna maupun tulisannya cukup menarik. keserasian tampilan pada web ini akan membuat para pengunjung tertarik dan tidak membuat mata lelah. Kontras yang digunakan juga memudahkan pengunjung yang datang untuk membeli tiket secara online

source:http://nilamahandika.blogspot.com/2009/10/analisa-web-binus-dg-6-prinsip-desain.html , http://worldwidestore.com/ , http://www.delta.com/ , http://santafean.com/

Advertisements

2 Responses to "Prinsip Desain Grafis"

thank ya , jd bisa ngerjai tugas

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: