Wednesday, March 22, 2017

Matchstick Books-Type/Image Relationships

EU: Designers work with relationships between type and image when developing their layouts to create a dynamic effect.

EQ: What are the four type/image relationships? How can you use the relationships between type and image to advance your design?


4 Type & Image Relationships

"When type meets image, there is automatically a dialogue between them, and each can pull the other in many different directions"-Nancy Skolos and Tom Wedell

Authors: Nancy Skolos & Tom Wedell

Separation: TYPE and IMAGE operate independently from one another



Fusion: TYPE and IMAGE merge into one entity



Inversion: TYPE and IMAGE trade places and the type takes on pictorial
properties or the image takes on typographic qualities


Fragmentation: TYPE and IMAGE displace one another


    Assignment: To design and build an accordion layout matchstick book 
    which highlights 2 type and image relationships


    The layout of everyone's book will look like this


    Format: Ten Panels, 3 x 4.5 inch format attached to boxes. Panels designed with at least 2 type/image relationship, running theme througout, color theory, and 1 4-sided cover design 

    Document Set up: Get Illustrator template from Mrs. Donovan to design within or copy over. 
    Required: 
    1. Typography showing at least 2 Text/image relationships
    2. Images 
    3. Texture Overlay
    4. Design Elements
    5. Running pages
    6. Single Pages

    Color: You should choose one color group to work with (3 main colors and variations of those colors in light and dark)

    Fonts: Two or three fonts that work well together (contrasting= thick vs. thin, bold vs. light, serif vs. san-serif, decorative vs. simple, or all of the above)

    Images: Images can be pulled from the internet or your own. They should be manipulated in some areas to pull in to your design concept

    Design: Some design aspect should bring the panels together to push a cohesive look when the book is pulled together.

    Texture Overlay: Bring in at least one texture from the web that you can overlay somewhere to add to your design using blend modes

    No comments:

    Post a Comment