Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

(Part 2) Tingkatkan Desainmu Dengan Mengupas Prinsip Closure dan Figure/Ground

- Advertisement -
- Advertisement -
- Advertisement -

Pernahkah Anda bertanya-tanya bagaimana elemen datang bersama-sama untuk menciptakan desain yang sukses? Bukan kebetulan bahwa desain yang menarik tampaknya hanya bekerja. Apa yang sebagian besar memiliki kesamaan desain adalah penggunaan Gestalt pengelompokan prinsip untuk mengatur informasi yang membantu kita memahami hubungan dan perbedaan antara elemen. Sebagai desainer, kita dapat menggunakan prinsip ini untuk menciptakan karya kita sendiri yang menarik dan sukses.

Mari kita mulai dengan prinsip Gestalt closure!

Closure

Menurut prinsip Universal Desain, prinsip ini menyatakan bahwa kita memiliki kecenderungan untuk melihat satu set elemen individu sebagai satu, pola dikenali, bukan beberapa, Bagian individu. Menggunakan closure secara efektif mengurangi kompleksitas dengan mengurangi elemen ke bagian sesedikit mungkin yang dibutuhkan untuk menyelesaikan sebuah objek. Dilengkapi dengan informasi yang cukup, kita akan mengisi bagian yang hilang untuk membuat keseluruhan. Hal ini dicapai melalui penggunaan ruang positif dan negatif.

Dalam contoh di bawah ini, pikiran kita melengkapi garis untuk membentuk sebuah lingkaran, meskipun bentuknya tidak ada. Ruang positif dan negatif digabungkan untuk membentuk persepsi kita tentang lingkaran.

Simple example of closure forming a circle

Closure dapat digunakan untuk membuat kita melihat objek atau pola menggunakan jumlah terdikit informasi. Pikiran kita begitu bersemangat untuk mengisi informasi yang hilang, dan dapat dilakukan dengan sangat sedikit elemen. Namun, jika kita tidak memberikan informasi yang cukup untuk menyelesaikan pola, maka kita tidak dapat melihat objek dan Closure gagal, membuat lingkaran jauh lebih sulit untuk terbentuk dalam pikiran kita. Lihatlah dan lihat apakah Anda dapat menyelesaikannya dalam pikiran Anda. Ini jauh lebih sulit, bukan? Kita tidak bisa cukup memasukkannya bersama sekarang dengan jumlah informasi yang sedikit yang diberikan.

Simple example of closure failing

MENCIPTAKAN CLOSURE YANG EFEKTIF

Contoh di atas adalah ilustrasi yang sangat mendasar tentang bagaimana kita memandang pola untuk membentuk Closure. Pada kenyataannya, ada banyak elemen visual yang dapat kita gunakan untuk membantu kita membentuk closure yang efektif:

  • Ruang positif dan negatif. Seperti disebutkan sebelumnya, Ruang positif dan negatif digabungkan dalam closure untuk membentuk keseluruhan. Hal ini dapat dicapai dengan mencari bentuk tersembunyi di ruang negatif dari desain atau dalam jenis. Selain itu, menghapus elemen dari latar depan dapat membuat bentuk negatif yang menarik, dan dengan demikian, menyederhanakan desain.
  • Kontras. Kunci untuk membentuk Closure adalah menciptakan kontras yang kuat antara elemen latar depan dan latar belakang. Seperti biasa, hitam dan putih menciptakan kontras terbaik, tetapi Anda juga dapat bereksperimen dengan warna pelengkap untuk kontras yang kuat juga.
  • Warna. Warna tidak hanya menambahkan kehidupan ke desain, warna juga dapat digunakan untuk memperkuat hubungan, terutama jika menggunakan bentuk abstrak untuk mewakili bentuk.

Semua closure menggunakan jumlah jika tidak semua elemen visual di atas. Menggunakannya dan bereksperimen dengan pengurangan desain Anda akan membantu Anda menemukan formulir baru. Mari kita sekarang melihat pada closure di dunia nyata dan melihat bagaimana semuanya datang bersama-sama.


CLOSURE DALAM PRAKTEKNYA

Dengan menggunakan Closure, kita dapat mengurangi elemen yang dibutuhkan untuk menyampaikan informasi visual, mengurangi kompleksitas dan membuat desain lebih menarik. Salah satu penggunaan yang lebih umum dari closure adalah dalam desain logo perusahaan, justru karena penutupan dapat menyederhanakan desain untuk dengan cepat menyampaikan identitas merek.

