20 elemen dan prinsip desain yang harus diketahui setiap desainer

Ada saat ketika desain terlalu dikendalikan. Terlalu berpola. Terlalu aman.

Tapi evolusi tidak bisa dihindari, dan desainer mulai bereksperimen sedikit lagi.

Dari sana, desain menjadi lebih berani dan lebih baik. Desainer mulai menggali lebih dalam ilmu di balik perilaku audiens mereka, memungkinkan mereka untuk menjadi fleksibel dengan apa yang diminta pasar.

“Saat ini, desain telah menjadi lebih dari sekadar pola dan tren. Itu sudah menjadi gaya hidup. ” Sesuatu yang dengan hati-hati terjalin ke dalam setiap reaksi dan rutinitas manusia. Dan di balik seluk-beluk gaya hidup ini terdapat 20 prinsip desain berbeda yang membuat dunia ini menjadi tempat yang lebih kreatif dan indah untuk ditinggali.

Mari kita lihat prinsip-prinsip itu, dan tip untuk memanfaatkannya dalam desain Anda.

Garis

Lihat di mana saja di sekitar Anda dan Anda akan melihat garis. Tepi layar komputer Anda. Sisi setiap tombol pada keyboard Anda. Bahkan huruf-huruf pada tombol-tombol itu tersusun dari garis-garis, ada yang lurus, ada yang melengkung, ada yang miring.

Itulah pentingnya garis. Tanpa mereka, semuanya hanya akan menyatu satu sama lain tanpa batas, membuat dunia menjadi satu gumpalan.

Apa yang membuat garis lebih menakjubkan, selain dari fakta bahwa mereka mendefinisikan bentuk segala sesuatu, adalah kenyataan bahwa mereka juga menerjemahkan ke dalam emosi dan ide-ide yang meminta reaksi setara. Letakkan garis berlekuk-lekuk di samping garis vertikal lurus, misalnya, dan Anda akan mulai memikirkan keteraturan dan kekuatan di satu sisi dan kekacauan dan kebingungan di sisi lain. Ini bisa sangat berguna jika Anda mendorong audiens Anda untuk menanggapi ajakan bertindak tertentu. Saat suasana hati dan emosi mereka telah ditetapkan, lebih mudah untuk sekadar menelusuri ajakan bertindak Anda.

Peran lain yang dimainkan garis dalam desain web adalah fakta bahwa garis itu mengarahkan mata audiens ke titik fokus setiap halaman. Misalnya, garis depan yang kuat di bawah nama merek di lautan teks lain yang lebih kecil akan membantu nama itu menonjol.

Skala

Skala menentukan bagaimana Anda akan mengukur elemen yang berbeda dalam satu desain. Ini pada dasarnya membawa logika menjadi sepotong, atau menghilangkannya. Misalnya, jika Anda menggambar semut tepat di sebelah seekor anjing, masuk akal jika Anda membuat anjing itu jauh lebih besar daripada semut (kecuali jika desainnya mengharuskan Anda menyimpang dari kenyataan).

Skala juga merupakan cara terbaik bagi Anda untuk membuat drama. Seperti yang ditunjukkan di atas, akan ada saat-saat ketika Anda harus menjauh dari realisme dan menciptakan efek yang menakjubkan dengan mengukur beberapa elemen secara signifikan lebih kecil atau lebih besar daripada yang lain.

Penskalaan juga merupakan cara yang bagus untuk menekankan hierarki. Ambil poster film, misalnya. Aktor dengan peran utama biasanya memiliki foto yang menonjol di atas yang lain, bukan karena mereka lebih tinggi atau lebih besar dari aktor pendukung, tetapi karena karakter mereka lebih penting.

Sekarang, katakanlah Anda sedang mengerjakan sesuatu yang menampilkan banyak teks, dan tidak banyak gambar. Penskalaan masih terbukti menjadi cara terbaik bagi Anda untuk menekankan beberapa detail di atas yang lain. Statistik, misalnya, dapat ditingkatkan secara signifikan untuk menarik perhatian audiens langsung ke bagian data tersebut.

Warna

Sulit dipercaya betapa besar pengaruh warna pada segalanya. Ada penelitian demi penelitian tentang efek warna tidak hanya pada suasana hati dan emosi seseorang, tetapi juga pada reaksi dan keputusan pembelian mereka.

