Prinsip Desain dan Kepentingannya

Dengarkan versi audio dari artikel ini

Salah satu bagian tersulit dari berbicara tentang prinsip-prinsip desain adalah mencari tahu berapa banyak prinsip yang sebenarnya ada (ada lima? Tujuh? 10?). Dan setelah itu diketahui, yang mana dari dasar-dasar desain yang seharusnya disertakan?

Cari "prinsip-prinsip desain" dan Google akan mengembalikan hasil untuk artikel yang mencakup dari lima hingga lebih dari selusin prinsip individu. Bahkan pasal-pasal yang menyepakati angka tersebut belum tentu menyepakati mana yang harus dimasukkan dalam angka tersebut.

Pada kenyataannya, ada sekitar selusin prinsip dasar desain yang harus diingat oleh para desainer pemula dan ahli saat mengerjakan proyek mereka. Selain itu, ada selusin prinsip desain "sekunder" lainnya yang terkadang disertakan sebagai dasar (misalnya, Prinsip Gestalt, tipografi, warna, dan pembingkaian). Prinsip-prinsip desain utama dijelaskan dan diilustrasikan di bawah ini.

Prinsip Desain Dasar

Seperti yang telah disebutkan, tidak ada konsensus nyata dalam komunitas desain tentang apa sebenarnya prinsip utama desain. Yang mengatakan, dua belas prinsip berikut adalah yang paling sering disebutkan dalam artikel dan buku tentang masalah ini.

Kontras

Salah satu keluhan paling umum yang dimiliki desainer tentang umpan balik klien sering kali berkisar pada klien yang mengatakan bahwa sebuah desain perlu "meletup" lebih banyak. Meskipun kedengarannya seperti istilah yang benar-benar arbitrer, yang secara umum dimaksudkan oleh klien adalah bahwa desainnya membutuhkan lebih banyak kontras.

Kontras mengacu pada bagaimana elemen yang berbeda dalam desain, terutama elemen yang berdekatan. Perbedaan ini membuat berbagai elemen menonjol. Kontras juga merupakan aspek yang sangat penting dalam menciptakan desain yang dapat diakses. Kontras yang tidak memadai dapat membuat konten teks khususnya sangat sulit untuk dibaca, terutama bagi orang-orang dengan gangguan penglihatan.

Keseimbangan

Setiap elemen desain—tipografi, warna, gambar, bentuk, pola, dll.—membawa bobot visual. Beberapa elemen berat dan menarik perhatian, sementara elemen lainnya lebih ringan. Cara elemen-elemen ini diletakkan pada halaman harus menciptakan perasaan keseimbangan.

Ada dua jenis dasar keseimbangan: simetris dan asimetris. Elemen tata letak desain simetris dengan bobot yang sama di kedua sisi garis tengah imajiner. Keseimbangan asimetris menggunakan elemen bobot yang berbeda, sering kali diletakkan dalam kaitannya dengan garis yang tidak terpusat dalam keseluruhan desain.

Tekanan

Penekanan berkaitan dengan bagian-bagian dari desain yang dimaksudkan untuk menonjol. Dalam kebanyakan kasus, ini berarti informasi terpenting yang ingin disampaikan oleh desain.

Penekanan juga dapat digunakan untuk mengurangi dampak informasi tertentu. Ini paling jelas dalam kasus di mana "cetak halus" digunakan untuk informasi tambahan dalam sebuah desain. Tipografi kecil yang terselip di bagian bawah halaman membawa bobot yang jauh lebih sedikit daripada hampir semua hal lain dalam sebuah desain, dan karenanya tidak terlalu ditekankan.

Proporsi

Proporsi adalah salah satu prinsip desain yang lebih mudah dipahami. Sederhananya, ini adalah ukuran elemen dalam kaitannya satu sama lain. Proporsi menandakan apa yang penting dalam sebuah desain dan apa yang tidak. Elemen yang lebih besar lebih penting, elemen yang lebih kecil lebih sedikit.

Hirarki

Hirarki adalah prinsip desain lain yang secara langsung berhubungan dengan seberapa baik konten dapat diproses oleh orang-orang yang menggunakan situs web. Ini mengacu pada pentingnya elemen dalam desain. Elemen (atau konten) yang paling penting harus tampak sebagai yang paling penting.

Hirarki paling mudah diilustrasikan melalui penggunaan judul dan heading dalam sebuah desain. Judul halaman harus diberikan yang paling penting, dan karena itu harus segera dikenali sebagai elemen terpenting pada sebuah halaman. Judul dan subjudul harus diformat sedemikian rupa sehingga menunjukkan kepentingannya dalam kaitannya satu sama lain serta dalam kaitannya dengan judul dan isi salinan.

