Prinsip-prinsip
yang harus diperhatikan dalam pembuatan sebuah web adalah :
- Metaphor (Metafora)
- Clarity (Kejelasan)
- Consistency (Ketetapan)
- Alignment (Perataan)
- Proximity
- Contrast (Keserasian Tampilan)
Disini
saya akan menjelaskan prinsip-prinsip diatas dan memberikan pendapat tentang
blog saya (mystorywithmila.blogspot.com).
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
mystorywithmila.blogspot.com. Sepertinya di dalam blog ini tidak terdapat unsur
Metaphornya,sebab desain dalam blog tersebut sangat biasa saja,karena blog ini
hanya untuk meletakkan artikel - artikel saja.
2.Clarity (Kejelasan)
Clarity atau 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. Penggunaan warna ungu
membuat mata tidak lelah dengan aktifitas elemen yang ada pada satu website
tersebut dengan background yang cenderungkebanyakan berwarna putih. Sedangkan
untuk blog mystorywithmila.blogspot.com mungkin desainya biasa saja, karena
menggunakan Template yang sederhana dan pastinya yang gratisan pula. Saya hanya
meletakan atribut dari desain yang sederhana sehingga tidak membuat pembaca
blog tersebut merasa bingung dengan tampilannya saat masuk ke blog ini.
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. Tetapi untuk blog mystorywithmila.blogspot.com ini sudah
konsistensi dan penampilannya memenuhi kriteria yang baik dalam sebuah blog,
dari gambar – gambarnya, pewarnaannya dan ikon – ikon teks lainnya.
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.
Blog ini mystorywithmila.blogspot.com sudah memenuhi kriteria, dalam kriteria
Perataan. Karena tampilan untuk teks baru yang berada di blog tersebut sudah
menggunakan rata kiri,kanan ataupun tengah.
5. Proximity
Item-item yang berkaitan yang
ditampilkan bersama pasti memiliki hubungan karena jarak yang jauh
mengimplikasikan bahwa tidak ada hubungan antara item-item tersebut.
Didalam artikel mungkin biasanya ada
sebuah artikel yang penting dan lanjutan dari artikel tersebut berbeda halaman
tetapi di blog mystorywithmila.blogspot.com ini saya membuat kaitan antara
item/artikel satu dengan artikel lain. Sehingga pembaca tidak kesulitan saat
ingin membaca artikel tersebut.
6.Contrast (Keserasian Tampilan)
Keserasian tampilan yang 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. Sengaja saya mengambil warna-warna yang menarik dan
background yang menarik pula untuk blog mystorywithmila.blogspot.com, supaya
pembaca tidak bosan dengan tampilan blog yang itu-itu saja, sehingga mata
pembaca/pengunjung blog tertarik ingin dan ingin terus melihat keseluruhan dari
blog tersebut.
Sumber :
http://restatimur.blogspot.com/2014/01/makalah-imk-desain.html
Tidak ada komentar:
Posting Komentar