Tools

Application Tools

Part 1 :

Theory Lecture

Part 2 :

Processing with program

GOAL

ARCHITECTURAL DIAGRAM

RETOUCHING

Visual Communication
History of Graphic Design
Rock and cave art

Visual Communication
History of Graphic Design
Ideogram
Pictograms and Icons
Icons, in contrast, are primarily used to
communicate messages in a fun way and
therefore enjoy much greater freedom of
design. By looking at the development of
Icons, it is clear that through the ever expanding scope of technology they have
increasingly undergone a shift in character from informative to entertaining.
Rayan Abdullah and Roger Hbner: Pictograms, Icons & Signs

Visual Communication
History of Graphic Design
Pictorial Signs in the
Prehistory Period

The Beginnings

In 1936, Otto Neurath, Rudolf Carnap and Charles W. Morris established the International Encyclopedia of Unified
Science at Hague, the Netherlands. Otto Neurath also
founded the International System of Typographic Education (ISOTYPE) in order to set up an international standard
of diagrams, charts, as well as text illustrations and public
information. Otto Neurath deserves the recognition as a
pioneer who establish the renowned the international pictographic system.

Visual Communication
History of Graphic Design

Visual Communication
Basic of Graphic Design

Print,Book
Editorial

Packaging,
Logo, Trademark

Environmental
Design

Interactive
Design

Illustration

Graphic Design

for Interior Designer

Design Process Phase

Final Process Phase

Conceptual Design

Environmental Graphic

Design Development

Exhibition Design

Design Process Phase

Conceptcual Design /
Design Development

presentation board

presentation board

presentation board

Element of graphic
presentation

2D Layout & Zoning

Retouching
Collage

Retouching
Realistic

Retouching
Section / Elevation

Programming +
Diagram

Programming +
Diagram

Conceptual Diagram

Final Process Phase

Environmental Graphic Design

Environmental Design
in Interior Design

Illustrator

Document Setup

Illustrator
Interface

Workspace

Artboard

Workspace

Illustrator
Toolsbar

Color Tools

Shape Tools

Shape Tools

100 mm

100 mm

Line Tools

Stroke Tools

dash

gap

Selection Tools

Move

Selection Tools

Move +
Press ALT

Selection Tools

Color Tools
for computer graphic

Color Tools
for computer graphic

Color Tools
for computer graphic

Color Tools
Swatch Library

Color Tools
Swatch Library

Text

Arrange
Order

Ruler & Guide

CTRL+R

Layer
Lock

Color

Name

Select

Visible

Create

Delete

15 mm

PRADIT

Assignment 1
ASSIGNMENT 1

ASSIGNMENT 1

C=6 M=93 Y=65 K=0

C=33 M=1 Y=20 K=0

C=1 M=0 Y=12 K=0

C=0 M=0 Y=0 K=0

C=37 M=2 Y=33 K=0

C=9 M=2 Y=69 K=0
C=2 M=61 Y=94 K=0

C=16 M=12 Y=9 K=0

C=62 M=1 Y=36 K=0

C=2 M=11 Y=13 K=0

C=0 M=36 Y=33 K=0

C=29 M=1 Y=80 K=0

C=0 M=0 Y=0 K=100

C=100 M=98 Y=35 K=26

MR.PRADIT SARAON
5338363103

MR.PRADIT SARAON
5338363103

EXAMPLE 1

EXAMPLE 2

Center line

Assignment 1

15 mm

20 mm

ASSIGNMENT 1

Size : A4 (297x210)
Background : White Only
Text : TH-Sarabun 14pt
*Bold for selected text
(Assignment 1 , Name)
15 mm

15 mm

MR.PRADIT SARAON
5338363103

30 mm

15 mm