ypo ap y

v
Thit k
vn bn c bn
MAX
CREATIVE

Bi hng dn ngn gn ny
s hng dn bn mt s
iu c bn v typography
v thit k vn bn nhm
gip bn c th thit k thm
nhiu ti liu p mt, d c
cho cc bn bo co v
nhng vn bn khc.

Sau khi hon thnh bi

hng dn ny, bn s c
kh nng:
Hiu v cc kiu ch c
bn
Thit k on vn bn
ng.

MC LC
Phn I

Cc kiu ch

Phn II Thit k on vn bn
Phn III Quiz

Baseline (ng c s)
Baseline l mt ng k v hnh m cc con ch c
t nm ngay bn trn. Baseline c th c th khc
nhau gia cc kiu ch, nhng s nht qun trong mt
kiu nht nh. Nhng ch khung trn nh e c th nm
di baseline mt cht.

Meanline (ng cao c bn)

Meanline nm ngay trn nh nhng ch thng nh e,
g, y. N cng nm trn phn ng cong ca nhng
ch nh h.

X-height (chiu cao ch x)

X-height l khong cch gia meanline v baseline,
tng ng vi chiu cao ca mt ch x thng.
cao ny c thay i ln gia cc kiu ch.

Cap height (chiu cao ch hoa)

Cap height l khong cch gia baseline v phn
cao nht ca nhng ch hoa nh H, J.

Ascender
y l phn ch m rng trn meanline hay chnh l
phn m rng pha trn x-height.

Cap height (chiu cao ch hoa)

y l phn ch m rng di baseline, chng hn nh
phn bn di ca ch y.

Serifs (chn)
Font ch thng c chia ra thnh loi c chn (serif)
v loi khng chn (sans serif). Font c chn c nhng
nt c thm vo phn tn cng ca ch. V nt ny
c gi l chn (serif).

Stem (gc ch)

ng thng ng ca mt ch B hay ng cho
chnh ca mt ch V c gi l stem (gc t) phn
c th chnh ca mt ch ci.

Bar (phn m rng ca ch)

Cc ng ngang ca mt ch E c gi l bar. Bar
l nhng ng ngang hoc cho ca mt ch ci,
c v nh nhng cnh tay, v thng m theo t nht
mt pha.

10

Bowl
y l nt cong m hoc ng to ra mt khng
gian bn trong, nh ch e, b.

11

Counter
Counter c hiu l khong trng pha trong c
to bi bowl, nh khong trng trong ch b, o.

Leg
y l nt di cng ca mt ch ci, nh ng di
cng ca ch L, hay ng cho ca ch K.

13

Shoulder (vai ch)

Shoulder l ng cong m u mt leg (chn)
ca mt ch ci, v d nh trong ch m.

12

t
vn n

Trnh by phn m on
C hai cch bo hiu phn m u ca mt on mi.

Li u dng

Khong cch gia cc on.

Li u dng

Khong cch gia cc on

or

Ch nn chn mt trong hai cch, khng cn thit phi bo hiu mt on

vn bn mi bng c hai tn hiu th gic.
C mt im c bit cn lu , nh ch ra hnh bn tri: Nu
vn bn c m u bng mt on tiu , KHNG cn li u dng
on tiu . Bi l phn tch bit ny bo hiu phn tip theo
s l mt on mi.

Trnh ga ph v m ci
trnh s xut hin ca mt dng ch ngn st li trn trang bi ca
bn, hy loi b ch trng ga ph v dng m ci.

Ch trng ga ph l mt dng ch nh cui on vn.

Dng m ci l mt dng ch ngn b b li trn gc tri ca

trang giy.
V nhng thut ng ny d gy nhm ln, bn c th nh chng theo
cch ny: Mt ga ph c qu kh nhng khng c tng lai. Mt
a tr m ci c tng lai m khng c qu kh. (A widow has a past
but no future. An orphan has a future but no past.)
Ga ph

M ci

or

10

7
Typography
Lut

 to ra

hiu qu

Typo graphy ang tr thnh hot trend v l dong ngh thut trng tn Vi cc kin
thc bn trn bn hiu v c s ca tng con ch v vi cc lut c bn di
y s gip bn nhn thc hn v cu trc v s dung typography trong thit k

1. Hc nhng iu c bn
iu u tin lun l phi nm r kin thc v bn phi bit 1 cht v ngh thut.
Vi iu ny bn ch cn ghi nh nhng g c bn trn

2. s co ko (kerning & tracking)

