Structure

For this blogpost I am looking at structures. In the book Visual Grammar, structure is described in multiple way such as the abstract structure, formal structure, informal structure and the structural skeleton. Structure is the way objects are placed and their relationship with each other, and they have a recognizable pattern in them.

Comparing the different structures we can learn that abstract structure is where there is no visible structure lines, Formal structure is when objects are composed evenly and informal structure is when their is no regulation in the composed arrangement.
Some other structures explained by the book is visual distribution, where your eye is judging the position, which is probably a structure we use more daily without noticing. The book also shows us that a structure can be gradient and change size or form in an even rate, as well as being a formed structure that are placed around a common center which is called radiation. Another interesting structure is the invisible/inactive structure, where the lines of the structure are invisible but laid out in a way so that our brain continues to read it anyway.

It’s interesting to look at different structures because I feel like we are exposed to it everyday without even realizing it. The way we do certain things and the way things around us are laid out.
When looking around and reading about structure online I found Grid structure to be interesting, since it could be something very helpful when working on different layouts. At Google books (https://books.google.com/books?id=tzwzAgAAQBAJ&pg=PA226&lpg=PA226&dq=invisible+structure+design&source=bl&ots=_-N-XBNjt5&sig=umZmGogYptr2keBG6UvFDzNbgwo&hl=en&sa=X&ved=0CDcQ6AEwBDgUahUKEwiPq_uiv8LIAhUKo4gKHQBID7k#v=onepage&q=invisible%20structure%20design&f=false) we can read in the book Presentation Zen Design, on page 226, how a grid can be a helpful tool when putting objects together and create a more clear and clean structure. The book also mentions how you can still play with abstract and interesting structures, and by doing that still using the grid it can be easier to have the objects and elements look professional and as if they belong together, without it being boring. It also talks about how it is used as a tool for harmony, a base, similar to how musicians work with a grid that helps the creator but invisible for the listener/viewer.

2921376378_60ffdd1bce_o

An example of a radiation, a shell. We can see how it has a center that the form is placed from (the middle part) and are then surrounding it.

structures

Source of picture: https://media.24ways.org/2010/collison/structures.jpg

Here we can see a few examples on how the structure look different but still works. The upper left is informal, and the upper right is probably formal as well as the lower left. The lower left are using a grid to help knowing where to put the objects. The lower right looks like an example on a gradient structure.

istdlcpcover

Source of picture: https://tonypritchard.files.wordpress.com/2009/12/istdlcpcover.jpg

Here is another picturing of how a grid can help with design and the structure. Using the boxes that are laid out in a structure a designer can used them when deciding where to put the text to make it look structured.

beethoven

Source of picture: https://nelsonc2013.files.wordpress.com/2013/10/beethoven.png

Here is a good example of an invisible structure, as well as radiant and gradient. The lines are centered in one place, and they become smaller and smaller the closer in they come. The lines are also going outside of our views, but we still read the lines closing a circle.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s