Wednesday 30 April 2014

Dialogue

Dialogue

Here is my submission that I did that appeared in the exhibition Dialogue, based on a common quote or phrase that usually sparks off gossip "Don't tell anyone but". The idea of making it look abstract and illegible is to symbolize the idea of how things can get twisted and manipulated through gossip based conversation. 

Physical print. 

Physical production of calendar & Finals

Physical production of calendar & Final

Began to create the physical outcome, printing onto the chosen stock choices and colors influenced by the crit feedback. 

Here is the designs in digital format before been produced. Simulated on darker background to demonstrate how it would look on the off-white paper stock. 








After printing the designs onto a vibrant yellow stock and bulky newsprint for its "tearable" qualities for the perforations of each week sheet. I began to punch holes into the pages in small bunches. 

Then began lining them up in the binding machine, I like the simplicity of this bind this stage went quite smoothly. 

Ready to trim. 

Printed out and bound Im happy with this outcome, would have preferred a more experimental bind like the ones I mentioned in previous design stages but time didn't allow for this unfortunately, but the black comb bind and the simplistic aesthetic of it works in conjunction with the simplistic yet structured design layouts. I like the contrast of the circular element within the comb bind to the squareness of the visual elements, it simulates the contrast seen in the studio with the round contrasting element coming from the ventilation system thats wrapped in reflective insulation wrap.


The contrasting tones within the yellow and off-white paper stocks make the black for the type and image work alongside everything rather than stand out with a vast contrast like it would with a cleaner white stock. Making a nice balance of color. 

Good use of space within the layout of the page, lots of space to write important dates down and note them with the corresponding days on the overview of the years. A good addition to the calendar influences from a suggestion from Elliot in the final crit. 

Taking forward more crit feedback. The final week pages with the thin, regular width helvetica subhead for "to-do" and the lines added. The lines added as mentioned in the crit would provide guidance for notes to be put on and also strengthened the simulation of structure and linear elements inspired by the studio aesthetics. 




Went down to vernon street to see about a perforating machine, such a handy little tool. 

Need to be careful with the pages, the hole punching method didn't leave much paper left so these pages could tear off easy, not very happy about this. 

Love the simple addition of a perforation though, really happy with this subtle addition to the design, the calendar can now be used fully to the potential I intended for it. A tear off system allowing the students in the studio to use the calendar to-do lists on a week by week basis and giving them the option to tear off the todo lists and pin them up in the studio or photocopy them to take with them. 

Evaluation 
Out of all the projects on this brief I wasn't as happy with this outcome as I should have been. It should have been one of my strongest projects to round off the year. In terms of the physical production, aesthetics, layout, construction etc. But the actual idea of creating a calendar for the students next year isn't very though out. Its my own fault really though I produced a brief that lead to problems of time management. So I didn't allow much room for original and original design solutions from the outset. Some people in the class have really unique, simple and effective ideas.

Although on the other hand this will actually come in useful for the students if they use it right, as mentioned allowing them to all input and benefit the group as a whole from combined inputting of notes. 

I enjoyed making the actual calendar, making something that is going to be actually used was good, and I liked the finishing touches I added like the perforation, didn't like the binding method though as mentioned I would have preferred to create a more industrial looking robust bind to contrast with the clean visuals and work alongside the robust, raw, industrial aesthetic of the studio. The plastic comb bind seems to clean for the studio. Better time management would have allowed me to spend a day experimenting with binds rather than just making do with a plastic comb bind. 

I struggled at first trying to think of relevant visuals for the calendar, didn't want to just do random visuals. But im very happy with the final visuals.

I inspired them around the aesthetics and construction of the studio that it would be placed in. It allowed me the opportunity to create my own typeface for the numbers, based on the window frames and the angular elements within the studio. The rest of the aesthetics and layout were based on the angular elements contrasting linear elements from wires and thin beams contrasting with robust structured columns and vast wall space. This stage of it I was very happy with it as the visuals actually had some meaning too them and seem relevant due to were the calendar is going to be placed. 

