1. 261108 Presentation II #2 Graphic (Re)presentations

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

3. 11/10/2004261108 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)

4. 11/10/2004261108 Presentation II, Silpakorn University4 Principles of Graphic Design Design Elements Color Composition & Layout Typography

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

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

7. 11/10/2004261108 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)

8. 11/10/2004261108 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)

9. 11/10/2004261108 Presentation II, Silpakorn University9 Leading Viewer’s Eye

10. 11/10/2004261108 Presentation II, Silpakorn University10 Grids

11. 11/10/2004261108 Presentation II, Silpakorn University11 Root Rectangle

12. 11/10/2004261108 Presentation II, Silpakorn University12 Golden Mean

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

14. 11/10/2004261108 Presentation II, Silpakorn University14 Type Anatomy

15. 11/10/2004261108 Presentation II, Silpakorn University15 Type Classifications

16. 11/10/2004261108 Presentation II, Silpakorn University16 Type Families

17. 11/10/2004261108 Presentation II, Silpakorn University17 Type Measurements

18. 11/10/2004261108 Presentation II, Silpakorn University18 Type Spacing

19. 11/10/2004261108 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…

20. 11/10/2004261108 Presentation II, Silpakorn University20 Print Media – Medium Standards

21. 11/10/2004261108 Presentation II, Silpakorn University21

22. 11/10/2004261108 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 แสตมป์ กระดาษสำหรับเขียน แบบแปลน ทำใบปลิวโฆษณา ฯลฯ

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

24. 11/10/2004261108 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

25. 11/10/2004261108 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. 2004 12:00 pm submit via course website http://elearning.su.ac.th

26. 11/10/2004261108 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

27. 11/10/2004261108 Presentation II, Silpakorn University27 Online Resources http://www.graphic-design.com http://www.aiga.org http://howdesign.com http://www.mundidesign.com