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

.

top unblocked 76 games free access unblocked games 76 now latest unblocked online games kays games unblocked access retro bowl unlimited play play retro bowl without block cool math brain games free school-friendly unblocked games yohoho io game online lesson guru hack and help play baseball bros unblocked classroom 6x games to play 76
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