If i were to do this project again I would spend more time on making the brief though I would concentrate more on creating a brief that aloud more original ideas which would have resulted in a far more unique design outcome that I could be proud of to round off the OUGD406 module. 

Monday 28 April 2014

Final Crit & Colour choice for calendar

Final Crit & Color choice for calendar

Printed out a few different color selections to help decide what color combination I will use for the front cover and the calendar pages. I will present all these forward in the final crit to help me decide on what color combination to chose, Im wanting to achieve a high impact in terms of the overall appearance as it needs to stand out within the studio space but I still need to maintain readability & legibility of the type and lettering. 

Love the vibrance of this orange, still maintains readability and legibility but the tonal contrast between this shade of orange and the black type is quite minimal so readability isn't perfect. Do like the combination of the bright vibrant tone and the grey newsprint paper stock. 

Not as vibrant in terms of impact but a great amount of readability through a strong contrast of tone between type and image, doesn't contrast as much with the paper stock  for the calendar sheets but they work well along side each other wich is just as important.

Like the color but the blue isn't that high impact an the similar tonal levels create minimal contrast causing difficult legibility of the glyphs and numbering on the background image. 

The darker tone here maintains a constant tonal range between the week sheers and the front cover, this works together but again the legibility and readability is an issue due to minimal contrasting colors of type and background. 

Very vibrant, love how much impact this has and how it contrasts with the grey paper stock for the week sheets. They work great together, the vibrance is a little too much tho, the contrast of type and the background works creating good readability but once you look at the design for a period of time it starts to hurt your eyes a little. 

This green isn't very high impact due to its pastel shade but I like the dulled down chromatic value of the grey stock and green cover. Out of all the selections they work alongside each other the best not relying on contrast. There more complimentary. 

Trying out different color stock for the calendar pages. The crispness and cleanness of the white doesn't work with this pastel tone, a strong contrast but not in an effective way. 

Very very strong contrast here with the vibrant red tone and the bright white week sheets, strong contrast of hue and tone combined. 

The white stock creates a nice contrast but still doesn't help the readability and legibility of the glyphs on the background. 

The white stock creates a nice contrast but still doesn't help the readability and legibility of the glyphs on the background. 

Like the red a very strong contrast of tone and hue, works well with this paper stock the same as the grey stock.

Like the red a very strong contrast of tone and hue, works well with this paper stock the same as the grey stock.

Crit Feedback and color choice
After putting forward the presentation of how the pages will look with the selection of possible front covers I received alot of positive and helpful feedback to help me take forward the calendar to completion. 

I wasn't fully ready for the crit in terms of a finished outcome, all the basics were there in terms of content and design elements I just needed to chose a paper stock and color for the front cover and the calendar pages and how it would be bound together. 

I presented forward the problem of time management I wanted to solve by creating a calendar and to do list system. I explained how the visuals and lettering were inspired by the structure of the room, the letterforms especially inspired by the narrow window frames, Simon liked this small little detail. 

The group was impressed with the idea and visuals I presented forward and all agreed how helpful it would have been for us to have something like this when we first started and a comment Rosalyn made backed my idea of it benefiting the group as whole rather than just individual people. She said it would bring the group together a little more which during a nerve racking few first weeks is never a bad thing. 

In terms of feedback helping me make choices I needed to decide on a binding method, I wanted it to fit in with the aesthetics of the room, something quite industrial or simple and robust. A simple ring bind was suggested for the robust bind. 

Looking at Daria book I liked the elastic band she used so this sort of bind might be good but its more aesthetically pleasing rather than fitting in with the industrial feel, an idea I thought of was to use some of the linen cloth we use when doing a perfect bind in the binding workshop down at vernon street. I could create staple bind and cover the crude staple with this linen cloth, or create an industrial looking effect with linen cloth with some screws or bolts holding the pages together. 

