TUGAS IMK

Desain Grafis Web: Seputar-Indonesia.com Dosen: Dewi Agushinta Rahayu Oleh : Apryan Muchammad S (10110975) Afdhal Rizqi Lukman Hidayat (10110244) (14110080)

Depok,Oktober 2012

METAPHOR
Metaphor (Metafora) 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.

. 1. Methapor

Dalam website koran sindo, layanan iklan sangatlah dibutuhkan karena disitulah pihak media bisa mendapatkan penghasilan. Iklan ini sangat mudah dijumpai di setiap website di setiap bingkai berita. Desainnya pun beragam hal ini bertujuan agar para pembeli tertarik dengan apa yang dipasarkan. Layaknya kita berbelanja di dunia nyata, berbelanja di dunia Online pun sudah marak dan berbagai macam bentuknya. Dan bentuk iklan itu berganti-ganti agar bisa semua iklan terlihat seperti halnya iklan di Tv.

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.

2. Clarity

Desain yang ada di website koran sindo ini dirancang agar para pembaca online seperti membaca koran dengan ditambah tampilan yang menarik serta gambar-gambar yang beragam. Peletakan tomboltombolnya pun dibuat agar para pembaca merasa terbiasa dan mudah dalam membaca website ini. Dan agar para pembaca dapat membaca dengan jelas, penggunaan background warna putih dipakainya

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.

3. Consistensy

Hal ini sangat dibutuhkan sekali, agar para pembaca tidak lupa bagian mana saja yang sering mereka baca. Karena ketetapan suatu tampilan berpengaruh dengan niat si pembaca. Baik gambar, teks dll yang akan selalu berkaitan dan harus bisa menjalin kerjasama agar tercipta suatu bacaan yang bagus.

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.

4. Alignment
Disebelah kolom kanan atau Frame kanan Webmaster website Seputar Indonesia menggunakan rata kiri dan justify. Disebelah kolom kiri atau Frame kiri menggunakan rata kiri dan justify. Sedangkan di bagian isi dari website menggunakan jenis pengaturan Alignment Justify untuk isinya sehingga penampilannya jauh lebih rapih dan menarik untuk dibaca, dengan jenis Alignment left untuk bagian judul dari isi tersebut.

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

5. Proximity
Didalam berita jika ada berita penting namun terusan berita ini berbeda halaman tentu sangat membuat pembaca jengkel dibuatnya, hal ini yang menjadi landasan suatu web seperti seputar indonesia ini membuat kaitan antar berita satu dengan yang lain bisa dihubungkan secara mudah dan pembaca pun senang membacanya.

Contrast
Contrast (Keserasian Tampilan) adalah sebuah 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.

6. Contrast

Kejerinihan suatu gambar dan warna-warna yang menarik menjadi suatu daya tarik pembaca agar lebih senang dan betah membaca di web Seputar_indonesia.com dan warna-warna ini pun untuk memperkuat fokus pembaca bacaan mana yang ingin pembuat berita ini mejadikan topik utama. Agar pembaca tau berita mana saja yang sedang menjadi topik hangat yang di angkat web berita ini.