UNIVERSITAS MUHAMADYAH JAKARTA KAIDAH IMK TEKNIK INFORMATIKA IV

Ukuran: px

Mulai penontonan dengan halaman:

Download "UNIVERSITAS MUHAMADYAH JAKARTA KAIDAH IMK TEKNIK INFORMATIKA IV"

Farida Santoso
7 tahun lalu
Tontonan:

1 UNIVERSITAS MUHAMADYAH JAKARTA TEKNIK INFORMATIKA IV KAIDAH IMK ANALISA TERHADAP TAMPILAN LAYOUT SEBUAH SITE Disusun oleh Andy Mardianto ( ) Iwan Maulana ( ) Johan ( ) Moh. Cecep Sumarna ( ) Disini kami akan menganalisa kaidah IMK dalam sebuah situs yang terkenal dalam penyediaan informasi ter update Bagaimana peran tampilan layout sebuah site berpengaruh sebagai daya tarik bagi para pengunjungnya. Halaman Utama Page 1 of 10

2 Page 2 of 10

3 1. Penggunaan Warna Warna dominan dalam situs ini adalah warna putih, komposisi baner dan paduan warna cukup sedap dipandang, tidak telalu sesak. Warna merah menjadi penunjuk Tag dan informasi ter update yang disajikan dalam situs ini, secara keseluruhan paduan warna antara warna dominan dan warna paduannya cukup baik sehingga pengunjung senang dengan tampilan situs ini. Untuk pengunjung yang lebih menyukai warna meriah dan rame mungkin penyajiaan dan paduannya agak kurang berani. 2. Layout Terdiri dari 3 kolom dihalaman atas, dimana ada 2 kolom untuk penyajian informasi ter udpate dan satu kolom disediakan untuk kepentingan bisnis (iklan). Pada 2 kolom untuk penyajian informasi ada perbedaan besar kolom dimana kegunaannya untuk memberitahu pengunjung tentang informasi yang paling menarik (ter update) yang disertakan dengan foto. Pada kolom satunya terdapat informasi lainnya yang disajikan rapi. Jika dipandang secara keseluruhan penyajiannya tidak terlalu sesak dan terlihat pas antara masing masing peletakan kolom kolomya. 3. Komposisi Dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan. Kemudian terdapat baris tag untuk penyajian informasi berdasarkan klasifikasinya. Dibagian isi, kolom paling atas berisi berita berita hotnews. Dimana penyusunannya dibuat teratur dari informasi terupdate sampai informasi yang telah lalu pada kkolom bagian bawah. Perbedaan besar huruf judul dan penyertaan foto menjadi penanda untuk informasi yang paling update. Penyusunan seperti ini mempermudah pengunjung situs untuk pencarian informasi yang dibutuhkan. Page 3 of 10

4 4. Size Pengaturan Size banner, gambar, iklan ukuran font dilakukan denga baik sehingga tampilan layout secara keseluruhan terlihat apik sesuai dengan letak dan kegunaannya. Halaman Autos Page 4 of 10

5 1. Penggunaan Warna Putih masih menjadi warna dominan dalam situs ini, komposisi baner dan paduan warna cukup sedap dipandang (warna putih dipadukan dengan warna ungu dan biru), secara keseluruhan paduan warna antara warna dominan dan warna paduannya cukup baik dan lembut dipandang. 2. Layout Masih seperti layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas, dimana ada 2 kolom untuk penyajian informasi ter udpate dan satu kolom disediakan untuk kepentingan bisnis (iklan). Pada 2 kolom untuk penyajian informasi ada perbedaan besar kolom dimana kegunaannya untuk memberitahu pengunjung tentang informasi yang paling menarik (ter update) yang disertakan dengan foto. Pada kolom satunya terdapat informasi lainnya yang disajikan rapi. Jika dipandang secara keseluruhan penyajiannya tidak terlalu sesak dan terlihat pas antara masing masing peletakan kolom kolomya. Page 5 of 10