Color choice everyone said orange and yellow front covers worked best with the grey stock. 

Whats next
I will try the ring binding idea and the bolt idea, go forward with the yellow front cover idea and add the full calendar within the calendar pages maybe at the back of the front cover or on a front page. This would allow me to scrap the sticker idea I had to highlight important dates with a color coding system making things simpler and cheaper, now I can just show all important dates on this year overview and maybe add the brief breakdown that I was going to create for individuals and instead just include it in the calendar system as all thee group will be accessing it anyway. 


Other changes I want to make are based on my own analysis and peer feedback, Elliot mentioned having lines would allow guidance for people to write on, I wanted to leave the space clean and negative but it would be hard to write neat without lines.

Also I noticed the "To-do" could do with been smaller, doesn't need to stand out so much within the negative space its only a subtle subhead, the height of the black box containing the week days could be more subtle and thinner too, the height of the gap between "SEP" "SMTWTFS" and the date numbers needs to be consistent too. these elements would all create a cleaner aesthetic, better structure and a more balanced feel of used space. 

Saturday 26 April 2014

Digital development of Calendar

Digital development of Calendar 

Took my thumbnails into more detailed sketches, then these detailed sketches began to create the digital development of my Calendar. 






Refined sketches
Took the best thumbnails from the sketches I made for the to do list system into more refined scaled up sketches to get a better idea how the visuals would work in terms of layout, aesthetics, use of space. 




Digital Development
I then took these sketches into the digital development stage using adobe illustrator and indesign. 

Experimenting with typefaces was the first task, I had sorted my translation of the rough sketch into a digital visual and was happy with how it looked, kerned and tracked the numbers out a little more so each glyph could be distinguished. First choice of type as an ultra modern contrasting geometric sans serif typeface, I though a contrast to the straight edges would work.

Turns out it didn't, in hierarchy terms it drew too much attention when the eye needs to digest both pieces of information. The dates and the title.

Tried a typeface with similar characteristics to the numbers, simple angular anatomical elements like in the simple crossbar on the 't'. these worked together but the weight was a little heavy and there was no lighter weights available. 

So I went with a standard sort of choice, helvetica is fairly universal. It works with most things, even in a regular weight and large point sizes it worked better in conjunction with the numbers better than the previous choices though. 

A lighter weight, condensed example of the helvetica type family, in a smaller type size, the weights are consistent now between the numbers and the "To do list" title. I aligned the type box up flush with the numbering system to make it feel more structured and it felt like it belonged together rather than been separate elements of text. 

Tried bringing it to the right aligned with the horizontal cap height of the bottom row of numbers, this worked well and had a nice structured feel leaving a nice 90 degree angle of negative space wich I liked, pretty relevant to the angular linear feel within the room.

Solo it worked perfect centered in the middle of the page. Allowing clean simplicity and great readability, theres no visual support for the concept I want to simulate inspired by the visuals in the room. I need some image elements to work alongside the numbers I created. 

Really picky detail here but I altered the weight of the numbers to match the type, I also aligned them up exactly along a horizontal guideline. This helps keep an even stronger constructed, accurate aesthetic. 


Looks a little large though does the type, sort of an unbalance between the lettering and the numbers. 


Lowered the point size, with the size it works alongside the numbering system but the alignment doesn't work now, losing all structure and losing that 90 degree angle of negative space I had before. 

Smaller point size still, begins to work a little more but still looks like its floating next to the numbers, doesnt feel locked in place alongside them. 


Due to the eye reading left to right I felt it best to place the type simply to the left, when the image elements are added I don't want any confusion caused I want the information to be clearly communicated and digested and work alongside the imagery in a balanced and structured way. I don't want everything to feel random and deconstructed within the positioning of everything. 

