Sunday, 10 May 2020

Research: Pentagram, Experimenting with Book Layout and Web

Pentagram: 'Platform 10 Live Feed' - Book design for Harvard Graduate School of Design's annual compendium showcasing student work and events.





> The publication breaks many traditional rules. There is little consistency among the pages, some contain much more text, other predominantly image,
> Was inspired by the visuals of social media feeds, this is evident in it's sporadic layout.
> Really brings attention to the way we perceive  information in different formats by contrasting the two.
 - Feel like this could be interesting to experiment with within the project. Experiment more with layout, break the traditional book format.
> The publication is printed on french folds to create the illusion of it being made form one continuous piece of paper.
 - Having design decisions made to influence the way the audience interacts or experiences the publication. How could this apply to my project? Does it need to feel less like a book or more like one, why? 

Development:
> Feeling as though the publication would be a really good way of bringing attention to the body.
> Folding book has succeeded in this well so far, making the audience interact with the book for it to make sense.
 - This was furthered with the addition of having to rotate the book for certain images.

Experimentation into layout that is more chaotic was interesting, presented a different visual, one more similar to an initial idea for website (see below).
> Thinking to pentagram and their publication.
> Incorporating eye tracking as a way to give the pages a layout.




Thinking of refining this aesthetic, bringing in colour etc.
 - The simpler the more effective, however does this bring attention to the body?

Wanting to play around with the arrangement of text more, less box like and seeing how this could impact the reading experience.



> Playing with the placement of text on the page, spreading it out preventing a traditional reading pattern to be used. 
> Kept the eye tracking points on, I find they add an extra element.






















> Removing the numbers and concentrating the text on the page.
> Feels more traditional to a publication, text looks a lot larger.
> Not sure how effective it is at bringing attention to the body when interacting with the publication.





















>Clean, simple pieces of information added to the eye tracking spots then text along the bottom describing the piece.
> Feel this idea has potential, could combine with fold over technique.
 - Result in a less chaotic experience, more focused and easy to achieve.
 - Could have the text connecting to the image be visible once folded over.
^ Experiment further with this idea.





















Left - again simplified layout but with numbered circles overlaid representing eye tracking points.
Right - simplified layout but with colour circles to represent eye tracking points.

https://issuu.com/eviecrook123/docs/simple_eye_tracking link to issue spread of book.
> Chose to use bright colours to lift the mood of the exhibition.
 - Looking back at what people thought when they saw images of Fluxus a lot of the responses were dark, depressed, many thought it was about war, suffering etc. Think adding colour brings up the overall tone.

Playing with the addition of having the fold over pages:





















>There needs to be a more obvious division that the page has been cut off.
> The publication should come with an indicator that you need to fold the page over.
 - Perhaps this could be continued into the exhibition? The audience could collect cards they have to fold over to read the information about the work?
^ TEST THIS (See last images on this blog post)
Scans of full page spreads:





















> The large opening and closing text should be on the 3rd page and 14th page.
> All small text should be black not grey.
Taking type experiments and translating to web:
> Playful messing around idea:















> When the audience moves the mouse over the logo if they brush specific type anatomy then an image of that anatomy is displayed.
 - Really playful idea to get the ball rolling on how the website will work.



^ This video is playing with the way the audience could interact with the website.
> Having the coloured circles cover the title page, when the audience moves their mouse over the circles disappear.
> This could become a way for the whole website to be organised.
 - The mouse tool could be ineffective for navigation, the user would use key page keys. The mouse would be a way to interact with objects on the screen only (click on things, move objects out of the way etc).














^ Thinking about the different colours, white text on black background or white with black?
 - How would this work with the publication etc?

Testing the information fold over idea from earlier:




















> Feel like the idea may be better for tickets rather than the information keys.
 - There's a lot of information to include on a  small piece, also difficult to match up.
> The idea is interesting, and relates to the theme as well as developments made within the publication element of the project.

No comments:

Post a Comment