Dapatkah Anda membayangkan melihat perusahaan lingkungan hanya menggunakan hitam dan putih untuk merek mereka? Atau bisnis yang ingin memancarkan aura profesional dan nilai tradisional dengan menggunakan warna neon yang cerah? Itu, menurut saya, cukup penjelasan yang menunjukkan apa peran warna dalam desain.

Konsistensi

Ketika Anda memikirkan Coca-Cola, apakah Anda membayangkan warna hijau atau biru? Mungkin tidak – pikiran Anda secara otomatis melompat ke warna merah.

Inilah yang dimaksud dengan konsistensi.

Merancang untuk sebuah merek adalah tentang konsistensi. Ini semua tentang menggunakan nuansa, nada, dan warna yang sama persis dengan warna yang sama persis, serta jenis font yang sama persis. Laporan kantor, papan reklame, iklan spanduk – setiap hal yang terkait dengan merek harus selalu konsisten. Lagi pula, jika Coca-Cola mengubah skema warna mereka setiap tahun atau lebih, apakah menurut Anda itu masih akan menghasilkan merek yang sama seperti sekarang? Saya pikir tidak.

Ruang putih

Kartu Bisnis Frame Inc.

Ruang putih tidak selalu berarti putih, tetapi selalu memiliki arti yang sama, apa pun warnanya. Ini adalah ruang yang tidak digunakan di antara elemen Anda, ruang negatif yang membuat banyak desainer tergila-gila.

Bagi sebagian orang, semua ruang yang tidak terpakai itu tampaknya sia-sia. Tapi tunggu sampai Anda menggunakan ruang itu untuk keuntungan Anda dengan membiarkannya kosong secara strategis. Anda dapat membuka tingkat kreativitas yang sama sekali baru yang akan memukau audiens Anda.

Tidak percaya padaku? Lihat Langit dan Air MC Escher dan Anda akan mengerti apa yang saya maksud.

Simetri

Ares Patch oleh Garrett Godsey

Tahukah Anda bahwa mata Anda secara alami tertarik pada sesuatu yang simetris? Ini adalah konsep yang dimanfaatkan oleh merek seperti Target dan Chanel, membuat logo mereka sangat berkesan.

Simetri adalah satu hal yang menghadirkan rasa keseimbangan dan keteraturan pada desain apa pun. Kadang-kadang mungkin tidak begitu jelas, tetapi untuk setiap karya seni yang hebat, ada cara unik untuk membentuk simetri untuk menyenangkan mata.

Kegelapan

Opasitas elemen desain menunjukkan bagaimana 'tembus pandang' itu. Ini menentukan seberapa transparan semuanya. Apa pun yang memiliki opacity lebih rendah pada dasarnya lebih ringan, sedangkan elemen yang memiliki opacity lebih tinggi lebih solid untuk dilihat.

Opacity dapat membantu Anda meletakkan elemen yang berbeda di atas satu sama lain tanpa sepenuhnya menghilangkan keberadaan elemen di bawahnya. Hal ini juga digunakan untuk menambahkan rasa gerakan ke gambar.

Tekstur

Tanpa tekstur, desain apa pun bisa terlihat kosong dan polos. Tambahkan beberapa tekstur dan desainnya menjadi hidup, membuatnya tampak seperti siap untuk keluar dari layar atau permukaan tempat ia dicetak.

Ini tidak berarti bahwa setiap bagian dari desain membutuhkan tekstur. Akan selalu ada proyek desain yang akan terlihat lebih baik jika bersih dan tajam. Namun, akan ada juga contoh di mana sedikit tekstur tidak ada salahnya.

Anda dapat meramaikan tekstur desain Anda dengan menambahkan latar belakang yang menambahkan kedalaman ke permukaan. Anda juga dapat mencoba membuat timbul beberapa elemen.

Keseimbangan

Ketuk oleh Eddie Lobanovskiy

Keseimbangan terkadang membingungkan dengan simetri, tetapi sebenarnya keduanya adalah dua hal yang berbeda. Ketika semuanya simetris, setiap elemen mungkin berakhir pada margin yang sama atau mungkin ada jumlah elemen yang sama di kedua sisi halaman. Meskipun ini biasanya menghasilkan rasa keseimbangan, Anda juga dapat mencapai perasaan itu tanpa menggunakan desain simetris.

Katakanlah, misalnya, Anda ingin mendesain halaman tentang dengan beberapa teks dan gambar. Anda dapat menemukan keseimbangan dengan tata letak dua kolom meskipun teks bukanlah elemen yang identik dengan gambar.

