Desain Web:Pertemuan 1

Konsep Keseimbangan

• Merupakan hasil susunan satu atau lebih elemen
• Dari desain yang sama antara yang satu dengan lainnya

Ada dua jenis keseimbangan, yaitu :

• Keseimbangan Simetris (Formal)
• Keseimbangan Asimetris (Non Formal)

Keseimbangan Simetris (Formal)

Keseimbangan yang meiliki elemen – elemen dengan bobot yang sama pada dua sisi dari garis vertikal imajiner pada halaman, hal ini memberikan kesan kestabilan dan ketetapan

Keseimbangan simetris menghasilkan design yang formal. Cocok diterapkan pada aplikasi perkantoran, iklan yang menekankan pada mutu dan kualitas

Keseimbangan Asimetris (Nonformal)

• Kebanyakan dijumpai pada ketidaksamaan dalam posisi dan intensitasnya
• Untuk membuat sesuatu seimbang dalam konsep asimetris yaitu dengan menambahkan intensitas untuk mengimbangi perubahan posisi
• Penambahan intensitas dapat dilakukan dengan mengubah ukuran, warna, dan objek terdapat kesulitan dalam penggunaannya, karena seorang desainer harus merancang tata letak dengan sangat hati – hati untuk memastikan bahwa desainnya benar – benar terlihat seimbang

Kelebihan dan Manfaat Website

• Memiliki alamat secara online
• Jangkauan tanpa batas
• Dapat berfungsi sebagai identitas pribadi/perusahaan menjadi “image branding” terhadap orang yang bersangkutan.
• Menjadi cermin pribadi maupun citra perusahaan apabila fitur yang disediakan cukup interaktif dan dinamis.

Ada yang perlu diperhatikan dalam merancang web

• Melakukan survei dengan mesin pencari (search engine) tentang contoh situs yang sudah ada dan situs pesaing bisnis yang sudah muncul.
• Dari hasil survei tersebut, tulislah catatan tentang isi situs yang akan dibuat.
• Buatlah sketsa tata letak halaman
• Susunlah kata kunci (keyword) yang digunakan sebagai acuan pencarian.
• Periksa kembali data-data dalam situs sebelum di-launching.

Kategori Web

• SITUS BISNIS DAN EKONOMI: Asosiasi & Organisasi, E-commerce dan Jasa, Finansial & Investasi, Bussines Center.
• SITUS BERITA DAN MEDIA : Buku, Majalah, Media Online, Portal Berita, Radio, Surat Kabar, Tabloid, Televisi.
• SITUS HIBURAN : Film, Games Permainan), Humor, Musik, Ringtones, Selebritis.
• SITUS PRIBADI : Galeri Foto, Blog / Weblog, Website Pribadi,Mahasiswa, Teman dan Keluarga, Tentang Remaja, Tips dan Trik.
• SITUS INFORMASI : Bisnis dan Ekonomi, Informasi Kerja, Informasi Kota, Gaya Hidup, Jual Beli, Sains dan Teknologi.
• SITUS KOMPUTER DAN INTERNET : Database, Desain Grafis, Hacking, Internet dan Web, Jaringan, Multimedia, Pemrograman, Perangkat Keras, Perangkat Lunak, Tutorial.
• SITUS ORGANISASI :Bisnis, LSM, Politik, Profesional, Keagamaan, Sains dan Teknologi, Sosial.
• SITUS OLAH RAGA : Olah Raga Air, Baseball, Bela Diri, Basket, Bola Voli, Bowling, Bulu Tangkis, Catur, Golf, Otomotif, Sepak Bola, Skateboard, Tenis, Tinju.
• SITUS KESEHATAN: Asosiasi, Fitness dan Spa, Medis, Pengobatan Alternatif, Rumah Sakit.
• SITUS PEMERINTAH : Lembaga emerintah, Hukum, Kedutaan Asing, Kedutaan Indonesia, Politik, Kementerian, Militer, Organisasi, Perwakilan Kota.
• SITUS PENDIDIKAN : Anak-anak, Asosiasi Mahasiswa, Dakwah, Edukasi, Bahasa, Komputer, Kursus dan Pelatihan, Perguruan Tinggi, Sekolah Menengah.
• SITUS REFERENSI : Ensiklopedi, Kamus, Perpustakaan, Sejarah, Museum, Peta.
• SITUS REGIONAL : Aceh, Bali, DKI Jakarta, Jawa, Kalimantan, Sulawesi, Sumatera.
• SITUS REKREASI : Candi, Danau, Gunung, Kolam Renang, Laut, Bioskop, Games.
• SITUS SAINS DAN TEKNOLOGI : Riset, Penelitian, Teknologi Terpadu, Teknologi Tepat Guna.
• SITUS SENI DAN KERAJINAN : Barang Antik, Kerajinan, Kultur dan Tradisi, Museum dan Galeri, Sastra, Seni Peran (Acting), Seni Visual, Seni Desain.
• SITUS SOSIAL DAN BUDAYA : Agama, Anak-anak, Hobi, Keluarga, Komunitas, Lingkungan

Dasar-dasar Pemilihan Warna

• Usia
• Kelas
• Jenis kelamin

Macam Warna

• Warna Sejuk (Biru, Hijau, Ungu, Perak)
• Warna Hangat (Merah, merah muda, kuning, orange, ungu, dan emas)
• Warna Netral (Coklat, coklat gading, kelabu, putih dan hitam)

Tipografi

Merupakan seni huruf, meliputi pemilihan huruf, penentuan ukuran yang tepat, di mana teks dapat diputus, spasi jarak dan bagaimana teks dapat dengan mudah dibaca

Huruf di web dapat dibuat sebagai bagian dari grafik (image) atau HTML atau dengan style sheet.

Desainer dapat menentukan pilihan huruf, tapi yang menggunakan HTML atau style sheet dianjurkan untuk menggunakan huruf yang ada (default)

Jenis huruf secara garis besar :

• Serif
  • Mempunyai stroke (ekor)
  • Berkesan formal, elegan/intelektual, anggun dan konserpatif pada desain
  • Cocok dipakai untuk teks yang panjang dengan jarak spasi yang sedikit
  • Cocok dipakai untuk organisasi, pemerintahan, pendidikan dan perusahaan

Huruf serif terbagi menjadi 4 jenis, yaitu :

• Style (Caslon, Garamond, Goudy, Palatino)
• Transitional (Baskerville, Century, Time New Roman)
• Modern (Bodoni)
• Egyptian (Clarenden, Lubalin, Memphis)

• Sans-serif

Jenis huruf yang tidak memiliki stroke (ekor), ujungnya dapat bentuk tumpul atau tajam.

Contoh:

• Arial
• Verdana
• Avant Garde