Dapat dilihat di bawah ini adalah logo terkenal. Biasa kita kenali sebagai Merak NBC. Jika membandingkan logo saat ini (di sebelah kanan) dengan logo lama, Anda dapat melihat bahwa mereka tidak sangat berbeda. Tapi dengan mengurangi elemen dan bekerja dengan ruang negatif, logo saat ini menjadi jauh lebih disederhanakan dan elegan. Closure ini berhasil dicapai dengan menggunakan pengelompokkan secara ketat, bentuk positif sebagai bulu, dengan persepsi kita tentang tubuh merak yang terbentuk melalui penggunaan ruang putih negatif di tengah.

NBC logo
Mengurangi elemen dan menggunakan ruang negatif menyederhanakan logo NBC saat ini, di sebelah kanan.

Logo lain yang diakui baik yang closure-nya berhasil adalah dari FedEx. Dalam logo ini, closure dicapai dengan spasi putih negatif, menggunakan bagian huruf besar E dan huruf kecil x untuk membentuk maju panah bergerak ke depan. Perancang bereksperimen dengan banyak desain, akhirnya menarik huruf lebih dekat dan lebih dekat bersama-sama sampai ia melihat panah membentuk antara e dan x. Ini menunjukkan bahwa bereksperimen dengan pengurangan desain Anda, dan mencari ruang di antaranya, dapat menghasilkan hasil yang fantastis. Untuk kisah di balik penciptaan logo, lihat artikel besar Matius Mei di Fast Company. Dapatkah Anda melihat panah di logo? Anda tidak akan pernah melewatkannya dari sekarang!

Fedex logo
Ruang negatif membentuk panah bergerak maju dalam logo Fedex.

Contoh di atas adalah logo terkenal yang menggunakan closure dengan cara yang cukup jelas. Namun, ada logo kurang terkenal yang menggunakan closure lebih halus. Sebagai contoh, Houzz menggunakan closure yang lebih konseptual. Pada pandangan pertama, bentuk hijau, hitam dan putih mungkin menyerupai rak, Bagian dari bangunan, atau pola dinding, menyarankan tentang apa isi website ini. Tapi jika dilihat lebih dekat, ternyata mengungkapkan sesuatu yang lain juga. Keinginan pikiran kita untuk mengisi ruang dan pola lengkap memungkinkan kita untuk menggabungkan bentuk terpisah menjadi satu kesatuan, membentuk huruf besar H dalam ruang tiga dimensi.

Houzz logo
Penutupan menggabungkan bentuk dalam logo Houzz untuk membentuk H dalam ruang tiga dimensi.

Sementara closure sangat bagus untuk penciptaan logo yang menarik, ternyata bisa bekerja dengan cara lain juga. Situs web juga dapat menggunakan ruang positif dan negatif dalam desain antarmuka mereka untuk menghasilkan closure yang efektif. Di bawah ini, logo Uncrate menggunakan ruang positif terhadap latar belakang hitam dan negatif untuk membentuk huruf dari logonya dan figure/ground yang kita akan segera bahas lebih dalam.

Uncrate website
Uncrate menggunakan penutupan untuk membentuk huruf dari namanya.

MENGGUNAKAN CLOSURE SAAT MEMBUAT IKON

Ikon berguna ketika kita perlu menyampaikan pesan atau memperkuat konsep dalam ruang kecil. Mereka harus sederhana dan dipreteli untuk elemen dasar mereka untuk membantu orang dengan cepat memahami makna mereka. Closure bekerja dengan baik dalam pembuatan ikon, memanfaatkan ruang positif dan negatif untuk mengurangi kompleksitas, sementara masih menyarankan bentuk atau benda yang kita anggap sebagai keseluruhan, seperti dalam contoh ini dari situs Web Noun Project.

Icons utilizing closure to form recognizable objects
Meskipun ikon ini dikurangi menjadi kemiskinan elemen, kita menganggap potongan sebagai keutuhan dan bentuk objek akrab: laci file, jendela toko dan awning, folder ditumpuk, dan surat.

CLOSURE ABSTRAK

Closure bisa menjadi cukup abstrak dan masih memungkinkan kita untuk membentuk pola yang dikenali. Salah satu favorit saya menggunakan closure adalah di Google Doodle. Google sering menggunakan closure dalam coretan, bergantung pada kebutuhan inheren kita untuk mengisi informasi yang hilang untuk membuat seluruh objek. Google Doodles tergantung pada keakraban kami dengan logo Google yang memungkinkan kita untuk membaca gambar di bawah ini meskipun mengandung bentuk yang sangat abstrak. Di sini, warna membantu untuk memperkuat hubungan antara setiap huruf dari logo Google juga.

Google doodle for the 2015 FIFA Women’s World Cup
Keakraban dengan logo Google (di atas) memungkinkan kita untuk membentuk logo dalam pikiran kita, meskipun sangat abstrak, seperti dalam doodle ini untuk 2015 FIFA Women’s World Cup.

