{"id":11094,"date":"2021-12-29T00:00:00","date_gmt":"2021-12-29T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2021\/12\/29\/the-irradiation-illustion-mengapa-putih-terlihat-lebih-besar-daripada-hitam\/"},"modified":"2024-09-24T02:20:07","modified_gmt":"2024-09-24T02:20:07","slug":"the-irradiation-illustion-mengapa-putih-terlihat-lebih-besar-daripada-hitam","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2021\/12\/29\/the-irradiation-illustion-mengapa-putih-terlihat-lebih-besar-daripada-hitam\/","title":{"rendered":"The Irradiation Illustion! Mengapa Putih Terlihat Lebih Besar Daripada Hitam?"},"content":{"rendered":"<p>Bila anda pernah mendesain logo, anda mungkin harus mengujinya melalui latar belakang putih dan gelap. Ini merupakan hal yang bagus, karena anda ingin logo terlihat konsisten pada latar belakang yang berbeda. Kebanyakan orang berpikir bahwa semua yang perlu anda lakukan hanyalah membalikkan warna, dan selesai. Tetapi\u2026 bukanlah itu masalahnya. Sesuatu yang aneh terjadi: logo tampak lebih \u201cgemuk\u201d pada warna putih. Pada contoh diatas, goresan simbol logo putih tampak lebih tebal. Hal ini tampak secara khusus ketika anda membandingkan dua goresan berbentuk-daun ditengah. Tetapi percaya atau tidak \u2013 bobot sama persis pada kedua simbol. Membalikkan warna telah membuat logo yang sama persis tampak seperti bertambah berat! Aneh bukan? Ilusi ini disebut <strong>Irradiation Illustion<\/strong>.<\/p>\n<h3><strong>Ilusi<\/strong><\/h3>\n<p>Istilah <strong>ilusi iradiasi<\/strong> diciptakan oleh ilmuan asal Jerman, <em>Hermann von Helmholtz<\/em> pada tahun 1860-an untuk menggambarkan persepsi visual dimana area terang tampak lebih besar daripada area gelap yang berukuran identik. Efeknya telah diamati sejak zaman <em>Galileo<\/em>, yang mengacu pada \u2018efek\u2019 dalam pengamatannya tentang ukuran planet bila dilihat melalui teleskop pada waktu yang berbeda dalam sehari.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9736\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2021\/12\/Screen-Shot-2021-12-29-at-14.21.05-678x342.png\" alt=\"\" width=\"678\" height=\"342\" \/><\/p>\n<p>Pada contoh diatas, anda dapat melihat dua kotak bagian dalam yang lebih kecil, masing-masing dikelilingi oleh kotak yang lebih besar dengan warna terbalik. Meskipun kotak bagian dalam berukuran sama, kotak putih tampak lebih besar dari kotak hitam. Tapi <em>kenapa<\/em>?<\/p>\n<h3><strong>Ilmu dibaliknya<\/strong><\/h3>\n<p>Setelah melakukan berbagai penelitian, para ilmuan mendapat kesimpulan awal: bahwa ukuran persegi <strong>pada retina sama<\/strong>; oleh karena itu, perbedaan ukuran yang dirasakan <strong>terjadi dikorteks visual primer<\/strong>. <u>Sebuah studi baru\u201d ini yang dipimpin oleh <em>Dr. Jose-Manuel Alonso<\/em><\/u>, seorang ahli saraf di <em>State University of New York\u2019s College of Optometry<\/em>, menyelidiki fenomena tersebut sedikit lebih dalam. Sistem visual memiliki <strong>2 saluran utama<\/strong>: <em>Neuron<\/em> yang sensitif terhadap hal-hal yang terang disebut <strong><em>neuron<\/em> \u201c<em>ON<\/em>\u201d<\/strong>, sedangkan <em>neuron<\/em> yang sensitif terhadap hal-hal gelap disebut <strong><em>neuron<\/em> \u201c<em>OFF<\/em>\u201d<\/strong>. Para peniliti mencatat dari kedua jenis <em>neuron<\/em> pada penilitian tersebut. Mereka menemukan bahwa <em>neuron<\/em> \u201c<em>off<\/em>\u201d merespons dengan cara <em>linier<\/em> yang dapat diprediksi ke bentuk gelap pada latar belakang terang: semakin kontras antara obyek gelap dan terang, semakin aktif <em>neuron<\/em> tersebut. Tetapi <em>neuron<\/em> \u201c<em>on<\/em>\u201d merespon bentuk terang secara tidak proporsional pada latar belakang gelap: untuk jumlah kontras yang sama, <strong>mereka memiliki respons yang lebih besar<\/strong>.<\/p>\n<p>Peneliti independen <em><u>Grant Ocean<\/u><\/em><u> memiliki penjelasan yang bagus tentang apa yang dapat menyebabkan respon yang lebih besar<\/u>. Seperti yang diketahui, bahwa cahaya memberikan kekuatan fisik atau energi yang bekerja pada retina kita dan menghasilkan ransangan sensorik untuk menghasilkan penglihatan. Bahwasannya juga merupakan fakta bahwa warna putih memantulkan (memancarkan kembali) lebih banyak energi cahaya (atau lebih tepatnya foton) daripada warna hitam; oleh karena itu, <strong>kotak putih kecil menampilkan tingkat energi yang lebih tinggi daripada kotak hitam kecil<\/strong>. Kedua kotak kecil berukuran identik, tetapi memancarkan kembali kerapatan foron yang berbeda. Kotak putih kecil memiliki kepadatan foton yang lebih tinggi (dihasilkan oleh intensitas gaya cahaya yang lebih tinggi); sehingga dapat mengaktifkan area yang lebih besar pada korteks visual utama. <strong>Semakin banyak energi cahaya yang dipantulkan suatu obyek, semakin besar pula obyek tersebut cenderung dirasakan<\/strong>.<\/p>\n<h3><strong>Sifat evolusi<\/strong><\/h3>\n<p>Ilusi optik ini mungkin memiliki tujuan yang lebih besar dalam evolusi kita. Mengutip dari <em>Dr. Jose-Manuel Alonso<\/em>, penglihatan yang terdistorsi ternyata sangat berguna bagi manusia, \u201ckarena ketika anda berada ditempat yang sangat gelap, hal itu memungkinkan anda untuk melihat cahaya. Hal ini dapat membantu, katakanlah, memperingatkan anda tentang pemangsa dimalam hari. Tetapi pada siang hari lebih banyak obyek gelap yang terlihat, jadi sebaliknya tidak terdistorsi\u201d, kata <em>Alonso<\/em>.<\/p>\n<h3><strong>Pikiran iradiasi<\/strong><\/h3>\n<p>Setelah semua penjelasan ilmiah: <strong>bagaimana kita dapat meningkatkan karya desain kita dengan pengetahuan baru ini? <\/strong>Jika anda seperti saya, anda akan langsung berpikir: <strong>mode gelap<\/strong>. Terdapat banyak hal yang dapat dikatakan tentang mode gelap dalam desain <em>UI<\/em> \u2013 seluruh artikel akan diperlukan untuk membahasnya. Namun mengikuti prinsip ilusi iradiasi, kita dapat menarik beberapa kesimpulan dan perbaikan yang dapat dilakukan saat menerjemahkan desain dari mode terang ke mode gelap:<\/p>\n<ul>\n<li>Mode gelap akan membuat <em>font<\/em> terlihat lebih <strong>tegas<\/strong>. Pertimbangkan ini saat menangani area penulisan yang luas, dan judul tebal yang besar. Terkadang ada baiknya untuk mengurangi satu bobot <em>font<\/em> saat menafsirkan desain anda ke mode gelap, sehingga coretan huruf tetap mirip secara optik dengan mode terang.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9737\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2021\/12\/Screen-Shot-2021-12-29-at-14.25.13-679x342.png\" alt=\"\" width=\"679\" height=\"342\" \/><\/p>\n<ul>\n<li><strong>Jangan gunakan <em>full-black<\/em><\/strong> pada mode gelap. Hitam pekat akan memperburuk efek penyinaran, karena kontras yang tinggi dengan teks, gambar, dan grafik. Namun, ingatlah bahwa anda memerlukan kontras untuk memenuhi pedoman aksesibiliitas: mencapai keseimbangan antara kontras yang terlalu banyak dan terlalu sedikit sangat penting untuk pengalaman pengguna dan antarmuka yang hebat.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-9738\" src=\"http:\/\/binus.ac.id\/knowledge\/wp-content\/uploads\/2021\/12\/Screen-Shot-2021-12-29-at-14.25.52-681x342.png\" alt=\"\" width=\"681\" height=\"342\" \/><\/p>\n<p>Bila anda seorang perancang logo, pemahaman ini sangat berguna. Anda mungkin ingin <strong>menyesuaikan bobot goresan logo<\/strong> saat menampilkannya pada latar belakang gelap. Pada <em>illustrator<\/em> misalnya, saat mendesain versi putih dari desain logo anda, anda cukup menerapkan goresan yang tipis, memperluas bentuk, dan menggunakan cetakan uuntuk menghilangkannya. Seberapa banyak berat yang anda perlukan untuk melakukan hanya dengan mata atau pandangan, tetapi tujuannya adalah untuk <strong>membuat desain tampak secara optik sama dalam warna putih diatas hitam seperti hitam diatas putih<\/strong>.<\/p>\n<p>Artikel merupakan terjemahan dari artikel asli yang berjudul <a href=\"https:\/\/uxdesign.cc\/why-white-looks-bigger-than-black-the-irradiation-illusion-935dc634bb42\">\u201cWhy White Looks Bigger than Black \u2013 The Irradiation Illusion\u201d<\/a> oleh <a href=\"https:\/\/goncalodiasmm.medium.com\/\"><span style=\"font-size: 14px\">Gon\u00e7alo Dias<\/span><\/a><span style=\"font-size: 14px\"> yang diterbitkan pada situs <a href=\"https:\/\/uxdesign.cc\/\">uxdesign.cc<\/a><\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bila anda pernah mendesain logo, anda mungkin harus mengujinya melalui latar belakang putih dan gelap. Ini merupakan hal yang bagus, karena anda ingin logo terlihat konsisten pada latar belakang yang berbeda. Kebanyakan orang berpikir bahwa semua yang perlu anda lakukan hanyalah membalikkan warna, dan selesai. Tetapi\u2026 bukanlah itu masalahnya. Sesuatu yang aneh terjadi: logo tampak [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":11095,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11094","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11094"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11094\/revisions"}],"predecessor-version":[{"id":11612,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11094\/revisions\/11612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11095"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}