261108 Presentation II #2 Graphic (Re)presentations
Mar 31, 2015
261108 Presentation II
#2 Graphic (Re)presentations
11/10/2004 261108 Presentation II, Silpakorn University 2
Agenda
Definitions
Principles
Materials & Tools
Architectural Presentation Graphics
Assignment #1
Photoshop CS
11/10/2004 261108 Presentation II, Silpakorn University 3
Graphic (Re)presentation
• Graphic (n.): the art or science of drawing a representation of an object on a two-dimensional surface according to mathematical rules of projection
• Representation (n.): an artistic likeness or image, a statement or account made to influence opinion or action
• Graphic Design (n.): the art or profession of using design elements (as typography and images) to convey information or create an effect; also : a product of this art (Webster)
11/10/2004 261108 Presentation II, Silpakorn University 4
Principles of Graphic Design
Design Elements
Color
Composition & Layout
Typography
11/10/2004 261108 Presentation II, Silpakorn University 5
Design Elements
• Conceptual Elements (dot, line, plane, volume)• Visual Elements (shape, texture, size, color)• Relational Elements (direction, position, space, etc.)
11/10/2004 261108 Presentation II, Silpakorn University 6
Color
• Color Wheel• Color Properties• Psychology of Colors• Harmony & Contrast
Primary
Secondary
Tertiary
11/10/2004 261108 Presentation II, Silpakorn University 7
Munsell’s 3D Color Wheel
Hue
(5 principle + 5 intermediate hues)
Value
(10 from black to white)
Intensity
(varies by hue)
11/10/2004 261108 Presentation II, Silpakorn University 8
Composition & Layout
• Leading the viewer’s eye (what catches the eye first, second, and so on)
• Use design elements (line, shape, texture, space, size)• Composition and layout principles (emphasis, balance,
rhythm, unity, etc.)• Formal composition systems (grid, root rectangle, golden
mean)
11/10/2004 261108 Presentation II, Silpakorn University 9
Leading Viewer’s Eye
11/10/2004 261108 Presentation II, Silpakorn University 10
Grids
11/10/2004 261108 Presentation II, Silpakorn University 11
Root Rectangle
11/10/2004 261108 Presentation II, Silpakorn University 12
Golden Mean
11/10/2004 261108 Presentation II, Silpakorn University 13
TYPOGRAPHY
• Type Fonts or Typeface– Anatomy– Classifications– Families– Measurements
• THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
11/10/2004 261108 Presentation II, Silpakorn University 14
Type Anatomy
11/10/2004 261108 Presentation II, Silpakorn University 15
Type Classifications
11/10/2004 261108 Presentation II, Silpakorn University 16
Type Families
11/10/2004 261108 Presentation II, Silpakorn University 17
Type Measurements
11/10/2004 261108 Presentation II, Silpakorn University 18
Type Spacing
11/10/2004 261108 Presentation II, Silpakorn University 19
Materials & Tools
• Design Media (paper, board, billboards, CD-ROMs, DVDs, Internet, etc.)
• Tools (pens, pencils, paint, spray, cutters, glue, etc.)• There is no limit to what materials and tools designers
may use…
11/10/2004 261108 Presentation II, Silpakorn University 20
Print Media – Medium Standards
11/10/2004 261108 Presentation II, Silpakorn University 21
11/10/2004 261108 Presentation II, Silpakorn University 22
ตารางแสดงขนาดของกระดาษมาตรฐานชื่��อขนาด ขนาดเป็�นม�ลิ�เมตร การใชื่�งาน
A0 841 x 1189
A1 594 x 841
A2 420 x 594
A3 297 x 420
A4 210 x 297 กระดาษจดหมาย วารสาร บั�นทึ!ก
A5 148 x 210 กระดาษจดหมายเลิ"ก
A6 105 x 148 โป็สการ$ดสากลิ สม%ดพก
A7 74 x 105 สม%ดพกขนาดเลิ"ก ใบัร�บัของ
A8 52 x 74 นามบั�ตร
A9 37 x 52 ต�'วรถไฟ
A10 26 x 37 แสตมป็+
กระดาษส,าหร�บัเข-ยนแบับัแป็ลิน
ทึ,าใบัป็ลิ�วโฆษณา ฯลิฯ
11/10/2004 261108 Presentation II, Silpakorn University 23
Architectural Presentation Graphics
• Logo (icons, thumbnails, trademarks)• Legends (maps, symbols, signs)• Labels (titles, names, heading)• Structures (grids, standards)• Design Content
11/10/2004 261108 Presentation II, Silpakorn University 24
Design Considerations
• Meaning– Accurate (correct)– Concise (compact)– Memorable (impact)
• Legibility– Color (ease, illusion)– Scale (proportion to medium)– Size (text)– Contrast (emphasis)
• Aesthetics– Design elements– Symbols
11/10/2004 261108 Presentation II, Silpakorn University 25
Assignment #1
• Design a logo for a music school project (in class)– Draft sketch in class for review (45 mins.)
• Design a presentation plate heading to be placed on all architectural drawings, must include the following information (@ home):– Your Name, ID, University, Project Title, Plate Label or #, Logo
• Submitting assignment– Use Photoshop for final submission– GIF format size
• Scan sketch, save as GIF (0246xxx-assign1-sketch.gif)• 100x100 pixels for icon (0246xxx-assign1-icon.gif)• 400x400 pixels for heading (0246xxx-assign1-head.gif)
– Deadline Sunday 14th Nov. 2004 12:00 pm submit via course
website http://elearning.su.ac.th
11/10/2004 261108 Presentation II, Silpakorn University 26
Presentation Technique #1
• Using Photoshop CS overview– Creating files– Color, text, shapes– Manipulating objects– Filters and imaging techniques– Saving options– Export options– Compression and formats
• Submitting assignments online
11/10/2004 261108 Presentation II, Silpakorn University 27
Online Resources
• http://www.graphic-design.com• http://www.aiga.org• http://howdesign.com• http://www.mundidesign.com