Principle of

Document Design
- Non-designer’s design guide
C O N T E N T S
Communication message

Determining the function of the document + Creating contents

Building foundation

Structure + organization

Shaping the page

Typography

Seeing the whole and its parts

Documents analysis

Appendix

What not to do : simple tip presentation design and delivery

How to handle Images in document

Document design process

Determining Structure
the function of & 1. Communication message
the document organization
2. Building foundation
1 2
3. Shaping the page
3 4
Typography 4. Seeing the whole and
& Design analysis its parts
Image

Learn look Ask

Try
 Communication message
Determining the function of the document

1. The Design problem

· What type of document is needed?

· What is its primary objective?
· What is primary message the designer wants to communicate?
· What considerations must be made to meet of the designer and viewer
· What is the desired reaction of the viewer?
· Are there any limitations or restrictions?

This works will help focus the development

of the design.
 Communication message
Determining the function of the document

2. The Viewer

· What are characteristics of the viewer?

· What makes viewer unique?
· How will the viewer interact with the design?
· What are the needs of the end user?

Essential of the designer - viewer relationship

respect open communication Shared vision

trust creative interaction collaboration

collaboration
Learn look Ask
Try

The primary function of design is the communication of messages.

Ideas are shared from person to person through

compelling visualization.

It is a challenge to effectively deliver messages

that are dynamic, engaging and informative.

The designer plays a pivotal role, shaping visual

communication to create connections between
the clients and viewer.

The skills of the designer

Information-gathering problem solving perception

research visualization management critical thinking

organization composition systemization analysis communication aesthetics

 Communication message
Creating contents

1 Research and information-gathering

Tip. - Gain an understanding of the topic.
- Read, evaluate, and understand all provided material.
- Independently research additional information.
- Review the client’s current communication materials.
- Investigate competitive markets.

2 Brainstorming
Tip. - Practice freewriting.
- Create mind maps.
- Write down lists of thoughts and idea.
- Build visual inspiration boards.
 Communication message
Creating contents

3 Conceptualization
A strong concept will add depth to the document,
while creating and maintaining viewer interest,
Providing focus, and promoting a cohesive visual solution.

4 Experimentation and development

- Do multiple studies exploring color, composition, and typography.
- Step away from the computer.
- Try anything different or new.
- Work by hand.

5 Execution
During execution stage, the designer must examine
every detail of the piece with a keen eye.
 Building foundation
Structure + organization

Sketch
Planning
Ideation
Structure + organization
 Building foundation
Structure + organization

Grid system
Columns
Space
Typography
 Shaping the page
Typography

Typography is the art and technique of arranging type, type design, and modifying type glyphs.

Typography is visible language. Representing human thoughts, it foster exchange and preserves intellect
through sight, speech, and sound. It is the foundation of visual communication.
A decisive, well-planned system encourages readability and comprehension.
Type is the leading factor (the conductor of the orchestra) that controls the activity of the page.

Typeface selection Typeface selection 폰트 선택하기

Typeface selection Typeface selection 폰트 선택하기

폰트 선택하기
Typeface selection Typeface selection
폰트 선택하기
Typeface selection Typeface selection
폰트 선택하기
Typeface selection
 Shaping the page
Typography

Position
Scale
Orientation
Style
 Slogan for New York
Milton Glaser, USA, 1975

Probably
the most
famous,
and copied
in the world.
 Seeing the whole and its parts
Documents analysis

When the design nears completion at the end of the execution.

Asking several important questions :

1. Is the design distinctive and informative?

2. Is the delivery of the message appropriate and clear?
3. Does the design reflect its function and purpose?
4. Are the visual elements cohesive?
5. Do the graphic shapes and linear elements enhance the design?
6. Do the illustrations or photographs connote appropriate emotions and meaning?

7. Does the design evoke the desired emotion, mood, and tone?
What not to do
Don't clutter
1
the page with too much information

Instead of using a detailed charts which

will appear cluttered and difficult to read,
try creating a simpler visual for the slide.
 2
Don’t use a
busy background.

Plain backgrounds allow

the information to be seen,
and read
 2-D or not 2-D?
3

Consider the information first, and the ”look” of it later

Who says your logo should be on every slide?
4
Try removing logos from all except the first and last slide.

If you want people to learn something and remember you,

then make a good, honest presentation.

The logo won’t help make a point,

It brings unnecessary noise and makes presentation visual look
like a commercial.
 5
Don't clutter the page
with texts.

Use visual contents.

Visual contents
Textual contents
 6
Don’t use lots of
colors to dress up
a chart.

Plain backgrounds allow

the information to be seen,
and read