summary:

for this project we had a few to help us learn for the finished product. we worked with typography and learned how to create hierarchy, create a definite design style that is consistent and efficient. In the end we created a typography glossary(with a template given), doing what i have mentioned. Making it consistent and engaging where a huge part here. We created the inside style and and the covers of the glossary.

goals:

through this project i wanted to learn skills for typography and layout. Work with breaking a grid and layering grids on each other. My main goal was to try new things, and grow in what i do know. Another big goal was to work with InDesign. I haven't used it a whole lot before so being able to grow in my skills was important.

font experiments:

(top example of each in this section was given)

simply, used a big headline with normal body copy, as that is normally small. Here, i wanted to play with the headline more as well. I used a outline on the and sign to allow less space between words to allow the headline to be bigger. Still i used a lot of leading to create readability and it does not cause it to be much smaller.

simple one here again, headlines are often thick, especially in my designs. So i used a thick headline font, with a san serif font that is thin yet readable with the headline. Here on this layout, i messed around with it and wanted to try to make the text boxes seem thin, to create another effect of thin within the body copy.

for soft and hard i wanted to use a more decorative headline. I decided to put the headline behind the body copy as it makes to body copy come to the front and it becomes more hard from that as it is cutting through the headline. I believe the hierarchy is still in tact as the headline takes up the whole space of the body copy so you still see it first.

here, i simply used a wide headline and a condensed body copy font. I played with the layout in a way that does effect readability, yet also offers a new way into the body copy, that gets you started before you are even started.

for inclined and vertical, i used a italicized headline with a normal upright body copy. I made the headline big for hierarchy, and kept the body copy simple to allow the headline to stand out and the italic to be apparent.

in a simple layout i used a fragmented headline with again a very simple yet readable body copy. This ensured readability and the headline creates visual conflict that creates intrest from the reader, that develops the hierarchy and constancy.

preliminary glossary build:

here is a spread to show my paragraph style. i used a thick font for terms. I wanted it to be big and bold, eye-catching. For the body copy, i used a serif as this is print and it allows it to be more readable. I used a lot of tracking as well to allow each letter to breath and for the reader to be able to relax and read at ease. The footer for each is bolded and all caps to allow it to stand out, yet it is at the bottom of each section to ensure hierarchy is consistent. Important to not is the big yellow rectangle, it breaks the grid. every page has a different rectangle as well, yet all are off to the left to tempt the reader to start left and go right, they are also all closer to the top for readability as well. Also note the use of soft return to remove widows.

placing the images was quite easy, again we were given a template. to place the images i simply dragged them over and dropped them into their pre desired box.

Here, i included a screen shot of another page to show the constancy in design eve though the layout here is different. The terms/ headlines are the bold font, and twhat needs to be read is serif and spaced out easy to read, yet all caps as and a little bolder than body copy as it is still a small portion of text.

final full glossary build:

cover:

the cover reflects the inside design as the grid is broken, fonts are consistent. i blew up the word typography and cropped it to create visual tension. It being big, black, and cropped helps ensure hierarchy. the number 64 is huge, yet is negative space so it falls back behind the design and allows it to fall lower in the hierarchy as well. subtitles are very small to make it fall low in hierarchy and to have heavy contrast to the headline. I wanted to make the cover look on a grid, yet also not. This was created by using multiple grids and stacking them together. So much space is used specifically in the word typography, because space is just as important as shape.

another page is shown here to show the consistency in design and layout.

printed glossary:

printer vs designer spreads- a designer spread is what the reader sees. side by side spread as seen in indesign in order of the final product. as where the printer spread is out of order in a way that once printed and bounded goes together in the right order.

cover^

page spread below

binding can be seen by the staples^

saddle-stich binding- very simple, printer spreads are laid together and stapled in the middle. this then when opened allows the pages to be seen in the correct spreads as designed. also allows it to be in a book format.

knowlege gained:

by far the biggest thing i learned was the use of grids. using a grid can ensure constancy and gives more reason to everything and why they are placed where they are. But i also learned that grids can be broken and broken successfully. i think when it comes to design using a grid can help but is not needed nor should it be followed in a very consistant way or your design will become boring. I also grew in my knowlege of indesign in general, the different tools and how to use them. I also gained a better understanding in typography and how it should be layout and how leading can allow things to breathe. Finally, i learned why printer spreads are a thing and how they make sense in making a spread.