Setiap tata letak dimulai dengan halaman kosong. Kemudian muncul elemen desain—logo, menu, bagian teks, foto, ilustrasi, dll.

Penempatan elemen dapat menentukan seberapa sukses desain nantinya. Itulah mengapa salah satu hal pertama yang dilakukan desainer ketika mereka mulai mengerjakan halaman baru adalah memutuskan susunan elemen apa yang akan ada di halaman itu.

Image Source:Andra C Taylor Jr

 

Ada dua pendekatan dasar untuk elemen spasi pada halaman. Desainer dapat condong ke arah susunan elemen yang lebih simetris atau asimetris.

Sekarang kita akan melihat dua prinsip desain yang kuat yang mungkin, pada pandangan pertama, tampak terlalu sederhana dan biasa bagi kita untuk menjamin terlalu banyak pemikiran. Namun, sebaiknya kita tidak meremehkan kemampuan mereka dan manfaat dari efeknya.

Setiap kali kami mendistribusikan elemen komposisi secara merata di sekitar titik pusat atau sumbu, kami membuat desain simetris. Contoh simetri yang baik di alam adalah kupu-kupu—sisi kanan dan kirinya sangat mirip satu sama lain (walaupun tidak identik).

Kami menemukan simetri ketika dua sisi cermin yang persis sama, karena menciptakan bayangan cermin yang sempurna. Arahkan jari tangan kanan Anda ke permukaan cermin kamar mandi Anda, dan lihatlah cermin itu serta pantulannya dari suatu sudut. Dengan asumsi bahwa cermin kita bersih, kita akan selalu memperhatikan bahwa tangan kanan yang asli dan bayangan cerminnya (yang membalik agar terlihat seperti tangan kiri) adalah simetris sempurna.

Untungnya, desain simetris tidak bergantung pada mirroring yang identik. Hanya penting untuk mendekati efeknya – ketepatan tidak diperlukan. Ingat, Anda dapat memanipulasi mata pengguna dengan mudah tanpa mengkhawatirkan kesempurnaan geometris sebagai pertimbangan dalam desain Anda.

Sebaliknya, asimetri adalah tidak adanya simetri dalam bentuk apa pun. Setiap kali kami membuat desain yang terdiri dari elemen yang kami distribusikan secara tidak merata di sekitar titik pusat atau sumbu, akibatnya kami akan memiliki desain asimetris. Kita dapat memanfaatkan asimetri, menggunakannya untuk menarik perhatian ke area dalam desain atau untuk menyampaikan dinamisme atau gerakan.

Seperti dalam biologi, unsur-unsur seperti sel atau bagian dari suatu ekosistem. Pada akhirnya, kita perlu mengingat bahwa membangun keseimbangan, yang dapat kita lakukan melalui penggunaan simetri, membuat desain yang ‘sehat’ menjadi lebih efektif.

Dalam artikel ini, kita akan melihat bagaimana simetri dan asimetri bekerja untuk desain. Kami akan membahas teknik dasar, tip, dan praktik terbaik untuk setiap pendekatan.

Apa itu Simetri?

Image Source: Faye Cornish

 

Untuk waktu yang lama, simetri (keseimbangan formal) dianggap sebagai standar emas desain. Preferensi untuk memilih tata letak simetris terutama terlihat dalam arsitektur. Contoh yang baik dari ini adalah salah satu bangunan terindah di dunia – Taj Mahal. Taj Mahal memiliki banyak properti yang membuatnya begitu indah secara estetika, tetapi keseimbangan simetrisnya adalah salah satu yang utama.

Manfaat menggunakan simetri dalam desain tidak muncul begitu saja. Sama seperti banyak prinsip desain. Itu muncul dari Prinsip Gestalt, sebuah teori perilaku manusia yang menggambarkan bagaimana pikiran manusia menyusun dan mengatur data visual.

Pikiran kita secara alami menciptakan keteraturan dari hal-hal yang kita lihat. Itu sebabnya simetri sangat kuat. Desain simetris adalah desain yang memiliki keteraturan dan stabilitas sehingga enak dipandang.