Keseimbangan hanyalah sesuatu yang membuat sebuah desain terlihat lengkap. Ketika sebuah gambar tidak seimbang, itu mungkin terlihat setengah matang, atau lebih buruk lagi, tidak bersemangat.

Hirarki

Hirarki oleh Melanie Taube

Hirarki menunjukkan elemen mana yang lebih penting di atas segalanya. Ini tidak berarti bahwa elemen di akhir hierarki (pengumpan bawah, bisa dikatakan) adalah hal-hal yang dapat Anda lakukan tanpanya. Lagi pula, tanpa elemen di ujung hierarki yang lain, Anda tidak akan bisa mendapatkan jumlah dampak yang Anda tuju.

Hirarki dapat diekspresikan dalam berbagai cara selain dari penskalaan. Anda dapat menggunakan warna yang lebih cerah untuk mereka yang berada di bagian atas rantai makanan, dengan warna yang semakin terang saat Anda bergerak lebih jauh ke bawah.

Kontras

Kontras adalah aturan yang berlawanan. Ini pada dasarnya membedakan terang dari gelap, besar versus kecil. Untuk desainer yang selalu ingin menonjolkan satu atau dua elemen dari desain mereka, kontras biasanya menjadi salah satu pendekatan yang mereka gunakan.

Tetapi kontras jauh lebih dalam dari sekadar estetika. Kontras juga mempengaruhi keterbacaan. Gunakan dua warna yang hampir sama untuk teks dan latar belakang dan Anda mungkin akan menggaruk mata saat mencoba membaca apa yang dikatakan teks. Dengan menggunakan dua warna dengan kontras tinggi, mata Anda akan langsung melihat apa yang seharusnya mereka lihat.

Pembingkaian

Kamera terbaik adalah yang Anda miliki bersama Anda oleh Sean McCabe

Lihat bagaimana bingkai menempatkan batas di sekitar gambar yang Anda masukkan ke dalamnya? Itulah gunanya framing. Ini pada dasarnya menunjukkan kepada Anda apa yang harus dan tidak boleh menjadi bagian dari gambar.

Garis kotak, margin – semua ini adalah bentuk pembingkaian. Ini juga memungkinkan Anda untuk menyorot elemen tertentu di atas yang lain, seperti kutipan tunggal di tengah halaman yang diisi dengan teks.

Anda juga dapat berkreasi dan menggunakan hal-hal lain untuk bingkai Anda selain dari garis dan margin yang biasa. Misalnya, poster bertema pantai dapat menggunakan kerang yang berjejer di sekitar teks untuk membingkainya secara efektif.

kisi-kisi

Mencoba menyelaraskan hal-hal di ruang kosong bisa jadi sulit, itulah sebabnya kisi-kisi sangat penting dalam desain.

Grid membantu desainer menyelaraskan dan mengatur elemen. Contoh sempurna dari hal ini adalah kolom di halaman majalah atau koran. Bisakah Anda bayangkan jika semua teks itu ditempatkan secara acak tanpa panduan kisi-kisi? Akan menjadi bencana untuk mencoba memahaminya.

Di sisi lain, jika Anda menginginkan desain yang tidak terlalu kaku, memecahkan kisi-kisi adalah cara yang bagus untuk secara instan menciptakan rasa kekacauan. Mata kita cenderung secara alami mencari tata letak dan kisi-kisi desain, jadi keluar dari struktur itu akan membantu menciptakan rasa tidak teratur.

Spontanitas

Tentu tentu. Kami butuh keseimbangan. Kita membutuhkan simetri. Ikuti kisi-kisi. Gunakan garis untuk membingkainya. Tetapi semua ini tidak berarti bahwa semuanya harus dilakukan sesuai dengan manual. Terkadang, sedikit gila juga diperlukan untuk membuat desain yang luar biasa.

Hanya karena Anda sudah memiliki pembagian yang jelas antara kolom dan baris, bukan berarti Anda tidak bisa tiba-tiba menempatkan kutipan di tengah tanpa mengikuti frame yang ada. Jika itu cara terbaik agar garis itu menonjol, maka jadilah itu.

Saat Anda mendesain, istirahatlah dari "aturan" Anda dan temukan ruang untuk sedikit spontanitas – sesuatu yang tidak terduga. Ini mungkin hanya hal yang dibutuhkan desain Anda.

