Animate; Session 3

 We Started the session by looking and discussing about poster layout as our main project designing is next week. We were asked to write a blog about which poster stands out to us most in layout format . I took a glanced through all types of them but one which stucked in my mind was a poster by TATE BRITAIN PICASSO AND MORDERN BRITISH ART.

(The poster)

According to me this is a stand out poster because of its layout and title placement. All the important information is highlighted and less important is not. Colour theme and image placement is impressive. I want to create something similar

(The layout of Poster)

Then we discussed about the book which contains all the information on how can we design something which is nice to look at from other people's perspectives like posters, webpage etc we were told to write main points of understanding. The book is                                                                                                  '100 Things Every Designer Needs to Know About People' 

      some points we discussed 

Peripheral Vision is used more than Central Vision to get the Gist of what you See

• If you are designing for a desktop or laptop screen, you should assume that people are using both peripheral and central vision. Although the middle of the screen is important for central vision, don’t ignore what is in viewers’ peripheral vision. Make sure the information in the periphery communicates clearly the purpose of the page or information they are viewing. If you have images of an emotional nature, put them in the periphery instead of in the middle. If you want users to concentrate on a certain part of the screen, don’t put animation or blinking elements in their peripheral vision.

People Identify Objects by Recognizing Patterns

• If you want people to quickly recognize what an object is, you should make use of simple shapes. This makes it easier to recognize the basic geons that make up the shape. We can use space also a patterns to make people identify what we are showing them.

There’s a Special Part of the Brain for Processing Simple Visual Features

•  If you want to grab visual attention, the best way to do it is to have one element look different from any others. Have one item be a different colour. Or have one item be a different shape. You will grab more attention if you use just one feature at a time. But if you are going to use two, then the two to use together are colour and orientation (tilt or angle).

People Scan Screens Based on Past Experience and Expectations

• Put the most important information (or things you want people to focus on) about 30 percent of the page or screen from the top and 30 percent from the left margin (or from the right margin if they are reading in a language that moves from right to left).Avoid putting task-related information at the edges, since people tend not to look there with central vision.  Save the edges for peripheral vision, which may include images with emotion or anything that will give the “gist” of the scene—for example, logos, branding, and navigation menus. Design the screen or page so that people can move in their normal reading pattern. Avoid a pattern that forces people to bounce back and forth to many parts of the screen to accomplish a task.

People Remember Only Four Items at Once

• Limit the number of choices or items to three or four. For example, when you provide links that people can go to for more information, limit the number of links to three or four. If you can’t limit the number of links, topics, or choices to three or four, chunk or group information into three or four groups. For example, when you are asking people to choose what to do next, instead of showing them a list of 10 topics or items to click on, group like items together and show three or four groups with three or four items in each group. When you chunk or group information, make sure there are no more than four items in each chunk.  Be aware that people tend to use external aids, sometimes called “job aids,” when their working memory is being overloaded. If you observe people using your product and they have to refer to lists, notes, sticky notes, and so on while they are using the product, that is an indication that you are overloading working memory.

Afterwards we had to design our own layout with materials given in a project file.  We also had to choose colour schemes add any elements of our own. 

I started by a basic movie poster layout but it was not interesting. It was something which we see everywhere and ignore it. So after deleting that I started again but this time i went for my version of Picasso poster. I liked it that much. I arranged my grid lines added all elements placed it neatly with one object (paper clip) on right hand side in middle as attention seeker. I had an urge to animate something subtle as it was adobe animate . I  drew a pattern of small hero objects at a particular distance and gave it a blending mode. There were many trials and errors on the way . Then i added a motion tween on background clips and gave it a subtle animation it was wonderful to look at and i liked it. So i exported it as a GIF. Now for explaining it it took a paragraph but making it was almost 2 hours.  

 The Final outcome