Jump to navigation

  •  
  •  
  •  

  • Courses
  • Resources
  • Case study
  • Showcase
  • Tools
  • Gallery
  • Videos

Search form

Animation Design Communication Design Design Fundamentals Interaction Design Product Design Tools for Design Open Design
Home / Courses / Visual Perception for Communication Designers / 4. Edges, Lines and Angles / 4.5 Bulging Checkerboard

.

  • yohoho
  • Design Course

    Visual Perception for Communication Designers

    Human Factors and Sociotechnical Systems Studios
    by
    Vivek Kant and Sruthi Sridhar
    IDC, IIT Bombay
    4.5 Bulging Checkerboard
     
    • Printer-friendly version


    Figure 4.5.a
    Source: Akshata Kare (Recreated for academic purpose)


    Does the checkerboard look like it is bulging from the middle? This is known as the bulging checkerboard illusion. Akiyoshi Kitaoka created the optical illusion known as The Artifact. The checkerboard, in this instance, appears to swell from the centre, but it is actually just a conventional checkerboard with tiny squares placed at specific intervals to create the illusion.

    Why does this illusion take place? Because this uses the Gestalt law of closure, we tend to draw connections between the lines and perceive the squares as off-centre. If we were to see the squares individually, they would appear to be a standard squares, but when we view them collectively, our brains classify them as quadrilaterals, creating the illusion of a "Bulging Checkerboard."

    Another explanation provided by the creators is we tend to perceive lines wherever possible. Take a look at the diagram below. This represents two tiles that are connected in the illusion.


    Figure 4.5.b
    Source: Akshata Kare


    However, the interpretation of what we consider the edges of the black square is based on the edges of the white square; therefore, there is a slight misalignment. In the diagram below, the misalignment is shown as the orange lines.


    Figure 4.5.c
    Source: Akshata Kare


    And as the perceived lines are not "straight," we perceive the squares to be slightly tilted.


    Figure 4.5.d
    Source: Akshata Kare


    In each quadrant, this tilt is manipulated by positing the white dots slightly different in us perceiving the board as bulging.

    We can use this perceived tilt to our advantage by carefully arranging these tiny compartments throughout the checkerboard to produce illusions like the bulging checkerboard.

    Here are more explorations:


    Figure 4.5.e
    Source: Akshata Kare



    Figure 4.5.f
    Source: Akshata Kare



    Figure 4.5.g
    Source: Akshata Kare



    Figure 4.5.h
    Source: Akshata Kare



    Figure 4.5.i
    Source: Akshata Kare



    Figure 4.5.j
    Source: Akshata Kare



    Figure 4.5.k
    Source: Akshata Kare



    Figure 4.5.l
    ​​​​​​​Source: Akshata Kare


    Here is a video investigating further explorations of the illusion:

    • Youtube
    • D'source
    • Download

    jDdylXPvTZg

    AttachmentSize
    File Bulging_Checkerboard.mp47.85 MB
     Source: Akshata Kare

    For more explorations and explanations, take a look at the pdf below:​​​​​​​
    • Bulging Checkerboard......

    • 1. Introduction
    • 2. Nature of Visual Experience
    • 3. Figure-ground Segregation
    • 4. Edges, Lines and Angles
      • 4.1 Cornsweet Illusion
      • 4.2 Grid Illusion
      • 4.3 Poggendorff Illusion
      • 4.4 Muller Lyer Illusion
      • 4.5 Bulging Checkerboard
      • 4.6 Herings Illusion
      • 4.7 Orbison Illusion
      • 4.8 Zollner illusion
    • 5. Color and Lightness
    • 6. Illusory Motion
    • 7. Size and Distance
    • 8. Depth and Perspective
    • 9. Perception, Attention and Change
    • 10. Conclusion
    • 11. Appendix
    • 12. References
    • Downloads
    • Contact Details
    • Credits

    Creating Digital-learning Environment for Design



    • Courses
    • Resources
    • Case study
    • Showcase
    • Tools
    • Gallery
    • Videos
    • Animation Design
    • Communication Design
    • Design Fundamentals
    • Interaction Design
    • Product Design
    • Tools for Design
    • Open Design
    • Contribute to our Dsource
    • About
    • People
    • Events
    • Job@D'source
    • Contact Us
    • Privacy Policy
    • Download App
    • YouTube
    • Facebook
    • Twitter

    Indian Language
    English Bangali Gujarati Hindi
    Kannada Malayalam Marathi Punjabi
    Sindhi Tamil Telugu Urdu