Kerning v trackhing bao gm s iu chnh khong cch gia 2 con ch trong 1 font. Khong cch
gia cc con ch mang n 1 yu t th gic hon ton khc bit khi n b thay i, in hnh nht
l logo GAP ni ting vi khong cch ln v tr nn c trng ca thng hiu. Vi cc phn
mm thit k bn c th iu chnh t ng cc khong cch tuy nhin vn c nhng vn xy
ra nu bn nhn su hn vo con ch
Nh v d trn d khong cch ca cc
con ch u cn bng nhau nhng gia
ch D v e, 2 ng cong ngc nhau
khin khong cch gia chng dng nh
ln hn. Nhng yu t rt nh ny kh c
th c nm bt trng 1 on text di
nhng khi thit k logo ch vi con ch y
l vn bn cn quan tm y

11

3. Nhn thc r s truyn t ca font

La chn font khng nn l 1 qu trnh ty tin. Ch on gin ngi lt ton b th vin
tm ra font bn thch s him khi hiu qu bi c c tm l hc trong tng font ch
Nu bn su sc, nhng la chn font ch s rt ngho nn.
L do l c s phn bit ln gia tnh th gic m font ch
mang li vi ni dung dnh cho chng. V d nh bn s
khng th tm thy nh v ch quyn Anh nu s dng font
ch dng mnh v un lc hay vit thip mi m ci
bng 1 font nh cooper black c
Mi ch truyn thuc tnh nht nh v c thc v tim
thc. Hai trong s phm vi chnh ca chng l gii tnh v
thi i. Hy xem xt cc v d di y.

Hy 2 font u tin lin h mnh m n 1 thi i c

bit qua. Tng t nh vy 2 font pha di th hin r v
gii tnh. Font ch dy vi c cnh nhn nhn s nam tnh khi
font ch mnh v mm mi nhn s n tnh v con gi hn.

12

4. Alignment (cn ging l)

Alignment l 1 phn quan trng trong typography. Nhng ngi khng pahir l thit k
thng c xu hng cn gia mi th, chng ta n gin ngh rng v tr gia l cn bng
v tt hn. Thc t cn gia l yu nht v kh nht c v nn s dng c la chn.
2 on vn u l cn tri. y l cch
chng ta quen mt khi c sch hay
bo thng thng. on vn c cn
gia kh c hn v phn u v phn
cui mi dng c khong cch khng
u v mt ca chng ta s mt 1 lc
quen vi n
Tuy nhin iu ny khng c ngha l
lc no cng s pahir cn l tri, hy
lin tc t cu hi v mc ch ca
bn thit k, bn s nhn mnh vo s
d c hay tnh thm m th hin
on vn

13

5. Hy chn 1 font ph ph hp
Sau khi bn c font chnh bc tip theo l chn 1 font khc b tr cho n. Font ch ph
thng s i lp vi font ch u tin.

C kh nhiu vn trong v d u tin. u tin la chn font tng i ngho nn, font ch
ph kh c dn n tnh trng maatst p chung vo font chnh, cha dy ca 2 font tng
i ging nhau d 2 phong cch tuy c khc. Vic dy nt tng ng nhau cha cung cp
hiu ng th gic phn bit gia 2 font
V d th 2 c s tng phn thch hp hn khi s dng 1 font mnh v n gin lm ph. Tuy
nhin font ch ca bn khng nht thit phi tng phn nhau n th (v d ny ch mang tnh
cng iu ni dung) hy c

14

6. Cc vn v kch c
Hy nhn vo tiu pha di, ci no khin bn bt mt hn m mun c hn? Khi mun
gi gm 1 headline, ng ch vit n ra m hy THIT K n
Vic c tng ch ging nhau s khin chng ta c 1
cm gic chn v khng li c n tng. V vy
bn hy bc tch vn , hiu c u l keyword
v nhn mnh vo n ging nh 2 t win v the Nahamas bn trn. Khi ngi c c hp dn ch bi
nhng t quan trng, h s c ht phn cn li. Vic
thay i c ch mang n cho headline 1 v p v
s hiu qu

7. Tm ngun cm hng
Cch tt nht nng cao dn k nng Typography l hy hc t cc v d thc t, tu
cc mu Typo p mt trn cc th vin online, bn s tm thy cm hng cho chnh mnh

15

Phn bit ch c chn (serif) v ch khng chn (sans serif).

Hy khoanh trn nhng ch ci thuc kiu ch c chn trong cc
trng hp di y.

A
R

P M

Serif

H N
Sans Serif

16

Phn bit cc phn ca ch.

a. Baseline
(ng c s)

-----------------------------------------------------------

b. Ascender
(phn cao nht)

------------------------------

c.

Mphx

X-height

d. Descender
(phn thp nht)

17

Trnh by phn m on
Trong s cc v d di y, khoanh trn trng hp c du hiu th
gic bo hiu m on ng.

18

Trnh ga ph v m ci
Trong hai v d di y, trng hp no b ga ph, trng
hp no b m ci?

Ga ph
M ci

19

The End