Pengulangan

Pengulangan adalah cara yang bagus untuk memperkuat ide. Ini juga merupakan cara yang bagus untuk menyatukan desain yang menyatukan banyak elemen berbeda. Pengulangan dapat dilakukan dengan beberapa cara: melalui pengulangan warna yang sama, tipografi, bentuk, atau elemen desain lainnya.

Artikel ini, misalnya, menggunakan pengulangan dalam format heading. Setiap prinsip desain diformat sama seperti yang lain di bagian ini, memberi isyarat kepada pembaca bahwa semuanya sama pentingnya dan semuanya terkait. Judul yang konsisten menyatukan elemen-elemen ini di seluruh halaman.

Irama

Ruang antara elemen yang berulang dapat menyebabkan rasa ritme terbentuk, mirip dengan cara ruang antara nada dalam komposisi musik menciptakan ritme. Ada lima tipe dasar ritme visual yang dapat diciptakan oleh desainer: acak, teratur, bergantian, mengalir, dan progresif.

Irama acak tidak memiliki pola yang terlihat. Irama reguler mengikuti jarak yang sama antara setiap elemen tanpa variasi. Irama bergantian mengikuti pola tertentu yang berulang, tetapi ada variasi antara elemen yang sebenarnya (seperti pola 1-2-3-1-2-3). Irama mengalir mengikuti tikungan dan kurva, mirip dengan cara bukit pasir bergelombang atau gelombang mengalir. Ritme progresif berubah seiring berjalannya waktu, dengan setiap perubahan menambah iterasi sebelumnya.

Irama dapat digunakan untuk menciptakan sejumlah perasaan. Mereka dapat menciptakan kegembiraan (terutama ritme yang mengalir dan progresif) atau menciptakan kepastian dan konsistensi. Itu semua tergantung pada cara mereka diimplementasikan.

Pola

Pola tidak lebih dari pengulangan beberapa elemen desain yang bekerja bersama. Pola wallpaper adalah contoh pola paling umum yang hampir semua orang kenal.

Namun, dalam desain, pola juga dapat merujuk pada standar yang ditetapkan untuk bagaimana elemen tertentu dirancang. Misalnya, navigasi atas adalah pola desain yang telah berinteraksi dengan mayoritas pengguna internet.

Ruang Putih

Ruang putih—juga disebut sebagai “ruang negatif”—adalah area desain yang tidak menyertakan elemen desain apa pun. Ruang itu, secara efektif, kosong.

Banyak desainer pemula merasa perlu untuk mengemas setiap piksel dengan beberapa jenis "desain" dan mengabaikan nilai ruang putih. Tetapi ruang putih memiliki banyak tujuan penting dalam sebuah desain, terutama memberikan elemen ruang desain untuk bernafas . Ruang negatif juga dapat membantu menyoroti konten tertentu atau bagian tertentu dari sebuah desain.

Itu juga dapat membuat elemen desain lebih mudah untuk dilihat. Inilah sebabnya mengapa tipografi lebih mudah dibaca ketika huruf besar dan kecil digunakan karena ruang negatif lebih bervariasi di sekitar huruf kecil, yang memungkinkan orang untuk menafsirkannya lebih cepat.

Dalam beberapa kasus, ruang negatif digunakan untuk membuat gambar sekunder yang mungkin tidak langsung terlihat oleh pemirsa. Ini bisa menjadi bagian berharga dari branding yang dapat menyenangkan pelanggan. Ambil panah tersembunyi di logo FedEx, untuk satu contoh saja.

Pergerakan

Gerakan mengacu pada cara mata bergerak di atas desain. Elemen yang paling penting harus mengarah ke yang paling penting berikutnya dan seterusnya. Ini dilakukan melalui pemosisian (mata secara alami jatuh pada area tertentu dari sebuah desain terlebih dahulu), penekanan, dan elemen desain lainnya yang telah disebutkan.

Variasi

Keragaman dalam desain digunakan untuk menciptakan minat visual. Tanpa variasi, sebuah desain dapat dengan cepat menjadi monoton, menyebabkan pengguna kehilangan minat. Keragaman dapat dibuat dalam berbagai cara, melalui warna, tipografi, gambar, bentuk, dan hampir semua elemen desain lainnya.

Namun, keragaman demi keragaman tidak ada gunanya. Variasi harus memperkuat elemen lain dari sebuah desain dan digunakan bersama mereka untuk menciptakan hasil yang lebih menarik dan estetis yang meningkatkan pengalaman pengguna.

Persatuan

Setiap orang telah melihat situs web atau desain lain di luar sana yang tampaknya hanya membuang elemen pada halaman tanpa memperhatikan bagaimana mereka bekerja bersama. Iklan surat kabar yang menggunakan sepuluh font berbeda segera muncul di benak.