Arah

Desain Spiral Artcrank oleh Allan Peters

Ini juga dapat disebut sebagai isyarat visual atau grafis. Tempatkan gambar seseorang yang menunjuk ke tombol ajakan bertindak Anda dan hampir setiap mata pembaca akan langsung tertuju ke tombol itu.

Tentu saja, mata juga mengikuti pola tertentu saat melihat halaman. Studi menunjukkan, misalnya, bahwa pola paling umum yang diikuti mata adalah bentuk E, F, atau Z. Inilah sebabnya mengapa yang terbaik adalah menempatkan konten yang paling penting di kiri atas halaman, karena naluri alami mata adalah bergerak dari kiri atas ke kanan atas terlebih dahulu.

Aturan

Ya, meskipun kreativitas seringkali spontan, masih banyak aturan desain yang harus Anda ikuti. Tetapi sekali lagi, melanggar aturan ini sesering mungkin juga akan mendorong Anda untuk membuat karya yang sangat indah.

Jadi, bagaimana Anda tahu kapan harus mengikuti aturan dan kapan harus melanggarnya?

Pertama, Anda harus berpengalaman dengan dasar-dasarnya sehingga Anda tahu persis apa yang Anda hancurkan. Kemudian, pastikan melanggar aturan sesuai dengan poin yang ingin Anda sampaikan.

Pergerakan

Anda tidak perlu sihir untuk membuat gerakan pada desain cetak. Ada begitu banyak efek yang dapat Anda gunakan yang memungkinkan Anda memberi kesan bahwa suatu gambar bergerak.

Pada gambar seorang anak yang mengendarai sepedanya, misalnya, Anda dapat memburamkan sisa gambar di sekitarnya untuk menunjukkan bahwa dia hanya melesat dengan semua yang dia lewati. Anda juga dapat menggunakan garis gerak, serta efek gelombang. Anda juga dapat menggunakan opacity untuk memberikan ilusi optik gerakan, seperti logo yang dirancang oleh Vladimir Mirzoyan di atas.

Kedalaman

Tentu, desain datar telah menjadi hal yang populer selama beberapa tahun sekarang. Anda harus mengakui bahwa menambahkan kedalaman pada beberapa desain Anda masih lebih cocok. Lagi pula, betapa menakjubkannya sesuatu yang secara fisik dua dimensi benar-benar tampak seperti keluar dari halaman?

Ada beberapa teknik yang dapat Anda gunakan untuk menciptakan kedalaman dalam desain Anda, seperti:

• Bayangan
• Tumpang tindih
• Bermain dengan perspektif (menghasilkan efek 3D)

Jika desain Anda terlihat membutuhkan sedikit kehidupan, cobalah salah satu pendekatan ini dan lihat gambarnya sebelum Anda bangkit dari permukaannya.

Tipografi

Anda mungkin memiliki semua gambar, tekstur, latar belakang, dan elemen lain dari desain Anda, tetapi jika tipografi Anda membutuhkan beberapa pekerjaan, maka seluruh desain Anda akan terganggu. Tipografi lebih dari sekedar gaya font dan ukuran font. Ini juga ada hubungannya dengan penskalaan, jarak, warna, dan banyak konsep desain dasar lainnya.

Karena tipografi mencakup banyak hal, Anda mungkin akan lebih tercerahkan jika membaca buku-buku ini tentang cara membuat tipografi Anda lebih baik.

Komposisi

Gelombang oleh Romain Rdb

Alih-alih menjadi elemen yang berdiri sendiri, komposisi sebenarnya merupakan gabungan dari beberapa elemen yang telah kita bahas sebelumnya. Skala, hierarki, kedalaman – semua ini dan lebih banyak lagi berkontribusi pada komposisi keseluruhan desain.

Komposisi, dalam arti yang paling dasar, mencakup pengaturan keseluruhan dari setiap elemen desain Anda. Bayangkan saja semua elemen yang telah kita diskusikan – ketika digabungkan, apakah hasil akhirnya berhasil atau tidak? Begitulah cara Anda mengukur komposisi.

20 elemen berbeda, 20 cara berbeda untuk membuat atau menghancurkan desain. Selalu miliki daftar elemen-elemen ini di samping Anda saat Anda bekerja dan biarkan itu menjadi panduan Anda saat Anda mencoba menenun melalui tantangan yang datang dengan menyelesaikan proyek desain Anda berikutnya.