Tried out a contrasting wavy line like I tried in the sketches, It contrasted nice with the rectangular block, But the lettering I feel it contrasted too much with the linear, angular aesthetics drawing attention away from the date. I wanted the images to work alongside the type in harmony, not stand out and overpower. So the aesthetics needed to stay on a consistent level of square, linear, angular, accurate and make good use of negative space leaving a minimalist aesthetic without the design feeling too empty. 


Beginning to add visual elements, playing around with set angles of horizontal, vertical and 45 degree diagonal to create contrast within a repeated visual element. This stops it looking boring, keeps the eye moving around the design and works alongside the angular, linear and condensed numbering system. 




Scrapped the idea of having diagonal angle elements, they didn't really fit that well within the structured, locked in visuals I wanted to create within the layout. 

Tried separating the 2 type elements, didn't work though, although they were both locked in between the space of the visual symbols I still think they felt more solid in con unction with each other. 

Back in there original position and everything lined up, everything locks inlace with something else within the guidelines of the design, like a jigsaw puzzle. I Like how the 3 line elements contrast with the rectangular blocks, the 3 linear element work alongside the numbering system. They share that thin, wire like aesthetic. The Bold rectangles create a contrast between these 2 elements but don't overpower anything, they also represent the columns within the studio. 

I feel I have translated the studios aesthetics into an abstract design solution quite well, the numbering inspired by the long narrow window frames, the block rectangles by the columns, the 3 line elements by the visible wires within the roof. All positioned within a spacious use of negative space, like the spacious airy, and light feel within the studio. 

Translating from the sketches for the date sheets was simple, just chose a condensed helvetica in a heavier weight to keep consistency within the type choices derived from the front cover (for the month header). The days of the week benefited from a medium weight helvetica in regular format, the square characteristics of the glyphs aloud them to feel locked in with the rectangular block which is an adaptation of the visual blocks on the front cover. 

Added the to do list subhead, don't think its needed to have list there to, its self explanatory what the space is for due to the description on the front cover. 

Added the numbering system with each number aligned to the left of each day of the week on a vertical guideline.

So I shortened it down to be more concise and it sits better within the negative space. 



Tried bringing the extended line deriving from the front cover idea to simulate a blank space to input something into, it didn't work aesthetically though. 

Moved the To-do up a little bit, doesn't feel as lost within the vast amount of negative space now, feels like its in conjunction with the date system a little more now. 

The final solutions for the first few months and the front cover ready for experimentation with stock choice and front cover color choice. 









Placing brief breakdown tips & help sheet into the calendar system.
I mentioned in my previous intentions of creating a brief breakdown to help the students understand how to tackle a brief, It took me a while to figure out how to effectively analyze and break down a brief before implementing things. 

I was originally going to create 60+ for all the students, but now Im making a calendar for the whole studio to benefit everyone as a group I think doing the same thing with the brief breakdown would be best. If i made 60+ I don't thing everyone would want it, this would result in wasted print costs so this way anyone who wants to access the information simply just takes a look at the guidance within the calendar. 

Simply copied and pasted in the content I created previously doesn't work, looks awful, unconsidered, long line lengths tiring the eye out and the whole body of text doesn't make good use of the space. 

Narrowing the columns down created shorted line lengths, easy to digest smaller line lengths in short snippets of information. Less daunting and boring to look upon, also tried out highlighting each section with a bold regular width helvetica to contrast with the thin helvetica I used in the body copy. Don't like this, too overpowering, there only really sub headers, a quick intro to the brief breakdown points. This use of hierarchy makes it seem like a header causing confusion. 

This subtle addition of the section number been highlighted out in bold works much better, a simple addition of a horizontal dash (/) subtly communicates the intentions of angular and linear elements inspired by the aesthetics of the studio within the previous visual developments. The 2pt indent also creates a nice angular feel leaving a small rectangle of negative space wick I like. 


Tried filling this negative space in with a single thin line deriving from and influenced from the triple line I used in the front cover and brief breakdown page. 

