8/19/2019 02 Design Layout
1/62
D E S I G N
L A Y OU T
8/19/2019 02 Design Layout
2/62
L A Y O U T
8/19/2019 02 Design Layout
3/62
IntroductionLayout in Graphic Design
The Nature of Gothic by John Ruskin (1851 - 1853)
8/19/2019 02 Design Layout
4/62
Cover Books
The Nature of Gothic by John Ruskin (1851 - 1853)
A
B
C
C
8/19/2019 02 Design Layout
5/62
Symmetry Theory
8/19/2019 02 Design Layout
6/62
Symmetry Theory
8/19/2019 02 Design Layout
7/62
Newspaper
8/19/2019 02 Design Layout
8/62
8/19/2019 02 Design Layout
9/62
Magazine
8/19/2019 02 Design Layout
10/62
8/19/2019 02 Design Layout
11/62
8/19/2019 02 Design Layout
12/62
8/19/2019 02 Design Layout
13/62
8/19/2019 02 Design Layout
14/62
GR I DS Y S T EM
8/19/2019 02 Design Layout
15/62
GridA B C D E F G H J K L M
2
3
4
5
6
7
8
1
8/19/2019 02 Design Layout
16/62
Margin คอขอบกระดาษท เราเวนพ นท ไม ใหชดขอบกระดาษมากไปจะชวย
ในการมองทาใหเราไมร สกอดอัด
8/19/2019 02 Design Layout
17/62
Margin
8/19/2019 02 Design Layout
18/62
Column
การแบ งกลองขอความเพ อความสะดวกในการอาน
8/19/2019 02 Design Layout
19/62
Gutter
Gutter
ความหางระหวางคอลั มน
ดท ความพอด ในการใช งานแตปกต ไมนยมชดมากกันจนเกนไป
8/19/2019 02 Design Layout
20/62
How to use grid
8/19/2019 02 Design Layout
21/62
Ruler & Guide
CTRL+R
8/19/2019 02 Design Layout
22/62
Ruler & Guide
Right Click
8/19/2019 02 Design Layout
23/62
P R E S EN T A T I O N
A R CH I T E C T U R A L
8/19/2019 02 Design Layout
24/62
Introductionarchitect’s presentation tools
8/19/2019 02 Design Layout
25/62
Drawing / Sketching
Leonardo da Vinci(1452-1519)
8/19/2019 02 Design Layout
26/62
Drawing / Sketching
8/19/2019 02 Design Layout
27/62
Drawing / Sketching
8/19/2019 02 Design Layout
28/62
Drawing / Sketching
8/19/2019 02 Design Layout
29/62
Three Dimension Drawing
8/19/2019 02 Design Layout
30/62
Color Rendering
8/19/2019 02 Design Layout
31/62
Computer Graphicfor presentation
8/19/2019 02 Design Layout
32/62
8/19/2019 02 Design Layout
33/62
H E A D
8/19/2019 02 Design Layout
34/62
H E A D
S U B H E A D S U B H E A D
S U B H E A D
S U B H E A D S U B H E A D
8/19/2019 02 Design Layout
35/62
8/19/2019 02 Design Layout
36/62
H E A D
8/19/2019 02 Design Layout
37/62
8/19/2019 02 Design Layout
38/62
8/19/2019 02 Design Layout
39/62
8/19/2019 02 Design Layout
40/62
8/19/2019 02 Design Layout
41/62
8/19/2019 02 Design Layout
42/62
Print ProcessGuild to prepare exsiting fle
Inkjet Laser Digital Photo
8/19/2019 02 Design Layout
43/62
Inkjet
Borderless (ไรขอบ)
Document Color
Paper
File Type
Unit All Unit All Unit Inch (“)
Price : A4 color
Price : A2 color
5-10
60-80 60-80
8-15
-
-
8-15
All Type All Type JPG / TIFF
Plain Plain Photo
CMYK CMYK RGB
Laser Digital Photo
Print ProcessGuild to prepare exsiting fle
8/19/2019 02 Design Layout
44/62
8/19/2019 02 Design Layout
45/62
IllustratorDocument Setup
8/19/2019 02 Design Layout
46/62
8/19/2019 02 Design Layout
47/62
8/19/2019 02 Design Layout
48/62
8/19/2019 02 Design Layout
49/62
Group / Ungroup
Ctrl+G Ctrl+Shift+G
Group Unground
8/19/2019 02 Design Layout
50/62
Work with image
8/19/2019 02 Design Layout
51/62
Work with image
8/19/2019 02 Design Layout
52/62
Mark / Cliping Mark
8/19/2019 02 Design Layout
53/62
Mark / Cliping Mark
8/19/2019 02 Design Layout
54/62
Mark / Cliping Mark
8/19/2019 02 Design Layout
55/62
Output 1Save as...(Ctrl+Shift+S)
8/19/2019 02 Design Layout
56/62
Output 1Save as .PDF fle
8/19/2019 02 Design Layout
57/62
Output 2Export
8/19/2019 02 Design Layout
58/62
Output 2Export to .JPG
8/19/2019 02 Design Layout
59/62
Output 2Export to .JPG
8/19/2019 02 Design Layout
60/62
Assignment 2
Size : A4 (297x210) Portrait x3Option : Borderless
Design Layout : Architecture / Interior Design Article
Must have : HEAD / Subhead / Text
Other : Conceptual Diagram / Map / Designer photo
Plan / Elevation or Section
Perspective / Real image
8/19/2019 02 Design Layout
61/62
Assignment 2
8/19/2019 02 Design Layout
62/62
Assignment 2