Menurut ilmuwan Amerika Alan Lightman, otak manusia sebenarnya berusaha untuk melihat sesuatu secara simetris. “Alasannya pasti sebagian psikologis,” katanya. “Simetri mewakili keinginan kita untuk melihat pola di alam semesta aneh tempat kita berada. Simetri membantu kita memahami dunia di sekitar kita”.

Jenis Simetri

Image Source: Vincent van Zalinge

Ada tiga jenis simetri: refleksi, rotasi, dan simetri translasi.

Refleksi Simetri

Ini mungkin hal pertama yang orang pikirkan ketika mereka mendengar kata ‘simetri’. Juga dikenal sebagai efek cermin, simetri refleksi terjadi ketika semuanya dicerminkan di sekitar sumbu pusat.

Sumbu bisa dalam orientasi apa pun – bisa horizontal, vertikal, diagonal, dan apa pun di antaranya, selama apa yang ada di satu sisi sumbu dicerminkan atau dipantulkan di sisi lain.

Desainer sering menggunakan simetri refleksi untuk memberikan bobot yang sama pada kedua sisi, atau untuk menciptakan efek visual yang menghibur.

Simetri Rotasi

Jenis simetri ini terjadi ketika segala sesuatu berputar di sekitar pusat yang sama. Simetri rotasi dapat terjadi pada sudut atau frekuensi apa pun selama ada pusat umum di mana semuanya diputar dan elemen memiliki jarak yang sama di sekitar titik pusat.

Simetri rotasi cukup umum dalam kehidupan nyata. Misalnya, lengan bintang laut memancar dari tengah. Lukisan langit-langit banyak gereja juga menggunakan simetri putar.

Desainer web menggabungkan simetri rotasi dalam pekerjaan mereka untuk menggambarkan gerakan (seperti untuk menyimpulkan kemajuan atau gerakan) atau untuk memvisualisasikan data dengan cara yang menarik.

Simetri Translasi

Jenis simetri ini terjadi ketika sebuah elemen diulang pada lokasi yang berbeda dalam ruang sambil mempertahankan orientasi umum atau tepat. Simetri translasi dapat terjadi ke segala arah selama orientasi elemen dipertahankan.

Benda yang sama dipindahkan beberapa kali dengan selang waktu genap. Pagar piket adalah contoh yang baik dari simetri translasi.

Penggunaan simetri translasi yang tepat dapat menciptakan ritme dalam desain. Desainer web sering menggunakan simetri translasi sebagai elemen pasif untuk membuat pola latar belakang. Namun dalam beberapa kasus, dimungkinkan untuk menggunakan simetri translasi sebagai elemen aktif yang menyampaikan pesan.

Jangan Mencoba Mencapai Simetri Sempurna

Dalam hal desain, simetri tidak sama dengan mirroring yang identik. Simetri sempurna jarang terjadi baik dalam desain web maupun dalam kehidupan nyata.

Ketika kita berpikir tentang lingkungan kita, sebagian besar benda dan ciptaan alam di sekitar kita tidak sepenuhnya simetris. Misalnya, kita terbiasa menganggap wajah dan tubuh kita sebagai dua bagian yang mencerminkan. Namun, sisi kiri wajah tidak sepenuhnya identik dengan sisi kanan.

Desainer dapat membuat simetri dengan bermain dengan persepsi pengguna tentang tata letak, dan tidak apa-apa untuk memiliki sedikit variasi di setiap sisi selama pemirsa mendapatkan rasa simetri dari produk jadi.

Apa itu Asimetri?

Image Source: Kajetan Sumila

Asimetri secara alami adalah ketiadaan simetri. Di alam, kita dapat melihat asimetri hampir di mana-mana, seperti di cabang-cabang pohon, atau bentuk awan, untuk beberapa nama.

Dalam desain, asimetri sering digunakan untuk menciptakan ketegangan visual. Pada saat yang sama, asimetri bisa menjadi konsep yang sulit untuk dikuasai karena hubungan antar elemen dalam desain asimetris menjadi lebih kompleks. Mungkin sulit untuk membuat desain yang utuh dan kohesif.

Inilah sebabnya mengapa banyak desainer memilih tata letak simetris yang dapat diprediksi. Tetapi desainer yang menguasai asimetri memiliki kebebasan berekspresi yang lebih besar.

 

Simetri dan Keseimbangan

Banyak desainer percaya bahwa keseimbangan adalah sesuatu yang hanya dapat dicapai dalam tata letak simetris.

Itu terjadi karena istilah ‘asimetri’ menyiratkan kurangnya keseimbangan. Sementara definisi asimetri adalah kurangnya simetri, itu bukan kurangnya keseimbangan, seperti anggapan beberapa orang yang salah – desain yang tidak memiliki simetri masih perlu diseimbangkan.

Dengan kata lain, apa pun tata letak yang Anda buat, apakah itu simetris atau asimetris, sangat penting untuk mencapai keseimbangan karena komposisi yang tidak seimbang terasa tidak nyaman bagi pemirsa.

Teknik yang tepat untuk menguasai keseimbangan (baik simetris maupun asimetris) adalah dengan menganggap setiap elemen pada halaman memiliki bobot visual. Bobot visual bergantung pada ukuran elemen (objek yang lebih kecil mungkin memiliki berat yang lebih kecil daripada objek yang lebih besar) dan properti visual seperti kontras (elemen yang kontras mungkin memiliki bobot lebih dari elemen netral).

Desainer perlu bermain dengan berat elemen sampai mereka mencapai keseimbangan yang efisien.

Tentu saja, cukup mudah untuk mencapai keseimbangan dalam tata letak yang simetris. Yang perlu Anda lakukan adalah meletakkan bobot yang sama di bagian kanan dan kiri halaman.

Ketika datang ke desain asimetris, tugasnya mungkin lebih sulit. Anda mungkin perlu memiliki beberapa benda kecil di satu sisi untuk menyeimbangkan objek besar di sisi lain.

The Starry Night karya Van Gogh adalah contoh yang sangat baik dari keseimbangan asimetris. Van Gogh menciptakan keseimbangan dengan menggunakan objek dengan ukuran berbeda dan bermain dengan warna dan kontras.

Jenis saldo lainnya meliputi:

 

  • Keseimbangan mosaik (atau keseimbangan kristalografi) dihasilkan dari contoh-contoh kekacauan keseimbangan. Pikirkan lukisan Jackson Pollack. Komposisinya tidak memiliki titik fokus yang berbeda, dan elemen-elemennya memiliki penekanan yang seragam. Kurangnya hierarki menyebabkan kebisingan visual pada pandangan pertama. Namun, entah bagaimana, semuanya bekerja sama.

Secara keseluruhan, prinsip keseimbangan yang sama yang kita miliki dalam lukisan berlaku untuk desain web.

Formula untuk Keseimbangan Sempurna

“Bisakah saya mengukur keseimbangan?” adalah pertanyaan yang cukup umum di kalangan desainer. Dalam upaya menemukan jawaban atas pertanyaan ini, banyak desainer mencari formula khusus yang memungkinkan mereka menghitung apakah semuanya seimbang. Berita buruk: tidak ada rumus untuk menghitung saldo. Kabar baiknya: kita dapat menggunakan alat yang ampuh untuk menentukan apakah suatu komposisi seimbang atau tidak – dengan mata kita sendiri.

Desainer berpengalaman dapat melihat tata letak yang tidak seimbang secara sekilas. Tetapi untuk mencapai tujuan ini, Anda perlu melatih mata Anda dengan mengerjakan proyek-proyek praktis dan dengan terinspirasi oleh karya desainer lain. Semakin sering Anda melakukannya, semakin Anda akan memercayai penilaian Anda sendiri dalam hal keputusan desain apa pun yang harus Anda buat.

Simetri vs Asimetri

Image Source: Zachary Shakked

Pada akhirnya, ketika merancang tata letak, Anda perlu memutuskan apakah Anda ingin membuat desain simetris atau asimetris. Tidak ada jawaban universal untuk pertanyaan ini – pilihannya tergantung pada spesifikasi proyek. Mari kita lihat bagaimana simetri dan asimetri dapat digunakan dalam desain.

Ketika Simetri Bekerja Terbaik

Berikut adalah beberapa kasus umum ketika lebih baik mengikuti pendekatan simetris untuk desain tata letak:

  • Anda mencari estetika yang lebih serius (Anda ingin menyampaikan klasisisme)
  • Anda ingin meningkatkan pengenalan dan ingatan (bentuk simetris membuatnya lebih mudah untuk mengingat informasi)
  • Anda ingin mencapai lebih banyak keteraturan dan struktur
  • Anda tidak ingin terlalu memikirkan pengaturan elemen, tetapi tetap ingin mencapai keseimbangan (tata letak simetris pada dasarnya stabil dan seimbang).

Sekarang mari kita tinjau bagaimana kasus-kasus ini terlihat dalam kehidupan nyata.

Menyampaikan Rasa Percaya

Tata letak simetris bekerja dengan baik untuk desain yang ingin menggambarkan aura kepercayaan. Tak heran, banyak perusahaan yang mengutamakan kepercayaan menggunakan simetri dalam desainnya. Banyak produsen mobil menggunakan simetri dalam desain mereka untuk menciptakan rasa kemantapan.

Desain simetris dapat diprediksi. Jadi, jika Anda mendesain situs web yang membutuhkan stabilitas (seperti situs untuk bank atau perusahaan asuransi), desain simetris mungkin merupakan pilihan yang tepat untuk Anda.

Halaman Memiliki Objek Interaksi Tunggal

Simetri bekerja dengan baik untuk halaman yang memiliki objek interaksi tunggal. Contoh tipikal adalah halaman login atau signup. Dengan menempatkan objek interaksi utama atau pesan penting di tengah, Anda memiliki titik fokus yang dipusatkan pada halaman.

Laman Google Penelusuran adalah contoh yang baik dari tata letak simetris dengan objek interaksi tunggal.

Halaman Memiliki Dua (Atau Lebih) Opsi yang Sama Pentingnya

Desain simetris memungkinkan Anda untuk menarik perhatian ke semua area halaman secara merata. Salah satu contoh tipikal adalah toko online yang menjual produk baik untuk wanita maupun pria. Simetri membantu desainer menyampaikan dua pesan yang sama pentingnya dalam ruang yang sama.

Ketika Asimetri Bekerja Terbaik

Simetri biasanya dilihat sebagai stabil dan harmonis. Namun, bagi sebagian orang, stabilitas mungkin dapat diprediksi dan membosankan. Tata letak asimetris cenderung lebih menarik dan dinamis.

Lakukan asimetri ketika:

  • Anda siap untuk menghabiskan waktu ekstra mengatur elemen untuk menemukan cara unik untuk mencapai keseimbangan
  • Anda mencari tata letak yang lebih menyenangkan untuk menyampaikan minat pengguna
  • Untuk membuat tata letak menonjol.

 

Saat ini, ketika pengguna memiliki begitu banyak pilihan berbeda untuk dipilih, sebuah situs perlu menjadi sesuatu yang istimewa untuk menonjol dari yang lain dan mengurangi rasio pentalan. Ketika desainer menguasai asimetri, mereka menciptakan produk yang lebih mudah diingat.

Image Source: Olia Gozha

Untuk Menyampaikan Dinamisme

Ketika desainer web menggunakan istilah ‘dinamis’, yang mereka maksudkan adalah desain di mana mata pemirsa dipindahkan ke sekitar dan melalui desain. Desain asimetris dapat membangkitkan perasaan gerakan. Itulah mengapa begitu banyak merek olahraga menggunakan tata letak asimetris dan asimetri dalam elemen individual (seperti logo).

 

Menarik perhatian

Asimetri menarik perhatian. Tata letak asimetris yang tepat secara otomatis membawa mata pemirsa ke titik fokus – pandangan secara alami tertuju pada bagian penting dari desain terlebih dahulu. Dengan memposisikan dan menyesuaikan elemen pada halaman, Anda dapat mengarahkan mata ke area yang berbeda.

Saat memilih titik fokus, ingatlah bahwa tujuan utama dari setiap desain adalah komunikasi. Dengan setiap halaman web yang Anda desain, Anda menceritakan sebuah kisah kepada pengunjung Anda, jadi pastikan untuk memilih titik fokus yang membantu Anda menceritakan kisah ini dengan cara yang paling efektif.

