261108 present a tion ii
This presentation is the property of its rightful owner.
Sponsored Links
1 / 27

261108 Present a tion II PowerPoint PPT Presentation


  • 47 Views
  • Uploaded on
  • Presentation posted in: General

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

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


261108 Presentation II

#2 Graphic (Re)presentations


Agenda

Definitions

Principles

Materials & Tools

Architectural Presentation Graphics

Assignment #1

Photoshop CS

261108 Presentation II, Silpakorn University


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


Principles of Graphic Design

Design Elements

Color

Composition & Layout

Typography

261108 Presentation II, Silpakorn University


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


Color

  • Color Wheel

  • Color Properties

  • Psychology of Colors

  • Harmony & Contrast

Primary

Secondary

Tertiary

261108 Presentation II, Silpakorn University


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


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


Leading Viewer’s Eye

261108 Presentation II, Silpakorn University


Grids

261108 Presentation II, Silpakorn University


Root Rectangle

261108 Presentation II, Silpakorn University


Golden Mean

261108 Presentation II, Silpakorn University


TYPOGRAPHY

  • Type Fonts or Typeface

    • Anatomy

    • Classifications

    • Families

    • Measurements

  • THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

261108 Presentation II, Silpakorn University


Type Anatomy

261108 Presentation II, Silpakorn University


Type Classifications

261108 Presentation II, Silpakorn University


Type Families

261108 Presentation II, Silpakorn University


Type Measurements

261108 Presentation II, Silpakorn University


Type Spacing

261108 Presentation II, Silpakorn University


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


Print Media – Medium Standards

261108 Presentation II, Silpakorn University


261108 Presentation II, Silpakorn University


ตารางแสดงขนาดของกระดาษมาตรฐาน

กระดาษสำหรับเขียนแบบแปลน

ทำใบปลิวโฆษณา ฯลฯ

261108 Presentation II, Silpakorn University


ArchitecturalPresentation Graphics

  • Logo (icons, thumbnails, trademarks)

  • Legends (maps, symbols, signs)

  • Labels (titles, names, heading)

  • Structures (grids, standards)

  • Design Content

261108 Presentation II, Silpakorn University


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


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


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


Online Resources

  • http://www.graphic-design.com

  • http://www.aiga.org

  • http://howdesign.com

  • http://www.mundidesign.com

261108 Presentation II, Silpakorn University


  • Login