Pictures and words Integration and Interaction Techniques and Technology Framing and Space.
-
Upload
randolf-rich -
Category
Documents
-
view
212 -
download
0
Transcript of Pictures and words Integration and Interaction Techniques and Technology Framing and Space.
![Page 1: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/1.jpg)
Pictures and words
• Integration and Interaction• Techniques and Technology• Framing and Space
![Page 2: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/2.jpg)
Integration
• A continuum with pictures at one extreme and words at the other.
• Words ‘load’ the image with a meaning.
• Ambiguities often used to create visual interest – especially in some feature articles.
• Even more so in advertising.
![Page 3: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/3.jpg)
Interaction
• Traditional relationship is separate
• Blocks or columns of type + illustration
• Combination of modes• Complementary• Juxtaposition
![Page 4: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/4.jpg)
Some examples
• Magazine design– Checkout ads– Compare with stories
• Logos and corporate ID• Drop caps and initial letters• Wrapping• Captions and labels
![Page 5: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/5.jpg)
Layout Styles
• Do you remember the two classic layout styles discussed last week?
• How do they occur in magazines?• Look especially at the difference
between full page ads and articles.• Can you see anything interesting
occurring with the juxtaposition/combination of pictures and words?
![Page 6: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/6.jpg)
Logos
![Page 7: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/7.jpg)
Two drop caps and wrapping text around an object
A rather bizarre page that makes a point
![Page 8: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/8.jpg)
Technology
• DTP or page layout package (Pagemaker).• Vector graphics tool for drawing and
specialist work with type – sometimes useful for complicated layout (Illustrator).
• Bitmap graphics tool for image editing (Photoshop).
• All of these packages are available on the machines in EIMC (try B2.27 Chesham).
![Page 9: Pictures and words Integration and Interaction Techniques and Technology Framing and Space.](https://reader035.fdocuments.in/reader035/viewer/2022072010/56649db15503460f94a9ff7a/html5/thumbnails/9.jpg)
Framing and Space
• Framing is an important layout property.
• Picture and word interaction is constrained by framing.
• Type is placed into columns.• Pictures into boxes with
boundaries.• Entire pages are framed.