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 Syntactics 1 - Tessellations / Figure and Background

.

  • yohoho
  • Design Course

    Visual Syntactics 1 - Tessellations

    Understanding Visual Language
    by
    Prof. Ravi Poovaiah
    IDC, IIT Bombay
    Figure and Background
     
    • Printer-friendly version

    We are able to differentiate figures as distinct from the backgrounds. This means that we are able to distinguish that a pen or a coffee cup are separate entities which are different from the table upon which they rest.

    We perceive some differences between the figure and ground:
    -  Figures tend to have more meaning than the background and are easily remembered.
    -  Figures appear closer to the ground.
    -  Figures shows more brightness contrast than the area perceived as ground.
    -  Figures seem to have a shape as opposed to the background, which is relatively formless.

    Tessellations:
    When figures are repeated alternately with ground (without overlapping) it is called a tessellation.

    They are only three polygons that can tessellate a plane without being combined with other polygons. They are 

    • Equilateral Triangles
    • Squares and
    • Regular hexagons. 

    In addition to these, any triangle or quadrilateral will tessellate.

    Tessellations can be created mainly by three kinds of transformations
    • Translations (slides)
    • Rotations (turns) and
    • Reflections (flips).

    Few examples are given below:

    Tessellations using Equilateral triangles.

    Tessellations using Squares.

    Tessellations using Regular hexagons.

    Tessellations by Translation (sliding).

    Tessellations by Rotation.

    Tessellations by Reflection.
    • Introduction
    • Tessellations
    • Figure and Background
    • Design Exercise
    • Further Links
    • 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