Jumat, 10 Desember 2010
A. Pengertian Desain
Desain biasa diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya. Dalam sebuah kalimat, kata "desain" bisa digunakan baik sebagai kata benda maupun kata kerja. Sebagai kata kerja, "desain" memiliki arti "proses untuk membuat dan menciptakan obyek baru". Sebagai kata benda, "desain" digunakan untuk menyebut hasil akhir dari sebuah proses kreatif, baik itu berwujud sebuah rencana, proposal, atau berbentuk obyek nyata.
Proses desain pada umumnya memperhitungkan aspek fungsi, estetik dan berbagai macam aspek lainnya, yang biasanya datanya didapatkan dari riset, pemikiran, brainstorming, maupun dari desain yang sudah ada sebelumnya. Akhir-akhir ini, proses (secara umum) juga dianggap sebagai produk dari desain, sehingga muncul istilah "perancangan proses". Salah satu contoh dari perancangan proses adalah perancangan proses dalam industri kimia
B. Prinsip dasar desain
Prinsip-prinsip desain membantu menentukan bagaimana menggunakan elemen desain. Ada empat prinsip desain: keseimbangan, penekanan, irama, dan kesatuan. Prinsip-prinsip desain membantu kita untuk menggabungkan berbagai elemen desain ke dalam tata letak yang baik.
1. Keseimbangan
Setiap elemen pada susunan visual berat yang telah ditentukan oleh ukurannya, kegelapan atau keringanan, dan ketebalan dari baris. Ada dua pendekatan dasar untuk menyeimbangkan. Yang pertama adalah keseimbangan simetris yang merupakan susunan dari elemen agar merata ke kiri dan ke kanan dari pusat. Yang kedua adalah keseimbangan asimetris yang merupakan pengaturan yang berbeda dengan berat benda yang sama di setiap sisi halaman. Warna, nilai, ukuran, bentuk, dan tekstur dapat digunakan sebagai unsur balancing.
Simetris bisa menjadi kekuatan dan stabilitas publikasi, presentasi, dan situs web. Asimetris dapat menyiratkan kontras, berbagai gerakan, mengejutkan dll. Hal ini cocok untuk modern dan publikasi hiburan, presentasi, dan situs web.
Untuk menciptakan keseimbangan:
1. Ulangi bentuk tertentu secara berkala, baik secara vertikal maupun horizontal.
2. Pusat elemen pada halaman.
3. Menempatkan beberapa visuals kecil di satu daerah untuk menyeimbangkan satu blok besar gambar atau teks.
4. Gunakan satu atau dua bentuk aneh dan membuat bentuk biasa.
5. Keringanan teks potong-berat dengan terang, berwarna-warni visual.
6. Meninggalkan banyak spasi besar sekitar blok teks atau foto gelap.
7. Offset besar, gelap foto atau ilustrasi dengan beberapa lembar teks kecil, masing-masing dikelilingi oleh banyak spasi.
2. Irama
Rhythm / Irama adalah pola berulang yang dibuat oleh unsur-unsur yang berbeda-beda. Pengulangan (mengulangi unsur serupa dalam cara yang konsisten) dan variasi (perubahan dalam bentuk, ukuran, posisi atau elemen) adalah kunci untuk visual ritme. Menempatkan elemen dalam sebuah layout secara berkala membuat halus, dan bahkan ritme yang tenang, santai moods. Sudden perubahan pada ukuran dan jarak antara unsur membuat cepat, ritme hidup dan suasana hati yang menyenangkan.
Untuk membuat rhythm:
1. Ulangi sejumlah elemen berbentuk mirip, bahkan dengan spasi putih di antara masing-masing, untuk menciptakan sebuah ritme biasa.
2. Ulangi rangkaian semakin besar elemen yang lebih besar dengan spasi putih di antara setiap ritme yang progresif.
3. Alternatif gelap, huruf tebal dan ringan, tipis jenis.
4. Alternatif gelap halaman (dengan banyak jenis grafik atau gelap) dengan cahaya halaman (dengan jenis lebih sedikit dan berwarna muda grafis).
5. Mengulang bentuk yang sama di berbagai bidang sebuah layout.
6. Ulangi elemen yang sama pada posisi yang sama pada setiap halaman yang dicetak penerbitan seperti newsletter.
3. Penekanan
Dalam penciptaan desain tidak seharusnya elemen yang ada menonjol semuanya, dalam artian sama kuatnya, sehingga terlihat ramai dan informasi atau apa yang akan disampaikan/dikomunikasikan akan menjadi tidak jelas. Tampilnya emphasis merupakan strategi komunikasi.
Untuk membuat penekanan:
1. Gunakan rangkaian merata spaced, persegi di samping foto yang digariskan foto dengan bentuk yang tidak biasa.
2. Letakkan bagian yang penting dari teks pada sudut melengkung atau sekaligus menjaga semua jenis yang lainnya di kolom lurus.
3. Gunakan huruf tebal, hitam untuk judul dan jenis subheads ringan teks dan banyak lainnya untuk semua teks.
4. Tempat yang besar di sebelah gambar kecil sedikit teks.
5. Reverse (gunakan jenis putih) yang utama dari sebuah kotak hitam atau berwarna.
6. Gunakan warna yang tidak biasa atau jenis font yang paling penting untuk informasi.
7. Letakkan daftar yang ingin Anda sorot di sidebar dalam kotak berbayang.
4. Kesatuan
Kesatuan membantu semua elemen seperti milik mereka bersama. Pembaca harus visual cues untuk memberitahu mereka tahu potong merupakan salah satu unit-teks, headline, foto, gambar, dan keterangan semua pergi bersama-sama.
Menyatukan elemen elemen oleh kelompok yang saling berdekatan sehingga mereka terlihat seperti milik mereka bersama. Ulangi warna, bentuk, dan tekstur. Gunakan kotak (dengan struktur yang halaman) untuk membuat kerangka untuk margin, kolom, jarak, dan proporsi.
Untuk membuat persatuan:
1. Gunakan hanya satu atau dua typestyles dan berbeda ukuran atau berat untuk kontras seluruh publikasi, presentasi, atau situs web.
2. Konsisten dengan jenis font, ukuran, dan gaya untuk judul, subheads, keterangan, headers, footers, dll di seluruh publikasi, presentasi, atau situs web.
3. Menggunakan palet warna yang sama di seluruh.
4. Mengulang warna, bentuk, atau tekstur yang berbeda di seluruh wilayah.
5. Pilih visuals yang berbagi serupa warna, tema, atau bentuk.
6. Memperderetkan foto dan teks yang sama dengan grid baris.
Selain empat prinsip desain di atas, masih ada beberapa prinsip desain lainnya, seperti :
• Kontras (Contrast)
Maksud prinsip kontras adalah menghindari elemen desain dalam halaman yg tampak serupa. Apabila elemen (jenis tulisan, warna, ukuran, tebal tulisan, spasi, etc) tidak diingkan serupa maka buat elemen desain tsb saling membedakan. Kadang, dalam sebuah halaman, kontras menjadi visualisasi yg paling menarik perhatian. Kontras adalah penyebab awal pembaca membaca halaman tsb.
• Repetisi (Repetition)
Elemen visual yg berulang dalam sebuah desain. Kamu dapat mengulang ulang warna, bentuk, teksture, ketebalan garis, jenis tulisan, ukuran, konsep grapis, etc. Pengulangan elemen visual ini mengembangkan komposisi dan memperkuat desain dalam kesatuan komposisi.
• Alignment
Jangan meletakkan elemen desain apapun tanpa sebab. Setiap elemen visual harus memiliki hubungan dengan elemen visual lain yg berada dalam halaman. Penggunaan alignmen yg tepat akan melahirkan efek tampilan bersih, berkelas, dan segar.
• Kedekatan (Proximity)
Setiap elemen desain yg saling berhubung seharusnya dikelompokkan bersama sama. Saat elemen desain saling berdekatan, mereka lebih terlihat sebagai satu unit visual daripada unit visual terpisah. Penggunaan promity yg tepat akan mengorganisasikan informasi, mengurangi kekacauan, dan memberikan pembaca struktur tampilan yg jelas.
- Keselarasan
• Kebandingan
Kesebandingan (proporsi) merupakan hubungan perbandingan antara bagian dengan bagian lain atau bagian dengan elemen keseluruhan.
• Bahasa natural
Maksud bahasa natural disini yaitu, bahasa yang digunakan untuk membuat suatu desain, menggunakan bahasa sehari-hari yang mudah dimengerti. Selain itu, hindari slogan-slogan dan bahasa-bahasa mesin yang sulit dimengerti.
• Konsisten
Maksudnya dari konsisten disini yatu, kata-kata yang ada didalam suatu desain tidak berubah-ubah, sehingga mudah diprediksi oleh user. Informasi disusun dalam formulir-formulir, nama-nama dan susunan menu, ukuran dan bentuk dari ikon, dll, semuanya harus konsisten diseluruh sistem
a. Konsisten mengijinkan banyak aksi menjadi otomatis
b. Jika ada aplikasi baru hadir dengan fungsi yang berbeda akan menyebabkan user harus mempelajari kembali operasi-operasi yang dilakukan
c. Mis: konsistensi di dalam menu bar untuk File, Edit dan Format
• Adanya menu help dan dokumentasi
Menu help dan dokumentasi ini, didesain untuk mempermudah user, pada saat menggunkan suatu web, aplikasi, dan lain-lain. Contoh menu help :
Pada gambar diatas, contoh desain menu help yang terdapat pada adobe reader9. Menu help di aplikasi ini, berguna untuk membantu user mencari informasi tentang adobe reader9.
Sedangkan dokumentasi, hampir sama sepeti history atau recent item. Contoh:
