Memahami Simetri dan Asimetri dalam Desain
Diterbitkan: 2019-11-05Desainer mengetahui pentingnya menguasai konsep visual keseimbangan untuk menyampaikan pesan yang tepat agar dapat dipahami oleh audiens. Seringkali, keseimbangan dianggap tercapai hanya ketika benda-benda berada dalam simetri atau memiliki bobot yang sama di kedua sisi desain. Ini tidak benar; Anda dapat mencapai keseimbangan dengan cara lain juga. Untuk ini, pertama-tama kita harus memahami apa yang dimaksud dengan keseimbangan dalam desain. Ini dikenal sebagai distribusi elemen desain. Ini adalah interpretasi visual gravitasi dalam desain. Benda besar dan padat tampak lebih berat, sedangkan elemen kecil tampak lebih ringan. Ada berbagai cara untuk mencapai keseimbangan dalam desain. Kami akan membahas dua metode yang banyak digunakan: Desain simetris dan Asimetris.
Apa itu Simetri?
Simetri mengacu pada kualitas visual dari bagian gambar yang berulang melintasi sumbu, sepanjang jalur atau pusat. Unsur dan komposisi yang sama pada kedua sisinya dan selalu terlihat seimbang. Referensi terbaik yang dapat diambil dari alam untuk memahami konsep Simetri adalah kupu-kupu. Semua bentuk yang berlawanan adalah rekanan satu sama lain dan dalam proporsi yang sempurna. Simetri sempurna seperti itu menciptakan rasa harmoni yang terlihat menyenangkan secara visual dan karenanya sering dirasakan dengan sangat baik.
Ada berbagai metode untuk mencapai Simetri dari berbagai jenis. Mari kita bahas beberapa di antaranya:
1. Refleksi Simetri:
Simetri Refleksi, juga dikenal sebagai Simetri Bilateral adalah bentuk Simetri yang paling umum dan populer. Dalam Simetri seperti itu, sumbu pusat dapat diposisikan secara horizontal atau vertikal tanpa mempengaruhi Simetri dengan cara apa pun. Tidak hanya sumbu vertikal dan horizontal tetapi Simetri tersebut juga dapat ditemukan pada beberapa sumbu diagonal. Ambil, misalnya, kepingan salju yang simetris di mana pun Anda meletakkan sumbu pusat. Karena tidak ada variasi di kedua sisi sumbu pusat dalam Simetri tersebut, ini juga disebut sebagai Simetri Murni.
Saat kita memasukkan Reflection Symmetry dalam desain web kita, kita bisa melakukannya di layout. Prinsip dasarnya tetap sama. Namun, perlu dicatat bahwa Anda harus mengambil inspirasi dari praktik-praktik tersebut dan tidak menghindar sedikit dari bagaimana elemen-elemen di kedua sisi sumbu tengah terlihat asalkan mereka secara proporsional serupa. Praktik ini terkadang membantu menciptakan kontras yang tinggi, seperti yang terlihat pada contoh situs web di atas.
2. Simetri Rotasi:
Simetri Rotasi juga dikenal sebagai Simetri Radial. Ini digunakan untuk menambahkan gerakan dalam desain. Ide dasarnya adalah untuk memutar elemen ke tingkat tertentu yang membantu menggambarkan gerakan elemen tersebut dalam desain dengan menampilkannya dalam dua atau lebih sudut berbeda yang menunjukkan perpindahan dan kecepatan. Ini menyampaikan tindakan yang dinamis. Mereka harus berada pada jarak, frekuensi, dan sudut yang sama dari objek visual untuk berada dalam simetri rotasi. Jika kita mengambil inspirasi dari alam, contoh terbaik dari Simetri Rotasi adalah kelopak bunga matahari.
Ketika kita berbicara tentang desain web atau desain logo, penggunaan Rotation Symmetry terbaik dapat dilihat pada desain logo Mitsubishi. Pola yang sama diputar dalam tiga sudut berbeda yang terhubung di tengah, yang menyerupai desain bunga, dan menggunakan Simetri rotasi dan menciptakan rasa gerakan.
3. Simetri Translasi:
Simetri Translasi dicapai dengan merelokasi objek ke posisi lain sambil mempertahankan orientasi umum atau tepat. Biasanya digunakan untuk batas untuk menahan pola rumit "sejajar" pada permukaan datar atau permukaan dua dimensi. Ini tidak mengharuskan semua elemen berukuran sama. Berkali-kali mengubah ukuran pola berulang dalam orientasi yang sama dapat digunakan untuk menunjukkan jarak, gerakan, atau kedekatan juga. Ini adalah cara ideal untuk menciptakan kecepatan, suara, dan aksi dalam desain Anda.
Ketika datang ke desain web, desainer sering menggunakannya satu elemen halaman web daripada mendesain seluruh situs web dengan cara itu. Ini juga merupakan praktik yang sangat baik untuk mendesain logo. Logo Layanan Penyiaran Publik memanfaatkan simetri transisional yang dipadukan dengan monokrom untuk menunjukkan kontras dalam logo mereka.
4. Simetri Warna:
Simetri sering dianggap dan dibicarakan hanya dalam bentuk dan pengaturannya, tetapi juga dapat diimplementasikan dalam aspek warna itu. Roda warna itu sendiri berada dalam Simetri yang sempurna sehingga setiap naungan, setiap warna memiliki warna berlawanan yang nyaman yang mengarah ke Simetri yang cerdas. Warna sebagai elemen desain individu itu sendiri memiliki dampak signifikan pada estetika visual dan bahasa situs web. Oleh karena itu, menciptakan simetri warna di situs web sangat penting untuk membuat pengalaman pengguna yang menenangkan dan nyaman di mata. Ini juga dapat membantu desainer menjaga keseimbangan ideal antara berbagai elemen seperti poin minat, keunikan, dan karakter.
Apple mencapai simetri warna yang sukses menggunakan kombinasi paling populer dan klasik antara hitam dan putih atau monokrom dalam desain situs web mereka. Kontras dalam warna memberi ruang bernapas untuk elemen individual serta pengalaman situs web secara keseluruhan. Pengguna merasa nyaman saat menavigasi situs karena informasi tampaknya sangat terorganisir dan terstruktur.
Sekarang setelah kita mengetahui jenis-jenis keseimbangan simetris, kita dapat mendiskusikan keuntungan menggunakannya dalam desain.
Sampaikan rasa percaya: Tata letak simetris sangat cocok untuk desainer yang ingin menyampaikan rasa percaya. Ini juga memberikan rasa stabilitas; maka jika Anda bekerja untuk bank; Desain simetris mungkin bisa menjadi pilihan yang tepat.
Untuk halaman dengan satu objek interaksi: Keseimbangan simetris berfungsi paling baik untuk halaman yang memiliki satu objek interaktif. Biasanya, halaman login/pendaftaran memiliki halaman seperti itu. Dengan menggunakan objek interaksi utama atau pesan kritis di tengah, Anda dapat memiliki titik fokus sentral.
Ketika sebuah halaman memiliki dua atau lebih pilihan penting untuk dipilih: Menggunakan keseimbangan asimetris memungkinkan pengunjung untuk fokus pada semua halaman situs web secara merata. Salah satu tempat terbaik di mana hal ini dapat bermanfaat adalah situs belanja yang memiliki produk untuk pria dan wanita. Oleh karena itu satu bagian halaman dapat menampilkan bagian laki-laki dan bagian perempuan lainnya.
Sekarang kita telah membahas berbagai jenis keseimbangan Simetri dan bagaimana desainer yang berbeda memasukkannya ke dalam desain, mari kita memahami apa itu desain Asimetris.
Apa itu Asimetri?
Keseimbangan yang tidak memiliki simetri disebut keseimbangan asimetris. Apa yang tampak seperti cara komposisi yang kacau adalah yang disengaja dengan rasa keseimbangan yang entah bagaimana masih ada dalam desain meskipun menggunakan elemen dengan bobot yang berbeda-beda yang tidak mencerminkan gambar satu sama lain. Banyak metode dapat mencapai ini. Misalnya, Anda dapat meletakkan elemen berat di salah satu ujung kanvas, dan menyeimbangkannya dengan objek yang lebih ringan di sisi berlawanan dari desain. Praktik seperti itu membuat desain terlihat lebih dinamis dan modern. Juga, mungkin membantu Anda menyampaikan pesan Anda dengan dampak yang lebih signifikan.
Harus diingat bahwa benda yang lebih gelap dan lebih besar selalu memiliki bobot yang lebih berat daripada benda yang kecil dan lebih ringan. Desain asimetris dapat menarik lebih banyak perhatian karena menggunakan hubungan kompleks antara dua atau lebih elemen untuk membuat komposisinya. Ada keseimbangan harmonis yang dicapai dengan menggunakan keseimbangan Simetris, tetapi kadang-kadang menjadi sedikit pasif. Sementara desainer yang menggunakan keseimbangan Asimetris dengan benar tidak perlu khawatir untuk menarik perhatian audiens mereka karena ada lebih banyak ruang lingkup bercerita daripada desain simetris.
Pelukis terkenal Vincent Van Gogh melukis lukisannya yang terkenal bernama "The Starry Night" yang berfungsi sebagai contoh bagus dari keseimbangan Asimetris. Bulan terang di posisi kanan atas komposisi seimbang dan dilengkapi dengan pepohonan gelap di sisi kiri bawah lukisan.
Desain asimetris memberi Anda kebebasan fleksibilitas, ketidakpastian, dan penceritaan. Meskipun desain seperti itu terlihat lebih serampangan dan kacau, seharusnya tidak dianggap mudah untuk dibuat. Menciptakan keseimbangan dalam proses desain yang kacau bisa lebih menantang.
Ada berbagai metode untuk mencapai asimetri dari berbagai jenis. Mari kita bahas beberapa di antaranya:
1. Susunan Berdasarkan Bentuk dan Nilai:
Objek visual warna terang dan ukuran kecil memiliki bobot yang lebih kecil daripada objek visual yang lebih besar dan lebih gelap. Hal ini memungkinkan untuk menyeimbangkan desain dengan menggunakan beberapa elemen yang lebih kecil di satu sisi desain dibandingkan dengan satu objek yang lebih besar di sisi lain desain. Juga, area kosong yang besar dari suatu komposisi dapat dilengkapi dengan detail rumit yang lebih kecil.
2. Sebuah pengaturan menggunakan Tekstur:
Tekstur adalah salah satu teknik paling kuat yang digunakan untuk membuat desain yang menarik dan hidup. Ini dikenal sebagai kualitas permukaan atau rasa suatu objek. Anda akan tahu bagaimana bahan yang berbeda seperti kapas, wol, dan goni terasa di kulit Anda. Ini dikenal sebagai Tekstur bahan itu. Dalam dunia praktis tekstur membedakan dua elemen secara visual serta perbedaan material yang dirasakan secara fisik. Namun, dalam desain web, karena desainnya digital, Tekstur tidak dapat dirasakan dengan sentuhan tetapi dapat digambarkan dengan penyesuaian visual. Tekstur warna dapat diubah sesuai dengan efek halus, kasar, atau lainnya. Dengan menunjukkan kontras yang tajam antara area di mana tekstur berbeda digunakan, dan area lain di mana tidak ada variasi tekstur, rasa keseimbangan dapat ditemukan.
3. Susunan berdasarkan Warna:
Ada banyak cara untuk menggambarkan warna. Ada warna primer, warna sekunder, sementara ada juga warna yang lebih menyegarkan dan nada warna yang lebih hangat. Beberapa warna sangat cerah, dan beberapa agak kusam, sementara beberapa lainnya termasuk netral. Memiliki pengetahuan yang tepat tentang ini dapat membantu desainer memilih warna yang relevan dalam desain mereka untuk meningkatkan daya tarik mereka. Dalam desain asimetris, desainer sering menggunakan warna netral untuk area desain yang luas dan mengontraskannya dengan warna cerah dan jelas pada area yang lebih kecil.
4. Pengaturan berdasarkan Arah Mata:
Ketika kita berbicara tentang desain, secara umum, banyak elemen dapat memberikan panduan visual untuk diikuti oleh audiens, dan melihat apa yang diinginkan oleh desainer untuk dilihat terlebih dahulu, dan kemudian yang kedua dan seterusnya. Bentuk segitiga sering berfungsi sebagai panah atau penunjuk, dan perhatian orang tertarik untuk menemukan petunjuk seperti itu terlebih dahulu dan kemudian melihat sisa desainnya. Juga, ketika elemen desain menunjuk ke sesuatu, itu mengarahkan perhatian audiens ke mana itu menunjuk. Itu membuat penonton penasaran dan karenanya merupakan bagian integral dari elemen desain untuk keseimbangan asimetris.
Sekarang setelah kita mengetahui jenis-jenis keseimbangan asimetris, kita dapat mendiskusikan keuntungan menggunakannya dalam desain:
Untuk membuat tata letak menonjol: Desain asimetri memiliki fitur bercerita, dan karenanya, menonjol dari yang lain, yang memiliki kesan abadi di benak pelanggan.
Untuk menunjukkan dinamisme: Desain dinamis adalah desain di mana mata pemirsa bergerak melalui tata letak desain alih-alih melihat semua elemen sebagai satu kesatuan. Desain asimetris menggambarkan perasaan gerakan. Inilah sebabnya mengapa banyak merek olahraga menggunakan desain asimetris dalam logo dan tata letaknya.
Untuk menarik perhatian: Desain asimetri menarik perhatian. Ini secara otomatis memandu pengunjung ke titik fokus, dan pandangan tertuju pada aspek paling kritis dari desain terlebih dahulu. Dengan menyesuaikan dan memposisikan elemen halaman, perancang dapat mengarahkan mata pemirsa ke area yang berbeda.
Sementara kedua praktik desain itu unik dan memiliki implikasi serta kelebihannya, keduanya juga memiliki keterbatasan. Dengan demikian Anda dapat menggabungkan prinsip-prinsip desain Simetri dan Asimetri untuk menciptakan tata letak desain yang estetis. Salah satu cara untuk melakukan ini adalah memiliki tata letak simetris keseluruhan dan wilayah atau elemen asimetris di satu wilayah tata letak untuk membuat titik minat dan mengatur hierarki visual dalam sekelompok elemen serupa.
Oleh karena itu, menguasai keterampilan kedua disiplin ilmu akan membantu Anda merancang situs web yang hebat, dengan tata letak yang menarik dan relevan, yang unik dan mudah diingat oleh pengunjung.