Presentation II #2 Graphic (Re)presentations

11/10/ Presentation II, Silpakorn University2 Agenda Definitions Principles Materials & Tools Architectural Presentation Graphics Assignment #1 Photoshop CS

11/10/ Presentation II, Silpakorn University3 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/ Presentation II, Silpakorn University4 Principles of Graphic Design Design Elements Color Composition & Layout Typography

11/10/ Presentation II, Silpakorn University5 Design Elements Conceptual Elements (dot, line, plane, volume) Visual Elements (shape, texture, size, color) Relational Elements (direction, position, space, etc.)

11/10/ Presentation II, Silpakorn University6 Color Color Wheel Color Properties Psychology of Colors Harmony & Contrast Primary Secondary Tertiary

11/10/ Presentation II, Silpakorn University7 Munsell’s 3D Color Wheel Hue (5 principle + 5 intermediate hues) Value (10 from black to white) Intensity (varies by hue)

11/10/ Presentation II, Silpakorn University8 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/ Presentation II, Silpakorn University9 Leading Viewer’s Eye

11/10/ Presentation II, Silpakorn University10 Grids

11/10/ Presentation II, Silpakorn University11 Root Rectangle

11/10/ Presentation II, Silpakorn University12 Golden Mean

11/10/ Presentation II, Silpakorn University13 TYPOGRAPHY Type Fonts or Typeface –Anatomy –Classifications –Families –Measurements THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

11/10/ Presentation II, Silpakorn University14 Type Anatomy

11/10/ Presentation II, Silpakorn University15 Type Classifications

11/10/ Presentation II, Silpakorn University16 Type Families

11/10/ Presentation II, Silpakorn University17 Type Measurements

11/10/ Presentation II, Silpakorn University18 Type Spacing

11/10/ Presentation II, Silpakorn University19 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/ Presentation II, Silpakorn University20 Print Media – Medium Standards

11/10/ Presentation II, Silpakorn University21

11/10/ Presentation II, Silpakorn University22 ตารางแสดงขนาดของกระดาษ มาตรฐาน ชื่อขนาดขนาดเป็นมิลิเมตรการใช้งาน A0841 x 1189 A1594 x 841 A2420 x 594 A3297 x 420 A4210 x 297 กระดาษจดหมาย วารสาร บันทึก A5148 x 210 กระดาษจดหมายเล็ก A6105 x 148 โปสการ์ดสากล สมุดพก A774 x 105 สมุดพกขนาดเล็ก ใบรับของ A852 x 74 นามบัตร A937 x 52 ตั๋วรถไฟ A1026 x 37 แสตมป์ กระดาษสำหรับเขียน แบบแปลน ทำใบปลิวโฆษณา ฯลฯ

11/10/ Presentation II, Silpakorn University23 Architectural Presentation Graphics Logo (icons, thumbnails, trademarks) Legends (maps, symbols, signs) Labels (titles, names, heading) Structures (grids, standards) Design Content

11/10/ Presentation II, Silpakorn University24 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/ Presentation II, Silpakorn University25 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 :00 pm submit via course website

11/10/ Presentation II, Silpakorn University26 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/ Presentation II, Silpakorn University27 Online Resources