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


  • 43 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 present a tion ii

261108 Presentation II

#2 Graphic (Re)presentations


Agenda

Agenda

Definitions

Principles

Materials & Tools

Architectural Presentation Graphics

Assignment #1

Photoshop CS

261108 Presentation II, Silpakorn University


Graphic re presentation

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

Principles of Graphic Design

Design Elements

Color

Composition & Layout

Typography

261108 Presentation II, Silpakorn University


Design el e ments

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

  • Color Wheel

  • Color Properties

  • Psychology of Colors

  • Harmony & Contrast

Primary

Secondary

Tertiary

261108 Presentation II, Silpakorn University


261108 present a tion ii

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

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

Leading Viewer’s Eye

261108 Presentation II, Silpakorn University


Grids

Grids

261108 Presentation II, Silpakorn University


Root rectangle

Root Rectangle

261108 Presentation II, Silpakorn University


Golden mean

Golden Mean

261108 Presentation II, Silpakorn University


Typography

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

Type Anatomy

261108 Presentation II, Silpakorn University


Type classifications

Type Classifications

261108 Presentation II, Silpakorn University


Type families

Type Families

261108 Presentation II, Silpakorn University


Type measurements

Type Measurements

261108 Presentation II, Silpakorn University


Type spacing

Type Spacing

261108 Presentation II, Silpakorn University


Materials tools

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


261108 present a tion ii

Print Media – Medium Standards

261108 Presentation II, Silpakorn University


261108 present a tion ii

261108 Presentation II, Silpakorn University


261108 present a tion ii

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

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

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

261108 Presentation II, Silpakorn University


Architectural presentation graphics

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

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

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

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

Online Resources

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

  • http://www.aiga.org

  • http://howdesign.com

  • http://www.mundidesign.com

261108 Presentation II, Silpakorn University


  • Login