![\"\"](\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Konsep%20Dasar%20Dalam%20Design%20Web\/clip_image003.gif\")
Konsep Dasar Dalam Design Web sangat perlu untuk dipelajari. Mengingat tidak seorang designer pun yang tidak memiliki konsep saat membuat karya-karya designnya. Terlebih lagi untuk dalam bidang design web, yang pada dasarnya memiliki seluk beluk keilmuan yang cukup luas. Seperti tata letak, pewarnaan, dan efek yang ditimbulkan setelah design selesai. Berikut ini adalah artikel yang membahas konsep dasar dalam mendesign web.<\/p>\n
Kosep Dasar Dalam Design<\/span> Web<\/span><\/strong> A. Konsep Keseimbangan<\/p>\n Sebuah objek yang tidak seimbang, tentulah tidak enak dipandang, apalagi sampai menggunakannya setiap hari. Seolah \u2013 olah seperti ada yang ganjil dalam objek tersebut. Secara umum dapat didefinisikan, keseimbangan adalah hasil susunan satu atau lebih elemen dari design<\/em> yang sama antara yang satu dengan lainnya. Suatu objek dialam mempunyai keseimbangan yang terstruktur, misalkan bentuk simetri pada bunga dan garis pada kulit rumah siput. 1. Keseimbangan Simetris (Formal)<\/span><\/span><\/p>\n Keseimbangan yang meiliki elemen \u2013 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<\/em> yang formal. Cocok diterapkan pada aplikasi perkantoran, iklan yang menekankan pada mutu dan kualitas. Karena keseimbangan ini memberikan efek psikologis pada kepercayaan, kemudahan dalam membaca dan pengoperasiannya. <\/strong>Gambar: Keseimbangan simetris.<\/em><\/strong><\/p>\n 2. Keseimbangan Asimetris (Nonformal)<\/span><\/span><\/p>\n Jika sedang membandingkan diantara dua sisi design<\/em>, akan terlihat berbeda di setiap sisi, itulah asimetris. Keuntungannya adalah design<\/em>nya menjadi lebih dinamis untuk memakai ruang yang masih kosong. Kebanyakan dijumpai pada ketidaksamaan dalam posisi dan intensitanya. 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. Meskipun keseimbangan asimetris terlihat lebih bagus dan menarik, tapi biasanya terdapat kesulitan dalam penggunaannya, karena seorang designer<\/em> harus merancang taat letak dengan sangat hati \u2013 hati untuk memastikan bahwa design<\/em>nya benar \u2013 benar terlihat seimbang.<\/p>\n B. Konsep Pewarnaan<\/p>\n Warna pada tampilan sebuah halaman aplikasi, harus tetap menarik karena berhubungan dengan tema aplikasi, dan efek psikologis juga. Sedangakan jenis warna dapat dijelaskan sebagai berikut: 1. Metode Warna Beruntun<\/p>\n Terdiri atas tiga susunan warna yang letaknya saling bersebelahan dan biasanya ada satu warna yang menonjol (dominan). Metode ini menghasilkan warna lembut yang serasi, misalnya kuning, kuning \u2013 orange<\/em> dan kuning atau orange<\/em>, kuning \u2013 hijau dan hijau. 2. Metode Warna Berlawanan<\/p>\n Terdiri atas dua susunan warna yang letaknya saling bersebrangan contohnya biru dan orange<\/em>. Metode ini menghasilkan nuansa yang lebih hidup (kontas tinggi). 3. Metode Warna Segi Tiga<\/p>\n Sesuai dengan namanya, terdiri atas tiga warna yang letaknya ditentukan dengan bentuk segi tiga. Metode ini menghasilkan warna serasi, misalkan biru, merah, kuning.
\n<\/span><\/p>\n
\nAda dua jenis keseimbangan, yakni:<\/p>\n
\nBerikut gambaran bagaimana konsep dasar keseimbangan simetris<\/p>\n\n\n
\n ![\"Text](\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Konsep%20Dasar%20Dalam%20Design%20Web\/clip_image001.gif\")
<\/td>\n<\/tr>\n\n ISI DAN LAINNYA<\/strong>
\n(MENU UTAMA \/ TAMBAHAN, INFORMASI)<\/strong><\/td>\n<\/tr>\n\n ![\"Text](\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Konsep%20Dasar%20Dalam%20Design%20Web\/clip_image002.gif\")
<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\nBerikut list aspek psikologis warna:
\nTabel 2.1 Aspek psikologis warna.<\/em><\/strong><\/p>\n\n\n
\n WARNA<\/strong><\/td>\n MAKNA POSITIF<\/strong><\/td>\n MAKNA NEGATIF<\/strong><\/td>\n<\/tr>\n \n Merah<\/td>\n Kekuatan, energi, tenaga, hasrat, cinta, dengan sedikit sentuhan warna merah memberikan efek semangat<\/td>\n Bahaya, kekejaman, api darah, terlalu banyak warna merah berarti terlalu agresif<\/td>\n<\/tr>\n \n Merah Muda<\/td>\n Kewanitaan (feminim) dan masih remaja<\/td>\n Naif, kelemahan, kekurangan<\/td>\n<\/tr>\n \n Orange<\/em><\/td>\n Kehangatan, ceria, semangat, keseimbangan, menimbulkan getaran, saat ini merupakan warna yang paling sering dugunakan<\/td>\n Meminta dan mencari perhatian<\/td>\n<\/tr>\n \n Kuning<\/td>\n Sinar matahari, emas, kekayaan, keberuntungan, kehidupan<\/td>\n Tidak jujur, pengecut, cemburu, iri hati, penghianatan, penipuan, kebohongan, resiko, sakit.<\/td>\n<\/tr>\n \n Hijau<\/td>\n Alam, lingkungan hidup, pertumbuhan, stabil, santai, kesuburan, harapan<\/td>\n Kecemburuan, nasib buruk, iri hari dan dengki<\/td>\n<\/tr>\n \n Biru<\/td>\n Kepercayaan, kesetiaan, kedamaian, harmonis, kebersihan, percaya diri.<\/td>\n Kesedihan, kedinginan, depresi, penurunan vitalitas.<\/td>\n<\/tr>\n \n Ungu<\/td>\n Kebangsawanan, spiritual<\/td>\n Kesombongan, duka cita<\/td>\n<\/tr>\n \n Coklat<\/td>\n Tanah, bumi, netral<\/td>\n Tumpul, kotor, membosankan<\/td>\n<\/tr>\n \n Abu \u2013 abu<\/td>\n Modern, cerdas, bersih, kokoh, masa depan, intelektual<\/td>\n Umur tua, kesedihan, bosan<\/td>\n<\/tr>\n \n Putih<\/td>\n Kesucian, kebersihan, kemurnian, kesederhanaan, damai, kebaikan, disiplin, perawan, perkawinan, musim dingin, musim salju.<\/td>\n Kematian (budaya timur), dingin, mandul, steril, klinik, hampa<\/td>\n<\/tr>\n \n Hitam<\/td>\n Kekuatan, keanggunan, kemewahan, misteri, kecanggihan, kemakmuran, kepuasan, pengalaman, keras, kokoh, sangat kuat.<\/td>\n Kematian (budaya barat), takut, setan, kesedihan, duka cita, marah, anonim, penyesalan<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n1. Warna Primer
\nWarna ini berdiri sendiri, tidak bisa dicampurkan dengan warna lain. Terdiri atas merah, kuning dan biru.
\n2. Warna Sekunder
\nWarna ini dibuat dengan mengkombinasikan dua warna primer. Warna sekunder terdiri atas orange<\/em>, hijau dan ungu. Warna ini terletak diantara warna primer.
\n3. Warna Tersier
\nMerupakan jenis warna menengahwarna ini dibuat dengan mengkombinasikan warna primer dengan perbatasan warna sekunder. Terdiri atas kuning \u2013 hijau, kuning \u2013 orange<\/em>, merah \u2013 orange<\/em>, merah \u2013 ungu, biru \u2013 ungu dan biru \u2013 hijau. Warna ini terletak diantara warna primer dan sekunder yang digunakan.
\nKeserasian perancangan tampilan anatar muka aplikasi dapat didefinisikan sebagai bagin dari susunan yang menyenangkan, bisa berwujud musik, puisi atau warna. Juga bisa memanjakan mata bagi user yang menggunakan.
\nMetode pemilihan warna:<\/p>\n
\n
\n <\/strong>Gambar:<\/strong> Contoh penggunaan dari metode warna beruntun.<\/strong><\/p>\n
\n![\"\"](\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Konsep%20Dasar%20Dalam%20Design%20Web\/clip_image004.gif\")
\n <\/strong>Gambar:<\/strong> Contoh penggunaan dari metode warna berlawanan.<\/strong><\/p>\n
\n![\"\"](\"http:\/\/i175.photobucket.com\/albums\/w126\/hairulazami\/Konsep%20Dasar%20Dalam%20Design%20Web\/clip_image005.gif\")
\n <\/strong>Gambar:<\/strong> Contoh penggunaan dari metode warna segi tiga.<\/strong>
\n( Oleh: Hairul Azami , ditulis saat menantikan beresnya proyek – proyek yang lagi numpuk )<\/p>\n