Seperti yang dapat Anda lihat, menggunakan ruang positif dan negatif secara kreatif, dan mengurangi elemen dalam desain kami, kita dapat membuat beberapa desain yang sangat menarik dengan closure. Kita dapat memanfaatkan kebutuhan untuk mengisi bagian yang hilang untuk mengurangi kompleksitas dan menyederhanakan desain kita. Selanjutnya, kita akan melihat bagaimana kita dapat menggunakan ruang positif dan negatif untuk membuat hubungan figure/ground yang baik.


Figure/Ground

Apa prinsip figure/Ground? Menurut prinsip universal Desain, figure/ground adalah saat di mana kita melihat elemen sebagai salah satu objek fokus atau latar belakang. Seperti closure, figure/ground bekerja melalui penggunaan ruang positif dan negatif. Figure/ground ada di hampir semua yang kita anggap secara visual, entah sebuah adegan, komposisi, sebuah website, logo atau ikon.

Figure/ground stabil ketika objek dibedakan dari latar belakang dan latar belakang tidak memiliki minat. Kestabilan figure/ground menyediakan pengaturan untuk objek dan memungkinkan kita untuk memusatkan perhatian di mana kita menginginkannya. Sebagai contoh, kita melihat gambar di bawah sebagai lingkaran di latar belakang. Lingkaran adalah fokus dan memegang perhatian kita sementara latar belakang sedikit menarik. Contoh ini menunjukkan stabilitas figure/ground karena memiliki sosok bentuk dan dianggap berada di depan, sementara latar belakang tidak berbentuk, terus di belakang gambar pada kedalaman lebih lanjut.

Simple example of stable figure-ground

Ketika figure/ground tidak stabil, seperti dalam contoh di bawah ini, perseptual ambiguitas diperkenalkan dan hubungan antara elemen menjadi tidak jelas. Dalam hal ini contoh sengaja disederhanakan, figure dan ground yang reversibel, menyebabkan kita untuk bergantian antara melihat satu item dan kemudian yang lain sebagai figure dan kemudian ground.

Simple example of unstable figure-ground

Namun, ambiguitas tidak selalu hal yang buruk. Kurangnya stabilitas ini dapat digunakan untuk keuntungan kita ketika merancang. Dengan sengaja mengdestabilisasi hubungan figure/ground dapat mengenalkan perselisihan atau ketegangan, menambah kegembiraan dan ketertarikan pada desain kita. Salah satu favorit saya menggunakan ketegangan ini dalam figure/ground di pidana Underworld seri poster oleh Simon C. Page. Di sini, Page sengaja mendestabilisasi figure/ground, prinsip melawan dirinya sendiri sebagai pertempuran figure dan ground untuk menarik perhatian kita, sama seperti pahlawan dan penjahat dalam pertempuran poster melawan satu sama lain.

Criminal Underworld posters of Batman versus Penguin and Spiderman versus Green Goblin
Perhatikan bagaimana sosok dan pergeseran tanah tergantung pada pahlawan atau penjahat yang Anda fokuskan.

MENCIPTAKAN HUBUNGAN FIGURE/GROUND YANG BAIK

Ada banyak elemen visual yang dapat kita gunakan untuk memperkuat hubungan figure/Ground dalam desain kita. Menggunakan elemen ini dapat membantu kita memusatkan perhatian di mana kita menginginkannya, membantu dalam memorabilitas sebuah website atau desain lainnya:

  • Kontras. Putih atau hitam, dipasangkan dengan warna, seperti yang terlihat pada poster Criminal Underworld, menciptakan kontras yang sangat kuat. Demikian juga, warna pelengkap sangat bagus untuk menciptakan kontras. Jika warna murni terlalu intens, Ubah nilainya (seberapa gelap atau terang warnanya) untuk menciptakan kontras yang lebih efektif.
  • Warna. Warna hangat, seperti kuning, jeruk dan merah, dianggap sebagai mendekat dan dapat digunakan untuk memperkuat angka. Warna dingin, seperti purples, Blues dan hijau, dianggap sebagai surut dan dapat digunakan untuk memperkuat latar/ground.
  • Ukuran. Ketika elemen besar mengisi sebagian besar latar, itu akan dianggap sebagai sosok. Sebaliknya, elemen kecil di dalam latar besar akan dianggap sebagai sosok.
  • Posisi. Elemen diposisikan di daerah yang lebih rendah akan dianggap sebagai figure sementara elemen diposisikan di daerah atas akan dianggap sebagai latar/ground. Posisi bermain dengan persepsi jarak kita, seperti kita melihat objek diposisikan di daerah yang lebih rendah untuk menjadi lebih dekat dengan kita dan objek diposisikan di daerah atas untuk menjadi lebih jauh.
  • Fokus. Elemen yang dalam fokus akan dianggap sebagai figure sementara elemen yang berada di luar fokus, kabur, memudar, atau berwarna, akan dianggap sebagai latar/ground.

