Page 1

the p r o c e s s by chris reyes


the p r o c e s s

by chris rey es


This book is a look into the process of three different projects. It is broken up into three sections and showcases the stages between concept and final finished pieces in a narrative style through use of imagery and text.


4

01 sequencing


p r o j e c t o n e | Sequencing

6

SEQUENCING BOOKLET

7

Using a series of simplified steps, an instructional guide was created using both photographs and line illustrations as well as written instruction. The guide is meant to clearly illustrate the process of creating a shirt out of a dollar bill in five easy-tofollow steps. This project demonstr ates clear and concise thinking. The goal was to simplify a complex process into a short easyto-follow instructional guide. By condensing the amount of information into a few clear visual cues, the resulting piece takes a complex and tedious process and turns it into something much more comprehensible. A combination of photographs and line illustrations was used in conjunction with written instruction to clearly express the process of folding a dollar bill down into a shirt. The components work together in that the line illustrations demonstrate what to do and the photographs show how it should look at the end of each step. The photographs of the dollar bill were shot as extreme macro close-ups so as to demonstrate in detail what happens each step of the way. The line drawings are extremely clarified visual explanations of how to arrive at the form in the photograph. These illustrations work side-by-side with the textual explanations to strengthen and reinforce a viewer’s understanding. The finished piece is an accordion style folded booklet.


p r o j e c t o n e | Sequencing

8

9

sk etch es Initial sketches of the folding process happen early on. A sequence begins to build and the images tell a story.


p r o j e c t o n e | Sequencing

10

11

refi n ed Thoughts get refined and drawings take on a more instructional quality.


p r o j e c t o n e | Sequencing

18

19

fina l The final piece resulted in a 5-panel accordion fold booklet. The clean layout works in favor of the complex process being described by the booklet.


p r o j e c t o n e | Sequencing

20

21

fol ds The accordion fold style of the booklet is appropriate to the nature of its content.


p r o j e c t o n e | Sequencing

22

23

col or Using duotone images, a minimal color palette was used in order to keep the focus on the subject at hand. The subtle green is reminescent to the color of a dollar bill.

i m ages The circular frame treatment of photographs interest to the piece. The illustrations clearly communicate each step of the folding process through use of clean lines.


24

02 observations


p r o j e c t t w o | Observations

26

OBSERVATIONS BOOK

27

Drawing inspiration from a brief interview with a stranger, a typographic book was created that explores eight different insights into this unknown individual’s life. The book is a collection of short anecdotes giving insight into eight different points in the interviewed individuals life. An open interview was held to collect information about the individual and this was later used to create the content for the book. In creating the stories contained in this book, the interview was used to draw inspiration from and not used to write content verbatim. Different points that came out during the interview process were used as the premise for each story. The stories themselves are a culmination of three sources: the interviewee’s life, my own life, and my imagination. In interviewing the subject, it was discovered that the two of us had much in common. That being said, I was able to combine many of her experiences with my own and create a cohesive narrative told in my voice and supported by quoted statements in her voice. What isn’t a part of either of our lives is a product of my own imagination, which allowed me to bridge the gaps between us and create a story that blurs the line between her life, my life, and complete fiction. The result is the story of Ella, an entity representative of a culmination of experiences.


p r o j e c t t w o | Observations

30

31

t reatm en t Different methods for the treatment of the front cover are explored, including transparency of some sort.


p r o j e c t t w o | Observations

32

33

l ay ers To accommodate the several layers of information being utilized in the creation of this book, a layering effect with transparency is most appropriate.


p r o j e c t t w o | Observations

36

37

mock-u p Miniature mock-ups of the transparent effect are made using tracing paper. Inspiration is drawn from an image of a tree with text set in the space around it.


p r o j e c t t w o | Observations

40

41


p r o j e c t t w o | Observations

50

51

cov ers Miniature mock-ups are made of the final cover using tracing paper to show the transparency effect.


p r o j e c t t w o | Observations

52

53

fina l t reatm en t A grid structure made up of eight points will be used on the cover. Eight points of color will overlay the grid by use of the transparency.

fi na l mock-u p A composition is chosen for the final cover and a larger mock-up is made using tracing paper.


p r o j e c t t w o | Observations

54

55

fi na l cov er The final cover using a transparency overlay.


p r o j e c t t w o | Observations

56

57

fi na l cov er The two come together to form a single image on the cover. This layering is a prelude to the contents inside the book.


p r o j e c t t w o | Observations

58

59

i nsi de Each spread is designed around a system of using a large call out from the text, quoted information that supports the text, and body copy telling each story. Folios run at the bottom of each page.


60

typographic 03 visualization


p r o j e c t t h r e e | Typographic Visualization

62

TYPOGRAPHIC VISUALIZATION

63

Based around well known type designer Zuzana Licko, a typographic poster was created mapping out the most impactful influences throughout her life. The poster focuses on points that directly impacted her success today. The poster is a map of the most influential points in Zuzana Licko’s life. It begins in the 1700’s with John Baskerville and leads up to a point in her life today. Critically analyzing the influences throughout her life reveals that she shares many similarities with those she looks up to. The content of the poster is mapped out in a way that leads a viewer from start to finish. Using the years as logical visual cues, an order is created which can be followed on through to the end. Vertical placement on the poster also took on an important role as it is not only read following year, but also the order in which each appears on the vertical hierarchy. Each group of information is plotted out on the poster using a dot as an indicator. The plotted points are being linked together indicating the path to follow among the groupings of information. Using this combination of interconnecting plot points a dynamic web of information was synthesized that can be followed with ease from start to finish. Along the path of connections of information, connections between Zuzana’s predecessors, herself, and her life are made.


p r o j e c t t h r e e | Typographic Visualization

66

67

l ev els Exploring ways of creating a hierarchy for the information. Using horizontal levels and chronological dates creates a coherent system for organization that is easy to read.


p r o j e c t t h r e e | Typographic Visualization

68

69

sk etch es Rough sketches of the mapping system that are being considered for the final.


p r o j e c t t h r e e | Typographic Visualization

74

75

fina l The final poster resulted in a 14" x 28" piece, using horizontal levels and chronological dates to map information. Zuzana’s “oakland” and “mrs eaves” fonts are used, along with Scala for copy.


76

TYPE SPECS

section titles TheMix, Bold Small Caps intro page heads TheSans, Bold intro page intro copy TheSerif, Regular Italic body TheSans, SemiLight captions TheSerif, Bold Small Caps, SemiLight Italic folios TheSerif, Regular Small Caps, SemiLight Italic page numbers TheSans, SemiLight


Process book  
Read more
Read more
Similar to
Popular now
Just for you