html5-img
1 / 27

261108 Present a tion II

261108 Present a tion II. #2 Graphic (Re) presentations. Agenda. Definitions Principles Materials & Tools Architectural Presentation Graphics Assignment #1 Photoshop CS. Graphic ( Re )presentation.

barclay-cain
Download Presentation

261108 Present a tion II

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Agenda Definitions Principles Materials & Tools Architectural Presentation Graphics Assignment #1 Photoshop CS 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) 261108 Presentation II, Silpakorn University

  4. Principles of Graphic Design Design Elements Color Composition & Layout Typography 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.) 261108 Presentation II, Silpakorn University

  6. Color • Color Wheel • Color Properties • Psychology of Colors • Harmony & Contrast Primary Secondary Tertiary 261108 Presentation II, Silpakorn University

  7. Munsell’s 3D Color Wheel Value (10 from black to white) Hue (5 principle + 5 intermediate hues) Intensity (varies by hue) 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) 261108 Presentation II, Silpakorn University

  9. Leading Viewer’s Eye 261108 Presentation II, Silpakorn University

  10. Grids 261108 Presentation II, Silpakorn University

  11. Root Rectangle 261108 Presentation II, Silpakorn University

  12. Golden Mean 261108 Presentation II, Silpakorn University

  13. TYPOGRAPHY • Type Fonts or Typeface • Anatomy • Classifications • Families • Measurements • THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG 261108 Presentation II, Silpakorn University

  14. Type Anatomy 261108 Presentation II, Silpakorn University

  15. Type Classifications 261108 Presentation II, Silpakorn University

  16. Type Families 261108 Presentation II, Silpakorn University

  17. Type Measurements 261108 Presentation II, Silpakorn University

  18. Type Spacing 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… 261108 Presentation II, Silpakorn University

  20. Print Media – Medium Standards 261108 Presentation II, Silpakorn University

  21. 261108 Presentation II, Silpakorn University

  22. ตารางแสดงขนาดของกระดาษมาตรฐานตารางแสดงขนาดของกระดาษมาตรฐาน กระดาษสำหรับเขียนแบบแปลน ทำใบปลิวโฆษณา ฯลฯ 261108 Presentation II, Silpakorn University

  23. ArchitecturalPresentation Graphics • Logo (icons, thumbnails, trademarks) • Legends (maps, symbols, signs) • Labels (titles, names, heading) • Structures (grids, standards) • Design Content 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 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 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 261108 Presentation II, Silpakorn University

  27. Online Resources • http://www.graphic-design.com • http://www.aiga.org • http://howdesign.com • http://www.mundidesign.com 261108 Presentation II, Silpakorn University

More Related