Unity mengacu pada seberapa baik elemen desain bekerja sama. Elemen visual harus memiliki hubungan yang jelas satu sama lain dalam sebuah desain. Unity juga membantu memastikan konsep dikomunikasikan dengan cara yang jelas dan kohesif. Desain dengan kesatuan yang baik juga tampak lebih terorganisir dan memiliki kualitas dan otoritas yang lebih tinggi daripada desain dengan kesatuan yang buruk.

Prinsip Desain Lainnya

Prinsip-prinsip desain lainnya juga disinggung dalam berbagai artikel tentang masalah ini. Ini termasuk tipografi, warna, Prinsip Gestalt, grid dan keselarasan, pembingkaian, dan bentuk. Beberapa pasti sesuai dengan definisi "prinsip" sementara yang lain lebih seperti elemen desain.

Tipografi mengacu pada cara teks diatur dalam sebuah desain. Itu termasuk font yang digunakan, jarak, ukuran, dan beratnya, dan cara elemen teks yang berbeda saling berhubungan. Desain tipografi yang baik sangat dipengaruhi oleh semua prinsip desain lain yang disebutkan sebelumnya dalam artikel ini.

Penggunaan warna dalam desain adalah salah satu bagian yang paling penting secara psikologis dari sebuah desain dan memiliki pengaruh besar pada pengalaman pengguna. Psikologi dan teori warna sangat memengaruhi beberapa prinsip lain yang disebutkan sebelumnya.

Prinsip Gestalt meliputi kesamaan, kelanjutan, penutupan, kedekatan, gambar/dasar, dan simetri & keteraturan (juga disebut pragnanz). Beberapa dari prinsip-prinsip tersebut berkaitan erat dengan prinsip-prinsip yang disebutkan di atas.

Kisi dan penyelarasan terkait erat dengan keseimbangan dan mengacu pada cara elemen diatur dalam kaitannya dengan kisi tak terlihat di halaman.

Pembingkaian mengacu pada bagaimana subjek utama desain ditempatkan dalam kaitannya dengan elemen lain pada halaman. Ini paling sering terdengar disebut dalam sinematografi atau fotografi, dengan bagaimana fokus utama sebuah gambar ditempatkan di dalam keseluruhan gambar. Tapi prinsipnya terbawa ke dalam desain.

Bentuk juga merupakan bagian utama dari setiap desain, baik dari segi bentuk tertentu yang digunakan sebagai elemen dalam desain, maupun bentuk keseluruhan dari desain itu sendiri. Bentuk yang berbeda dapat menimbulkan perasaan yang berbeda, yaitu lingkaran bersifat organik dan cair, sedangkan kotak lebih kaku dan formal, dan segitiga memberikan rasa energi atau gerakan.

“Prinsip” atau elemen desain ini merupakan aspek penting dari desain yang baik dan harus dipertimbangkan bersama dengan prinsip dasar lainnya untuk menciptakan pengalaman pengguna terbaik.

Kesimpulan

Apa yang menjadi prinsip "dasar" desain tentu saja bisa diperdebatkan. Tetapi pemahaman dan penerapan prinsip-prinsip yang tercakup di atas sangat penting untuk keberhasilan setiap proyek desain.

Desainer harus bertujuan untuk memahami bagaimana masing-masing prinsip desain ini benar-benar memengaruhi pekerjaan mereka. Mempelajari bagaimana desainer lain telah menerapkan ide-ide ini untuk menyusun desain mereka sendiri juga merupakan alat yang sangat berharga dalam belajar membuat desain yang lebih baik.

Sangat mungkin untuk membuat desain yang bagus tanpa pemahaman menyeluruh tentang elemen dan prinsip desain ini. Namun, ini biasanya dilakukan oleh "intuisi desainer" dan mungkin memerlukan banyak percobaan dan kesalahan untuk menciptakan sesuatu yang benar-benar terlihat bagus dan menciptakan pengalaman pengguna yang optimal. Desainer dapat menghemat banyak waktu dan energi dengan mempraktekkan prinsip-prinsip yang telah kita diskusikan hingga menjadi kebiasaan.

Bacaan lebih lanjut di Blog Desain Toptal:

• Prinsip Desain: Pengantar Hirarki
• Tingkatkan UX Anda dengan Prinsip Desain Interaksi yang Sukses Ini
• Menjelajahi Prinsip Desain Gestalt
• Desain Persuasif: Menggunakan Psikologi Tingkat Lanjut Secara Efektif
• Kait UX Utama – Desain Antisipatif, Persuasif, dan Emosional di UX