Sebagian besar hubungan figur/ground yang baik dibuat dengan kombinasi dari banyak elemen visual. Selanjutnya, mari kita lihat beberapa contoh di dunia nyata dan melihat bagaimana elemen ini bekerja sama untuk menciptakan sosok figure/ground.

FIGURE/GROUND DALAM PRAKTEKNYA

Contoh figure/ground dalam seri poster Criminal Underworld di atas menunjukkan prinsip dalam keadaan yang tidak stabil, di mana figure dan ground bertempur satu sama lain untuk menarik perhatian. Ketidakstabilan figure/ground bekerja dengan baik ketika ada beberapa elemen dan Desain sederhana. Namun, ini mungkin tidak selalu menjadi prinsip tujuan penggunaan ketika kita sedang merancang situs web, meskipun itu tergantung pada isi dan konteks situs web. Website perlu menyampaikan informasi yang kompleks dan masih menjadi jelas dan bermanfaat. Dengan figure/ground yang stabil, kita dapat memandu perhatian di mana kita menginginkannya dan menghindari ambiguitas pesan yang sedang kita coba Komunikasikan.

Lihat contoh di bawah ini dari situs web Apple Music. Kemungkinan besar, mata Anda tertarik pada gambar smartphone, yang, bersama dengan salinan di sebelah kiri, adalah elemen figure. Sementara latar belakang mulai berjuang untuk perhatian kita, elemen figure ditingkatkan melalui penggunaan beberapa elemen visual. Pertama, angka diperkuat melalui salinan besar dan ukuran besar smartphone. Memposisikan smartphone di bagian bawah layar juga membantu dalam membawa angka ke depan. Angka ini lebih ditingkatkan dengan pewarnaan kembali Animasi video di latar belakang, menyebabkan ground untuk surut. Akhirnya, kontras antara layar terang dan latar belakang gelap memberikan pemisahan yang baik antara figure dan ground.

Apple Music website
Sebuah hubungan figure/ground yang baik dibuat dengan menggunakan beberapa elemen visual.

Dalam contoh berikutnya, dari situs web Naya, ukuran gambar adalah elemen visual terkuat yang digunakan untuk menciptakan figure yang baik. Di sini, kita melihat wanita (dan topi yang sangat besar!) sebagai figure ketika ia mengisi mayoritas latar/ground. Selain itu, penggunaan warna dingin di latar belakang, serta pandai menggunakan elemen yang tumpang tindih, membantu dalam membantu latar belakang surut. Akhirnya, seperti contoh Apple Music, ada kontras yang baik yang memisahkan latar depan dari latar belakang.

Naya website
Situs web Naya memanfaatkan figur besar untuk menciptakan hubungan figure/ground yang baik.

Akhirnya, kontras yang sangat baik antara figure and ground adalah kekuatan dari situs R/m Design School. Di sini, Menu menunjukkan kontras yang kuat, menggunakan warna cerah dan hitam untuk memisahkan figure dari ground. Selain itu, warna hangat digunakan untuk memperkuat persepsi figure yang datang ke arah kita. Tidakkah Anda hanya ingin menjangkau dan mengambil ubin merah!

Readymag Design School website
Situs R/m desain sekolah mempekerjakan kontras yang kuat untuk menciptakan sosok yang baik-tanah.

Kesimpulan

Memahami bagaimana menggunakan Closure serta figure/ground akan membantu Anda membangun hubungan yang kuat dan perbedaan antar elemen dalam desain Anda.

  • Lihatlah ruang negatif seperti halnya ruang positif untuk menemukan bentuk menarik;
  • Bermain-main dengan menghapus elemen di latar depan dan menggunakan ruang negatif untuk membentuk bentuk sebagai gantinya;
  • Akhirnya, campur elemen visual seperti kontras, warna, ukuran, posisi dan fokus untuk membuat hubungan angka stabil dan tidak stabil-tanah.

Sekarang setelah Anda tahu cara menggunakan kedua prinsip ini dalam pekerjaan Anda, Pergilah dan ciptakan desain menarik dan sukses Anda sendiri!

Pada bagian ketiga dan terakhir dari seri ini, kita akan fokus pada prinsip kelanjutan dan common fate, yang melibatkan gerakan, baik tersirat dan animasi, untuk menciptakan hubungan.

sumber: smashingmagazine.com

- Advertisement -

Latest articles

15.1k Followers
Follow

Related articles