Berikut adalah beberapa hal yang memungkinkan Anda untuk menarik perhatian:

  • Kontras. Kontras dapat digunakan baik untuk menyorot elemen tertentu atau untuk menyembunyikannya. Dengan meningkatkan kontras elemen tertentu, Anda membuatnya menonjol. Sebaliknya, dengan menurunkan kontras, Anda dapat membuat elemen memudar ke latar belakang
  • spasi. Gunakan spasi untuk mengisolasi satu elemen dari elemen lainnya
  • Pergerakan. Mata manusia dirancang untuk memperhatikan objek yang bergerak
  • Petunjuk arah. Mata akan mengikuti petunjuk arah (misalnya, petunjuk arah mungkin berupa panah yang menunjuk ke arah tertentu)
  • Wajah manusia. Mata akan mengikuti jalur mata di foto, sehingga pengunjung situs akan melihat ke arah yang sama dengan orang di desain.

Gabungkan Simetri dan Asimetri dalam Desain

Image Source:Artem Kniaz

Simetri tidak selalu merupakan keputusan baik/atau. Dimungkinkan untuk membuat desain yang paling menarik dan estetis dengan menggabungkan simetri dan asimetri.

Anda dapat memecah tata letak menjadi bagian yang lebih kecil dan mencoba mencapai keseimbangan simetris atau asimetris di setiap bagian. Misalnya, Anda dapat memiliki tata letak simetris di mana asimetri digunakan untuk membuat tempat menarik dan mengatur hierarki visual dalam grup elemen serupa.

Simetri (atau kekurangannya) bisa menjadi alat yang ampuh di kotak peralatan desainer. Simetri secara alami membangkitkan rasa keteraturan, sementara asimetri, di sisi lain, dapat membantu desainer mencapai keunikan dan karakter dalam desain. Menggabungkan keduanya membantu menciptakan desain yang unik dan mudah diingat oleh pemirsa.

Kesimpulannya

Komposisi yang seimbang terasa pas. Rasanya stabil dan estetis.

Meskipun beberapa elemennya mungkin menjadi titik fokus dan menarik perhatian Anda, tidak ada satu pun area komposisi yang begitu menarik perhatian Anda sehingga Anda tidak dapat melihat area lainnya.

Menyeimbangkan komposisi melibatkan pengaturan elemen positif dan ruang negatif sedemikian rupa sehingga tidak ada area desain yang mengalahkan area lain. Semuanya bekerja bersama dan cocok bersama dalam satu kesatuan yang mulus. Masing-masing bagian berkontribusi pada jumlah mereka tetapi jangan mencoba menjadi jumlah.

Komposisi yang tidak seimbang dapat menyebabkan ketegangan. Ketika sebuah desain tidak seimbang, elemen individu mendominasi keseluruhan, dan komposisi menjadi kurang dari jumlah bagian-bagiannya. Dalam beberapa proyek, tidak seimbang mungkin tepat untuk pesan yang Anda coba komunikasikan, tetapi umumnya, Anda menginginkan komposisi yang seimbang.

Simetri itu indah. Begitulah kebanyakan dari kita melihatnya. Simetri mengarah pada rasa harmoni dan estetika yang menyenangkan. Simetri juga sering dikaitkan dengan formal dan statis. Asimetri, di sisi lain, sementara kurang keindahan yang melekat sering dilihat sebagai lebih menarik, lebih dinamis.

Desainer grafis yang sukses tahu bahwa menguasai konsep visual keseimbangan adalah kunci komunikasi yang efektif. Ketika desain Anda mencapai keseimbangan, yang dapat terjadi dengan desain simetris dan asimetris, mereka akan mencapai kesatuan yang lebih besar, dan audiens Anda akan menggunakan lebih sedikit energi untuk menyerap informasi.

Memahami simetri versus asimetri tidak sulit, tetapi melakukannya dengan benar bisa jadi rumit pada awalnya. 

Seperti kata pepatah, “Keseimbangan bukanlah sesuatu yang Anda temukan. Itu adalah sesuatu yang Anda buat”. Jadi, buat kreativitas Anda mengalir dan mulailah menciptakan tindakan penyeimbangan dari desain Anda yang simetris sempurna dan asimetris tidak sempurna.