Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Graphic Design Essentials
Transcript of Graphic Design Essentials
A sample of a typeface like this is: ____________________________________________. font family Times New Roman TYPE SIZE BASICS:
Type is measured in what units? typographic units
Generally speaking, what range of point sizes are used for body copy within a layout (the body of text)? 9 points to 12 points
What size might we choose for titles / headlines / display copy? 14 points or larger.
What factors should be taken into account when choosing type sizes and fonts? Legibility, size, style, height, font and family.
What is “line leading”? (show examples of different leading) Leading is the space between lines of type, measured by the difference between baseline to baseline and expressed in points.
What is a good basic guideline in determining how much line leading to use? (show examples of good and bad leading) 20% of typeface or around 2 points to the font size.
Explain “Tracking,” “Kerning,” and how they differ. (show an one example of tracking and one of kerning)
Tracking: Tracking is overall letter spacing. It differs from kerning because it adjusts space for groups of letters and entire blocks of text.
Kerning: Kerning is selective letter spacing. It adjusts the space between pairs of letters. SPECIAL CHARACTERS:
Explain what the following characters are, when should they be used and how to create them. (show examples of their proper use):
Hyphen: shortest of the dashes, it is the regular dash on the keyboard. The hyphen is used for conjugating words or within phone numbers. For example, twenty-three or 407-582-1234.
en dash: the mid size dash (length of the letter "n", it is formed by holding the option key with the hyphen dash. The en dash is used to indicate spans of time to show duration such as in 9:00–10:00 or April–May. em dash: the largest of the dashes (length of the letter "m") em dash is formed by holding the option key, shift, and the hyphen dash simultaneously.
It is used to show a thought within a thought such as used within a parenthetical phrase. For example: This project is a lot of work–especially building it as a prezi. bullet point: formed by holding the option key and the number 8, bullet points are used when making lists. For example:
*bullet point one
*bullet point two
Curly Quotes: quotation marks formed by holding the option key with the comma key. ( " ) Ligature: conjoined letters that form one character.
For example: f i and f l serif
sans serif slab serif (no width difference) script or
hand fonts (letters usually connect
like cursive) novelty Now onto topic #3 Show examples of your favorite fonts in use in actual printed items.
Can you identify the names of the fonts used?
Helvetica Bradley Hand ITC Times New Roman
Which of the basic classifications above would you place them in?
sans serif hand font serif
Explain how the choices in font and type treatment (basically how it’s formatted or treated) help to communicate the message and/or style of the piece.
Each type font has its own character. Serif or sans serif blend in whereas scripts and novelty fonts stand out as unusual (they become more obvious and the viewer becomes more aware of them). How the font is treated references tone. For example, if the tracking is tight, the word may feel heavier such as with "air" versus "a i r". Elements and Principles of Design topic #3 - Devin Paguandas Paper Folding Terms topic #4 - Efren Perez Finishing and Binding
Techniques topic 5 - Devin Paguandas Project 4 a collaborative graphics technology examples digital notebook Kathleen Marquis Efren Perez Devin Paguandas EXPERT
Collaborators Graphic Design Essentials with Professor Meg Curtiss
Summer 2012 REFERENCES What is the key difference between ELEMENTS of design and PRINCIPLES of design? Elements of design Line Quality Value Texture Shape Size/Proportion Direction Color Principles of design: The principles of design are theories and the elements of design are how these theories are applied. The variation of thickness or thinness within a stroke to heighten descriptive potential Notice the line quality in the leaves and the branches of this image. Simple variation of thickness give the leaves character and shape: Intensity of color such as in lighter or darker shades Notice the value range of light to dark within the skin tone of this drawing: The viewable light being reflected as opposed to absorbed by an object. Color as being a reflection of light can be explained scientifically by looking closer into plants. Chlorophyll, present is most plants, does not absorb green light wavelengths. What is not being absorbed is then reflected, giving the leaf its green color. Value is also apparent within this photograph due in part to the dramatic lighting. structure of interwoven fibers or other elements to reference a tactile association The roots of this image are interwoven with the ground line element to create a texture. Texture is often literal texture such as when paper fibers are interwoven to create a physical surface. an area that stands out from the space next to or around it due to an implied boundary (formed when lines enclose each other) This is a round shape. (similar to the shape of the top of the cup within the illustration) This is a rectangular shape. Visual focus on where the eye is being lead. Direction is often implied through value, visual lines, dark&light, as well as motion. Direction is evident within the design of this illustration. The direction of the fingers point towards the cup. The color draws attendtion towards the word "Direction" also on the cup. Unity (Harmony) relationship of visual elements that help parts function together Visual tension; elements working against each other. Conflict Unity is created here through use of a common pattern. The unifying visual element here is the background. spatial dimension/ comparison of shapes (things or magnitudes) The cup&saucer are disproportionately larger than most visual elements within the illustration as a whole. The tea drops, however, are proportionate to the size of the cup. (cc) photo by medhead on Flickr Here the dandelion image is in conflict with the other simpler imagery. Direction elements are in conflict here. Dominance/Emphasis the focal point within an image o The emphasis is on the "o" here. The leaf is dominant within this frame. Repetition (rhythm) continuous/ reoccurring imagery to create a pattern or not Pattern will have repetition and rhythm, however repetition does not necessarily result in a pattern. The leaves within this frame provide an example of repetition. An example of pattern: Balance (Symmetrical &Asymmetrical) a psychological sense of visual equilibrium An example of asymmetrical balance An example of symmetrical balance Proximity Value of space between things in relation to each other. The leaf is in close proximity to the hand in this image. Now onto topic #4 The Letterfold or Trifold produces a self contained unit for insert in an envelope. The Roll/ Barrel fold (more than 3 panels) folds in on itself – smallest part first, then each panel getting slightly larger. The Accordian fold is like a zfold, but has more than 3 panels. Simple/ Parallel/ Half fold: folded in half long or short ways. Gate Fold (Double Gate Fold) fold in half and then fold the halves in like a gate. French fold is where the paper is folded and then bound at the ends. A complex fold, this fold requires a parallel half fold followed by a trifold. Now onto topic #5 Finishing Techniques: Die-cut is a cutting process of applying shapes to soft or rigid materials. The advantage is speed & accuracy. The negative is that the die has to be built and can be costly.
The scallop edge in this image is an example of a die-cut. Embossing / Debossing are processes or applications of heat &/or pressure that squeeze the fibers of the material using a die that was created to press, not cut. Embossing will raise the fibers above the paper and debossing will push below the paper. These chicks are also examples of die-cuts. An example of embossing: An example of debossing: Foil Stamping is an application of pigment or metallic foil to paper through a heated die, thereby adhering the foil to the surface.
To score is to indent such as for a fold prior to print. Perforating creates holes for tearing.
Drilling punches holes into large stacks of paper by a machine, while punching is done by hand. Scoring, Perforating, Drilling/Punching: process of adhering small fibers to a surface using spot print glue Flocking: Thermography melting plastic onto a surface Binding Techniques: Case: binding for hardcover books; arranged in signatures and sewn together One cardboard wrapped around signatures (for example, the phone book) A half fold with staples down the center of the fold Saddle Stitch: Ring Plastic Comb Binding made from plastic rings (typically in 19 rings) Spiral Bound by one continuous coil spiral Bound by rings for easy access in inserting and removing documents. Binding made by strong woven fabric Binding by staple along the side Screw and Post: bound by hardware That concludes our presentation.
Thanks for viewing!