6 3. Komposisi Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan. Dimana penyusunannya dibuat diatur dari informasi terupdate sampai informasi yang telah lalu pada kolom bagian bawah. Perbedaan besar huruf judul dan penyertaan foto menjadi penanda untuk informasi yang paling update. Penyusunan seperti ini mempermudah pengunjung situs untuk pencarian informasi yang dibutuhkan. Ada perbedaan jumlah kolom bagian bawah dimana pada kolom tersebut informasi yang disajikan adalah campuran dari klasifikasi yang ada pada situs ini. 4. Size Pengaturan Size banner, gambar, iklan ukuran font dilakukan denga baik sehingga tampilan layout secara keseluruhan terlihat apik sesuai dengan letak dan kegunaannya. Halaman Artis selebritis Page 6 of 10

7 1 Penggunaan Warna Untuk menghindarkan dari efek monoton, warna dominan tidak lagi menggunkan warna putih, tapi warna gelap yaitu abu abu tua sampai hitam. Yang membuat laman ini menarik adalah paduan warna gelap dengan warna terang dalam banner dan warna font nya, secara keseluruhan paduan warna antara warna dominan dan warna paduannya terlihat cantik. Karena paduan warna kuning dan warna ungu pada fontnya membentuk kesan cantik sesuai tema informasi yang disajikan pada halaman ini. 2 Layout Masih seperti layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas, Tapi penggunaan 2 kolom untuk penyajian informasi berubah menjadi satu kolom, satu 2 kolom lagi digunakan untuk assessories untuk mempercantik dan bisnis (iklan). Jika dipandang secara keseluruhan penyajiannya agak sesak. 3 Komposisi Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan. Penyusunan kolom berita dan kolom assessorisnya terlihat agak tidak terlalu rapi mungkin ingin leih menonjolkan kesan kesan anak muda dan tidak ingin terlalu formal. Tapi telalu banyaknya banner dan foto membuat halaman ini agak ramai dan sesak. Dan fokus mata terganggu oleh bannernya tersebut. 4 Size Pengaturan Size banner, gambar, iklan ukuran font dibuat mengikuti tema halamannya, jadi paduannya sedikit berkesan cantik tapi rapi. Page 7 of 10

8 Halaman Bola 1. Penggunaan Warna Kembali seperti halaman utamanya, halaman bola ini kembali menggunakan warna putih sebagai warna dominan, paduannya dengan warna font dan banner masih membentuk kesan formal dan lembut untuk dipandang. 2. Layout Masih seperti layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas, pengaturan lebar kolom dibuat proporsional sehinga tidak terlihat sesak atau penuh. Page 8 of 10

9 3. Komposisi Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan. Pengaturan peletakan informasi yang terbaru dengan sebelumnya terlihat rapi, mudah untuk bisa menyusuri informasi berdasarkan urutannya. 4. Size Pengaturan Size banner, gambar, iklan ukuran font terlihat teratur, sehingga bisa memuat informasi yang banyak dan dicari oleh para pengunjungnya. Halaman Techno Page 9 of 10

10 1. Penggunaan Warna samai seperti halaman utamanya, halaman techno ini menggunakan warna putih sebagai warna dominan, paduannya (putih dan biru kehijauuan) dengan warna font dan banner sedikit membentuk kesan formal dan future tapi tetap lembut untuk dipandang. 2. Layout Masih seperti layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas, pengaturan lebar kolom dibuat proporsional sehinga tidak terlihat sesak atau penuh. 3. Komposisi Mempunyai komposisi sama dengan halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan.pengaturan peletakan informasi yang terbaru dengan sebelumnya terlihat rapi, mudah untuk bisa menyusuri informasi berdasarkan urutannya. 4. Size Pengaturan Size banner, gambar, iklan ukuran font terlihat teratur, sehingga bisa memuat informasi yang banyak dan dicari oleh para pengunjungnya. Page 10 of 10

dokumen-dokumen yang mirip

BAB V IMPLEMENTASI KARYA

5.1 Hasil Karya BAB V IMPLEMENTASI KARYA Selama proses kerja praktek dengan kurun waktu satu bulan, memperoleh hasil sebagai berikut: 1. Desain Iklan Rumah Sakit PHC Surabaya Gambar 5.1 : Desain Iklan