Fundamentals of Design (Print Design) - Selected Slides
1 like365 views
The document outlines the fundamentals of print design, emphasizing the graphic design process from digital creation to physical materials. It discusses essential components like typography, color selection, and layout organization while providing insights into gathering inspirations and evaluating designs. Key considerations for successful print design include understanding the target audience, defining message clarity, and aligning design elements with intended purposes.
Fundamentals of Design (Print Design) - Selected Slides
- 1. FUNDAMENTALS OF FOR PRINT DESIGN Hedren Sum hedrensum@ntu.edu.sg Image source: Design by Adrien Coquet from Noun Project
- 2. Seeing comes before words. The child looks and recognizes before it can speak. ~ John Berger Ways of Seeing
- 4. Banner Book cover Brochure Business card Calendar Clothing Invitation Label and packaging Leaflet Letterhead Manual design Menu Postcard Poster Shopping bag Sticker Tickets Vinyl wrap Editorial layout Flag Flyer / Flier Folder Gift voucher Greeting card Different types of print design:
- 5. a graphic design process, where its end product in a digital form get printed on to a material for certain purposes.
- 6. GATHERING
- 7. What are some of the requirements would you consider?
- 8. a graphic design process, where its end product in a digital form get printed on to a material for certain purposes. Budget Skills and people Timeline Approval Software Format Storage Dimensions Quality Supplier Printing considerations Target audience Key message Placement
- 9. GATHERING
- 10. Think ?
- 11. Inspiration is found (or discovered): • Books, designs and journals • Internet • Movies and televisions • Colleagues, friends and family • Music • Everyday environment • etc.
- 12. Rousseau, Henri. The Dream, 1910. Oil on canvas, 204.5 cm x 298.5 cm. New York, Museum of Modern Art.
- 13. From Rousseau to Dreamworks… Madagascar (2005) Rousseau, Henri. The Dream, 1910. Oil on canvas, 204.5 cm x 298.5 cm. New York, Museum of Modern Art. Images captured from “Dreamworks Animation – The Exhibition” (2015)
- 16. CHOOSING
- 18. Choosing
- 20. Type is what meaning looks like. Type is what meaning looks like. Type is what meaning looks like. What one is more readable?
- 21. Type is what meaning looks like. Type is what meaning looks like. Type is what meaning looks like. Avoid using complex fonts
- 23. Typography is the grammar of design, its common currency T Y P O G R A P H Y I S T H E G R A M M A R O F D E S I G N , I T S C O M M O N C U R R E N C Y Which is more readable?
- 24. Use to to increase readability
- 25. Typography is the art and technique of arranging type to make written language readable and beautiful. The arrangement of type involves selecting typefaces, point size, line length, line-spacing, letter-spacing, and adjusting the space within letters pairs.
- 26. Typography is the art and technique of arranging type to make written language readable and beautiful. The arrangement of type involves selecting typefaces, point size, line length, line-spacing, letter-spacing, and adjusting the space within letters pairs.
- 27. Choosing
- 28. Colours can be used to: • convey meanings, moods and symbolisms • emphasize something
- 29. Plutchik's wheel of emotions
- 35. Analogous colours Colours appear next to each other
- 38. Complementary colours Colours appear across each other
- 40. Image: Foreign Policy (http://foreignpolicy.design)
- 44. Choosing
- 45. “Light bulb” icon by Nicolas Vicent and “Target” icon by Rodrigo Osornio from The Noun Project Idea Product RESEARCH DEFINE CREATE Mood boards Design Elements Sources of Inspirations Presentation Elements Mockups Visual Review Images can be used in… Source: Hedren Sum
- 47. TYPES OF IMAGE SOURCES • Printed materials (beware of copyright!) • Museum websites • Library and institutional digitised collections • Stock images and photo communities • Web image archives and compilations • Web image search engines and aggretators …
- 49. NOUN PROJECT (Database of icons) VECTOR PAINT (SVG Editor) GIMP (Raster image editor) INKSCAPE (Vector graphic editor) SCRIBUS (Page layout Editor) SOME OPEN SOURCE ALTERNATIVES
- 50. Consider the following: • Target audience • Meaning • Focus and intention of use • Resolution and picture quality • Intellectual Property (IP)
- 51. ORGANISE
- 56. Source: Andrew Edward F (https://andrewedwardfish.wordpr ess.com)
- 59. Visual Hierarchy
- 60. main text 32 pt sub-titles 36 pt References 24 pt Title100pt Hierarchy and contrast
- 61. EVALUATE
- 62. THE VITRUVIUS TRIANGLE UTILITY utilitas STRENGTH firmitas ATTRACTIVENESS venustas Back in 25 BC by Vitruvius…
- 63. “(DESIGN) is not what you see, but what you make others see.” (1834 – 1917) Painter, Sculptor
- 64. Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap Crap …
- 65. What was covered? • Gather requirements • Gather inspirations • Choose elements (typography, colours, visuals) • Organise the elements • Evaluate design
- 66. Hedren Sum hedrensum@ntu.edu.sg Image source: Design by Adrien Coquet from Noun Project FUNDAMENTALS OF FOR PRINT DESIGN
Editor's Notes
- #13: Let’s see some examples. Mid last year, I went to the DreamWorks Animation exhibition at the ArtScience Museum. Anyone went? I came across this example. As shown here is a painting, called The Dream by Henri Rousseau done in 1910.
- #14: It was used as an inspirational source and reference while designing the environment for the movie Madagascar. I believe there are more examples like this.
- #15: Here is an example on how Galina used drawings by Ernst Haeckel and incorporate the graphical elements into her designs.
- #46: Whether it is for brainstorming, visualising your thoughts, designing and planning, or communication and presentation purposes, images can be used in many ways during the different stages of your project. [Run through the process briefly is needed]. Let me elaborate this further.
- #48: There are many different types of image source and you have explored two types. I will leave you to explore the rest on your own. However, we need to be careful on how to use the images.