This works best, the rectangular angular space before worked but it felt like something was missing, the bolder weight line contrasts with the body copy and works alongside the highlighted number, working alongside this number to highlight individual sections of information a little more.

Smaller, thinner typeface feels more delicate and a little more legible, but also need to get rid of the widows and orphans as the aesthetics look unconsidered, and the edges of the paragraphs feel "soft" I want them to feel angular. 

Widows and orphans removed.

Removed this orphan by adding simple additional words to the body copy. 



Slight extension of the text box helped erase this orphan.  



Now this body copy looks much more visually appealing and aesthetically relevant to my concept of angular elements, linear elements, and bold contrasting weights. 

To emulate this use of linear elements and structuring and framing things up inspired by the studio visuals I tried underlining the subhead. Didn't work though looked out of place, it actually drew attention too it more than the bold vertical line which was weird and caused confusion bouncing the eye around randomly rather than smoothly through the information. 

Tried highlighting sub header in bold again to see if it worked alongside the vertical line, feels unbalanced within he use of weight and contrasting weight.

Much better contrast of weight between light and heavier elements within the type format and the vertical line. 

Using the grid system deriving from the previous pages to create the equal spacing in the weekday dates I placed my content in conjunction with a header, makes good use of the negative space this way, just need to figure out were to place the header. Works ok central but the symmetry of the top and bottom bits of negative space don't feel right, I want structure but none of my past visuals have thus symmetrical structure.

Moved the header up slightly linking it up with the subhead points within the brief breakdown. I liked this it seemed to lock into place within the main body copy leaving a square element of negative space above and a rectangular element of negative pace bellow. Simulating the contrast influenced by the contrasting solid, angular, linear shapes within the studio.

Taking forward the rectangular idea with negative space I brought the header well up creating a huge contrast in rectangular negative spaces. Too much of a contrast though. 


Felt like the negative space needed something more going on, in terms of volume the right hand side takes up alot of negative space with large amounts of body copy. So using elements of contrast of extension and a considered use of negative space I balanced the left and right side out with altered visual elements from the front cover. With each horizontal element lining up along a guideline to the subhead and separate section of the brief breakdown. This made it feel "locked in" simulating this structure I wanted even more. 

Header added within conjunction with the visuals, works well in-between these visual elements again it feels locked in within the trio of block and linear elements. A nice overall contrast of weight & visuals created through the whole page.


Took forward some minor details I noticed myself and from feedback from the interim crit. 
Didn't like the condensed type on the to-do list, on a large scale the condensed type worked for the header displaying the months but for this element the condensed width didn't make the letters feel like they belonged in the negative space. Felt like they were floating so need something more solid and structured in width. 

Sketched out a reminder for myself from the interim crit feedback of needing lines to draw on, this was a helpful comment from Elliot as I hadn't really considered neatness and writing guidelines, it also simulated a better feeling of structure and linear elements which was obviously relevant to my concept for the visuals and layout. 

Works much better now, taking forward more crit feedback. The final week pages with the thin, regular width helvetica subhead for "to-do" and the lines added. The lines added as mentioned in the crit would provide guidance for notes to be put on and also strengthened the simulation of structure and linear elements inspired by the studio aesthetics. 

Tried out a simple full stop at the end of the month headers, didn't really work though, suited the top half of the design but for it to balance out throughout the rest of the design I think the guidelines for writing on would need to be very heavy and this just wouldn't be realistic for writing on. 

Emailed Janet for details on submission info to put into the calendar system at the beginning overview of the year, unfortunately I have left it a little late as she is busy and next week will be too late as everything will be handed in. 


Quick sketch to remind me about the feedback I got given about putting in a year overview with important dates highlighted within.

Good use of space within the layout of the page, lots of space to write important dates down and note them with the corresponding days on the overview of the years. A good addition to the calendar influences from a suggestion from Elliot in the final crit. 

And examples of how the rest of the pages will look.