ColorME Ebook Part 2

Nhng nguyn tc v font khng nn ph v khi thit k
Kerning
v nhng nguyn tc v font
KHNG NN PH V
khi thit k
C nhiu bn thit k tr hi ti l ti sao bn thit k ca h trng c vng

v v ri rc, nhn thiu hp dn. nh gi mt bn thit k nhn c
i khi chng ta li i tm nhng li m cc bn gp phi.
Trong thit k ha, c nhng nguyn tc m bn KHNG NN PH V.
Hy c gng nm vng cc nguyn tc ny bn s trnh c cc sai lm.
Nu bn thc hin n thng xuyn v tr thnh phn x th n lc bn
ang tr thnh nh designer chuyn nghip ri .
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc
Trong mt vi trng hp bn mun ph v nhng nguyn tc ny, hy t hi

mnh ang lm g v ti sao li lm nh vy? V khi bn c ph v n bn phi
lm tht ng cch thit k ca bn trng khng b li.
Khi mi ra trng, ti c nhn vo lm mt cng ty qung co kh tm c.
Cng vic u tin ti c giao l design mt namecard. Ch! qu l bnh
thng v ti thc hin iu ny vi ln khi ngi trn gh nh trng, d
nhin l ti s lm mt vi option chng t kh nng. Nhng bt ng thay,
ti ch nhn c ci lc u t nhng nh chuyn mn. Bn bit ti sao
khng? Bn thit k ca ti mc qu nhiu li ng ngn, ti gn nh ph v
hu ht cc nguyn tc quan trng, c bit l lin quan n font ch.
Bi vit ny ti c gng c ng nhng nguyn tc c bn nht m mt
designer khng nn ph v n. Ti khuyn bn nu thuc lng n cng tt.
Bi vit chia thnh 2 phn:
Phn 1 : Tm hiu v kerning, tracking, leading.

Phn 2: Nhng nguyn tc v font ch khng nn ph v.
Trong bi vit: Chuyn TYPOGRAPHY (chapter 1) ti cp

n khi nim c bn v Kerning, Tracking. Trong bi vit ny,
chng ta s i su hn v nhng khi nim .
0989 303 546
Phn 1: Tm hiu v
Kerning
Tracking
Leading
0989 303 546
Kerning l g?
L phn chia khong cch gia cc k t sao cho tht chnh xc v trng
thun mt hn. Khong cch gia cc k t khng phi lc no cng ging
nhau. C nhng k t nt thng, cong, xin v vic sp xp chng vi nhau
v tnh to ra nhng khong khng gian khc nhau.
n y, bn c th hnh dung c mt cht v phn chia khong cch
theo tng k t thc s l khng ging nhau ri.
R rng, n lc ny bn bt u phi ngh n vic kerning mi khi
sp xp nhng g lin quan n ch. V, khi nim c bn l ging nhau,
vn nm ch l khong cch gia cc k t li rt khc nhau.
Trc y, khi my tnh cha ra i, vit thit lp

ch trong c khong cch cc k t u c
thit lp bng tay. Nghe c v in r, nhng tin hay
khng th ty bn, v qu trnh mt rt nhiu thi
gian, n khng ging nh vic bn ang thng thc
trn bn phm nh by gi.
Cc khi k t c t vo cc khi g hoc kim
loi, lm cho cc k t c p li vi nhau xa
nhng cng phi lm sao gn, ngha l cc ch c
khong cch u nhau tnh theo mp cnh ca k t,
nhng vn s xut hin ny c nhng k t l nt
nghing nh V hay A, lc cho php khong cch
cc k t gn nhau hn.
tinh chnh
khong cch
Mc ch n gin l: Cn bng khong trng gia cc k t, iu ny thc

s kh khn v bn lun c cm gic n c bay ra ngoi. i khi khong
cch ng u gia cc k t s khng ging nh khong cch n c
lp nh sn v bn phi tinh chnh v tinh chnh cho n khi bn cm thy
n tht n.
0989 303 546
Vy, Kern l khong trng gia 2 con ch n l.

Kerning chnh l vic chng ta iu chnh khong cch .
V bn thn cc con ch c nt thng, nt xin, nt cong khc nhau nn cc

Kern cng s khc nhau.
Trong Illustrator, Menu Window / Type /

Character, bn iu chnh Kern bng cch thay
i thng s trong AV (xem hnh bn). Bn cng
c th nhn t hp phm Atl + mi tn qua li
iu chnh cp s mi ln l -20 hoc +20.
0989 303 546

Nt thng - nt thng
Nt thng - nt xin
Nhng ch c nt thng k nhau

s c khong cch Kern u nhau.
Khong cch Kern bng 1/3

so vi nt thng vi thng.
Nt thng - nt cong
Nt xin - nt thng (lm)
Khong cch Kern bng 1/3 hoc

1/4 so vi nt thng vi thng.
Khong cch Kern chng (m) ln nhau
Nt xin - nt cong
Nt xin - nt xin
Nt cong - nt cong
Khong cch Kern chng m ln nhau.
Khong cch Kern chng (m) ln nhau
Khong cch Kern gn gip m nhau
0989 303 546
Kerning
khc Tracking
Mt iu m cc nh thit k tr hay phm sai lm nht l khng

phn bit c Kerning v Tracking. ng bao gi trn ln hai thut ng
ny vi nhau.
S khc bit gia chng l:
TRACKING
cp n s thng nht khong

cch tt c cc k t trong mt
on vn bn c chn.
KERNING
l phn chia khong cch gia hai

k t c th.
KERNING
TRACKING
0989 303 546
Khi nim
v Tracking
Tracking l tng th cc khong cch ca chiu ngang dng ch. Vic iu

chnh Tracking cng ging Kerning, khng nn s dng thng s m qu nhiu
hoc dng qu nhiu v iu ny c th s khin on text ca bn trng rt g
b hoc rt ri rc.
TRACKING

Character, bn iu chnh Tracking bng
cch thay i thng s trong AV (xem hnh
bn). Bn cng c th nhn t hp phm Atl
+ mi tn qua li iu chnh cp s mi
ln l -20 hoc +20.
Lorem Ipsum is simply dummy text of the

printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text
ever since the 1500s, when an unknown
printer took a galley of type and scrambled it
to make a type specimen book. It has
survived not only five centuries, but also the
leap into electronic typesetting, remaining
essentially unchanged. It was popularised in
the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more
recently with desktop publishing software like
Aldus PageMaker including versions of Lorem
Ipsum.
Tracking vi thng s -25
Lorem Ipsum is simply dummy text of the

printing and typesetting industry. Lorem
Ipsum has been the industry's standard
dummy text ever since the 1500s, when an
unknown printer took a galley of type and
scrambled it to make a type specimen
book. It has survived not only five centuries,
but also the leap into electronic typesetting,
remaining essentially unchanged. It was
popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum
passages, and more recently with desktop
publishing software like Aldus PageMaker
including versions of Lorem Ipsum.
Tracking bnh thng vi thng s 0
Lorem Ipsum is simply dummy text of

the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the
1500s, when an unknown printer took a
galley of type and scrambled it to make
a type specimen book. It has survived
not only five centuries, but also the
leap into electronic typesetting,
remaining essentially unchanged. It
was popularised in the 1960s with the
release of Letraset sheets containing
Lorem Ipsum passages, and more
recently with desktop publishing
software like Aldus PageMaker
including versions of Lorem Ipsum.
Tracking vi thng s 50
0989 303 546
Leading
Li c mt thut ng khc m chng ta hay b nhm ln, l Leading.

Thut ng ny ni n vic phn chia khong cch gia cc hng.
Trong CSS chng ta gi l iu chnh line-spacing.
LEADING
KERNING
TRACKING
0989 303 546
Line Spacing
Line Spacing l khong cch gia cc dng theo chiu thng ng. Line spacing
c chia thnh 4 t l chnh. T l y c o bng c ch vi khong cch
dng (khong cch dng c tnh t ng gc dng trn n ng gia cc
dng di).

Character, bn iu chnh Line Spacing bng
cch thay i thng s (xem hnh bn). Bn
cng c th nhn t hp phm Atl + mi tn
ln xung iu chnh khong cch dng.
Lorem Ipsum is simply dummy text of the printing

and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen
book. It has survived not only five centuries, but
also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the
1960s with the release of Letraset sheets
recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum.
T l 10/12
y l t l ph bin nht trong vic
trnh by layout, web, tp ch...
khong cch dng bng 120% c ch.
Trong bng Character, ti s chn
ch Auto.

T l 10/14
Khng gian gia cc dng c ni
rng ra thoi mi hn. T l ny cng
kh ph bin trong trnh by.

T l 10/16
khong cch ny theo ti l ti a
bn c th trnh by v nu ni rng hn
na, trng on text ca bn rt ri rc.
0989 303 546
10
Ti trch dn mt bng trong CSS v cch iu chnh tt c cc gi tr. Vi

minh ha ny bn c th d dng tm chng trong Photoshop, Illustrator
hay InDesign.
Lu rng, phm option (Alt) l ngi bn tuyt vi khi iu chnh cc
thng s ny, kt hp vi phm mi tn (ln -xung-tri-phi). t con
tr gia hai ch ci v t hp phm
Option + Mi tn (tri/phi)
iu chnh kerning, hoc bao chn
c mt khi vn bn nu mun
iu chnh Tracking. Tng t nh
vy, Phm Option + Mi tn
(ln/xung) cho vic iu chnh
khong cch hng.
LEADING
KERNING
TRACKING
0989 303 546
11
Phn tch
cu trc ch
Khun ch:
Trung bnh: L,H,N...

Hp
: I, J...
Rng
: M,A,W,V....
Mt ch:
Trn thng
Nt mp hay nh
u nhn hay gy
Nt ch:
Cong, thng, xin
c im khun ch:
Khun y: H , N , M . . .
Khun lm: L,K,Y,V...
0989 303 546
12
Tm hiu
cc k t
bt u vi vic ny, hy m Illustrator ra, trong tab Character,

thit lp Kering v 0 v bn th g mt vi ch vi font Times, bn
ng tinh chnh g c, nhn rt k cc phi khng?
Nhn ny, chng ta s thy ngay mt khong cch k d xut hin. Ni

chung, cng nhiu k t khc nhau khi kt hp khong cch xut hin khc
nhau cng nhiu. K t vi nt xin mnh nh A hay W th s rng buc v
khong cch cng phc tp cho d n kt hp vi ch in hoa hay ch
thng, cng nn lu cc thanh ngang ca ch T hay nt xin trn ca
ch Y. y, c l chng chng ta cn phi quay li cch c xa xa ca cc
th th cng l tinh chnh tng ch mt.
0989 303 546
13
Cc khong cch bn di xut hin rt kh chu

Hy nhn s kt hp gia cc ch in hoa T, Y,W v cc ch in thng,
mt khong trng mnh mng xut hin. Bn s c tnh gi nh th
cho bn thit k mnh hay dnh 60 giy tinh chnh n.
Khong khng ln
xut hin
Khong khng ln
xut hin
Khong khng ln
xut hin
C s khc bit kh ln
khi kt hp k t ly v ry
0989 303 546
14
Mo nh:
Ln ngc ch
khi tin hnh Kern
L do phn chia khong cch rt d b st l bi v i mt ca bn c

xu hng b qua cc khong cch khi bn phi ui theo con ch c
mt t hoc mt cu. Thi quen qua nhiu thp k, ngi c khng
nhn thy ch na, cn chng ta th vn thy t.
gip bn, mt s nh thit k mch cho bn mt th thut n gin
l hy ln ngc ch ca bn trc khi Kerning. y l mt k thut rt
hay gip bn tp trung vo hnh dng ca ch thay v c b phn tm
vo ngha ca t .
0989 303 546
15
ng vi
kerning trc khi
quyt nh
chn mt font
no
R rng khong cch ch l rt khc nhau da vo tng font ch khc

nhau. Nn, ng vi vng Kerning khi bn cha quyt nh chnh xc
s dng font no.
Chng ta c xu hng qun bc ny.
0989 303 546
16
Phn tch
khong cch
gia cc t
Chng ta cp v Tracking, Leading, Kerning nhng c mt

khong cch na m NHT NH BN PHI NHN CHO RA. l
khong cch gia 2 t. iu ny rt cn thit rt li khng gian
nhm ch.
Cc font ch min ph hin nay khong cch cc t rt ln xn v khi
bn s dng th nn lu iu ny.
Ni chung, kerning trong cc font ch min ph th rt ti, khong

cch gia cc t cn t hn. Bn phi lm vic kh vt v khi s dng
nhng font ch ny, tt nht l nn hn ch hoc ng dng chng.
0989 303 546
17
ng qu tin
vo phn mm
Trong Photoshop v Illustrator c ch auto kerning, bn nn s dng

ch ny cho vn bn. Tuy nhin, n khng qu thng minh c th
x l tt c cc tnh hung khong cch k t ca bn. Tt nht bn nn
ch ng.
Nn s dng auto
0989 303 546
18
Thc tp
online
Nu bn vn cha tin vo kh nng kern ca bn, hy th thc tp nhng bi

n gin trn trang http://type.method.ac/ nng cao kh nng ca bn,
hy thc tp cho n khi no bn hon thnh s im 100. Ti tin chc khi
tr thnh phn x, bn s c mt thit k tt hn trc rt nhiu.
http://type.method.ac/
Tm li, kerning khng phi l iu kh khn nht m bn tng lm trong
thit k, v n c th rt t nht n ni bn c th qun n. Hy lun gi
kerning trong tm tr v lun lun phn tch khong cch gia cc k t. Su
mi giy kerning trn mi tiu bn to s nng cao kh nng thit k v
bn s thy trnh ca bn s tng vt trong thi gian ngn.
0989 303 546
19
Phn 2: Nhng nguyn tc v font
KHNG NN
PH V
khi thit k
0989 303 546
20
Nguyn tc 1:
Lun s dng
h thng li
C nhiu bn rt li thc hin bc ny khi bt tay vo thit k. Bn cn

phi bit rng h thng li rt quan trng, n l bc c bn u tin cho
bt k mt thit k no. H thng li gip thit k ca bn c trnh by
ngn np, gn gng v trt t, gip ngi xem nh hng c hng nhn
v bit u l yu t m bn ang mun nhm n. Ngoi ra, h thng li
cn gip cho cc yu t thit k c lin kt cht ch vi nhau to nn
mt thit k tt.
Headline is here
Headline is here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec
pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis
vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae,
eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel,
luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Lorem ipsum dolor sit amet,

consectetuer adipiscing elit.
Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis
natoque penatibus et magnis dis
parturient montes, nascetur
ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu,
pretium quis, sem. Nulla
consequat massa quis enim.
Donec pede justo, fringilla vel,
aliquet nec, vulputate eget, arcu.
In enim justo, rhoncus ut,
imperdiet a, venenatis vitae,
justo. Nullam dictum felis eu
pede mollis pretium. Integer
tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean
leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra
quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius
laoreet. Quisque rutrum. Aenean
imperdiet. Etiam ultricies nisi vel
augue. Curabitur ullamcorper
ultricies nisi. Nam eget dui. Etiam
rhoncus. Maecenas tempus,
tellus eget condimentum
rhoncus, sem quam semper.
Lorem ipsum dolor sit amet, consectetuer

adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus
mus. Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem. Nulla consequat massa quis
enim. Donec pede justo, fringilla vel, aliquet nec,
vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum
felis eu pede mollis pretium. Integer tincidunt. Cras
dapibus. Vivamus elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean leo ligula,
porttitor eu, consequat vitae, eleifend ac, enim.
Aliquam lorem ante, dapibus in, viverra quis,
feugiat a, tellus. Phasellus viverra nulla ut metus
varius laoreet. Quisque rutrum. Aenean imperdiet.
Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi.
Nullam dictum felis eu pede mollis pretium.

Integer tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean vulputate eleifend
tellus. Aenean leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim. Aliquam lorem ante,
dapibus in, viverra quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius laoreet. Quisque
rutrum. Aenean imperdiet. Etiam ultricies nisi vel
augue. Curabitur ullamcorper ultricies nisi. Nam
eget dui. Etiam rhoncus. Maecenas tempus, tellus
eget condimentum rhoncus, sem quam semper
libero, sit amet adipiscing sem neque sed ipsum.
Nam quam nunc, blandit vel, luctus pulvinar,
hendrerit id, lorem. Maecenas nec odio et ante
tincidunt tempus.
Headline is here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec
pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu,
consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra
quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque
rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.

dolor. Aenean massa. Cum
sociis natoque penatibus et
magnis dis parturient montes,
nascetur ridiculus mus. Donec
quam felis, ultricies nec,
pellentesque eu, pretium quis,
sem. Nulla consequat massa
quis enim. Donec pede justo,
fringilla vel, aliquet nec,
vulputate eget, arcu. In enim
justo, rhoncus ut, imperdiet a,
venenatis vitae, justo. Nullam
dictum felis eu pede mollis
pretium. Integer tincidunt. Cras
dapibus. Vivamus elementum
semper nisi. Aenean vulputate
eleifend tellus. Aenean leo
ligula, porttitor eu, consequat
vitae, eleifend ac, enim.
Aliquam lorem ante, dapibus in,
viverra quis, feugiat a, tellus.
Phasellus viverra nulla ut metus
varius laoreet. Quisque rutrum.
Aenean imperdiet. Etiam
ultricies nisi vel augue.
Curabitur ullamcorper.
Nullam dictum felis eu pede

mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus
vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra
quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius
laoreet. Quisque rutrum. Aenean
imperdiet. Etiam ultricies nisi vel
augue. Curabitur ullamcorper
ultricies nisi. Nam eget dui. Etiam
rhoncus. Maecenas tempus,
tellus eget condimentum
rhoncus, sem quam semper
libero, sit amet adipiscing sem
neque sed ipsum. Nam quam
nunc, blandit vel, luctus pulvinar,
hendrerit id, lorem. Maecenas
nec odio et ante tincidunt
tempus. Nullam dictum felis eu
pede mollis pretium. Integer
tincidunt. Cras dapibus. Vivamus
vitae, eleifend ac, enim.

dolor. Aenean massa. Cum sociis
natoque penatibus et magnis dis
parturient montes, nascetur
ridiculus mus. Donec quam felis,
ultricies nec, Lorem ipsum dolor
sit amet, consectetuer adipiscing
elit. Aenean commodo ligula
eget dolor. Aenean massa. Cum
quam felis, ultricies nec.

quam felis, ultricies nec,
quam felis, ultricies nec.
0989 303 546
21
Nguyn tc 2:
di ca dng
l va
C bao gi bn ngn ngm khi nhn vo mt bi bo do c dng ch qu di

khng? Hay bn cha kp hiu ht mt on vit m li phi xung hng do
rt du hoc qu ngn. l do li v di ca ch trn mt dng cha
ph hp.
Ti khuyn bn nn cn nhc s t khong 10 -12 trn mt dng l tt nht.
- Ti thiu: 6 t
- Ti a 15 t
Applying colors to artwork is a

common adobe illustrator task,
and one that requires some
knowledge of color models and
color modes. When applying
color to artwork, keep in mind
the final medium in which the
artwork will be published, so that
you can use the correct color
model and color definitions.
Experimenting and applying
color is easy using the
feature-rich swatches panel,
color guide panel, and edit
colors/recolor artwork dialog box
in illustrator. Applying colors to
artwork is a common adobe
illustrator task, and one that
requires some knowledge of
color models and color modes.
When applying color to artwork,
keep in mind the final medium in
which the artwork will be
published, so that you can use
the correct color model and
color definitions. Experimenting
and applying color is easy using
the feature-rich swatches panel,
color guide panel, and edit
colors/recolor artwork dialog box
S t trn mi hng qu t gy
cm gic ri rc v kh nh.
Applying colors to artwork is a common adobe illustrator task, and

one that requires some knowledge of color models and color
modes. When applying color to artwork, keep in mind the final
medium in which the artwork will be published, so that you can use
the correct color model and color definitions. Experimenting and
applying color is easy using the feature-rich swatches panel, color
guide panel, and edit colors/recolor artwork dialog box in illustrator.

S t trn mi hng ch t 10 -12 t.
Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When
applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and
color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor
artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color
models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can
use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide
panel, and edit colors/recolor artwork dialog box in illustrator.
Qu nhiu t trn mt hng gy cm

gic mt mi v d c ln dng.
0989 303 546
22
Nguyn tc 3:
Phn cp ni dung
r rng
Trong ni dung thit k, bn cn phn cp r rng cp bc u tin ca

ni dung. Ni dung no cn c nhn mnh v quan trng gi n
ngi xem nhanh nht.
Bn c th phn cp theo kch thc, dy mng, mu sc.
Hy xem v d bn di:
Dear Mary, you are invited to

Peters 21st Bithday Party
Come eat, drink and be
merry with Peter as he turns
the big two-one!
Sunday - May 19th
700PM - 12.00AM
12 Street Road, Suburb Town
RSVP by May 5th
Thit k bn tri on ni dung th mi tt c u s dng
chung mt kiu ch, kch thc, mu sc v nng ca ch,
bn s rt kh bit u l ni dung chnh v cn ch vo
nhng g.
Dear Mary, you are invited to
Peters 21st
Bithday Party
Come eat, drink and be merry with
Peter as he turnsthe big two-one!
Sunday - May 19th

700PM - 12.00AM
12 Street Road, Suburb Town
RSVP by May 5th
Thit k ny phn cp ni dung r rng, cch s dng kch

thc, mu sc, nng ca ch, gip ta d dng tip thu c
ni dung chnh ca th mi l g, ngy v gi din ra s kin.
Thit k ny tt hn ri .
0989 303 546
23
Nguyn tc 3:
Khong cch
gia cc t
phi ph hp
Nh ti nhc trong phn 1 bi vit. C mt khng gian m bn NHT

NH PHI TM CHO RA l khong cch gia cc t. C mt s font
khong cch ny l rt t, ng khong cch ny qu rng hoc qu hp
trng on vn bn s b co dm li hoc rt ri rc.
Chng ta hay b qua nguyn tc ny.
Irregular word
spacing isdistracting
and incorrect
Word spacing can

mastered with
imaginary letter is
C mt mo nh cho trng hp ny l bn s dng mt k t i cho

khong cch gia cc t, khong cch gia 2 t l rng ca k t
i(cng size ch). Nhng iu chnh ny bn c th thc hin th cng.
Tuy nhin, khng phi font ch no bn cng dng phng php ny v
mi font u c c im khc nhau.
0989 303 546
24
Nguyn tc 5:
Canh l ph hp
Phn x chung ca chng ta khi canh l thng l canh bn tri. l phn

x t nhin ngay t khi bn ngi trn gh tiu hc chp chng vit nhng bi
vn trn tp hc sinh, bn cn l bn tri v vit cho n khi ht giy ri bn
xung hng, bn u c cn l bn phi phi khng? Nh vy, r rng bn
ang l bn phi mt cch t nhin. Tin ti i, l cch cn l tt nht.
C bn loi canh l chnh: L tri, l phi, canh gia, v canh u hai bn.
Left Aligned
Right Aligned
Center Aligned
Justified

not only five centuries, but also the leap
into electronic typesetting, remaining
essentially unchanged. It was
popularised in the 1960s with the
Lorem Ipsum passages.



essentially unchanged. It was popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum
passages.
Canh l tri th thng dng

nht. Bn c tng tm hiu l do
v sao khng? Do thi quen mt
mnh iu tit t tri sang phi,
nn khi chng ta canh vn bn
mc nh th gic chng ta s
c giao tip vi mt ct ngay
ngn, gn gng, d c. Bn
nn th lng bn phi ni
dung bn trng t nhin hn.
Vic cn l bn phi khng c

khuyn khch cho mt on vn
bn di, n ch yu mang tnh
cht trang tr hoc on vn
bn ngn, thng l ch thch.
Ch cn l tri khi khi vn bn
c im n ta vo.
Cng ging nh cn l bn phi,

vic cn gia khng c khuyn
khch cho mt on vn bn di.
Mt chng ta d b nhm hng
khi c mt on nhiu hng do
l tri khng ngn np. Tuy
nhin, trong cc poster, thip
mi,...c ni dung t th cn gia
li mang n s thng bng v
cm gic sang trng.
Kh nhiu nh thit k s dng

phng php canh hng ny v
trng on vn bn s ngay
ngn thng thm c hai bn.
Nhng ti th cho rng chnh v
thng thm qu nn on vn
bn ca bn li mt i yu t t
nhin. Ty tnh hung m bn
nn cn nhc sao cho ph hp.
0989 303 546
25
Nguyn tc 6:
Gi cho thit k
lun d c
C l bn phi thng nht vi ti quan im l ch th c. Nhng r

rng c vi thit k hnh nh qun mt khi nim ny. Ti t hi bn thit k
thng ip lm g khi ngi ta khng c c.
C nhiu yu t lm cho thit k ca bn kh c. C th l do mu nn so
vi ch c s tng phn qu thp, mu ch gn nh n vo trong mu nn,
cng c th do bn sing qu nn cho vi ha tit ri rm vo trong ci nn
cho c cm gic thit k.
The type is far too light
Keep the contrast high
THIS TYPE IS A BIT

OVERPOWERING
Use capital letters

appropriately and sparingly
This type is a little too small for this medium
Be intentional about your

choice of type size
Ch qu nh cng l mt l do, hay ch IN HOA trong mt on vn bn di

cng l mt yu t bt li cho thit k ca bn. Khi bn s dng ch IN HOA
cho on vn bn di ngi xem s d c cm gic chn nn v bun ng.
Ch IN HOA c im l chiu cao bng nhau, khng c s ln xung, d
nhm ln cc k t khi c. Bn ch nn s dng ch IN HOA cho headline
hoc mt on ch ngn.
0989 303 546
26
Nguyn tc 7:
Trnh {ga ph}

v {m ci}
Khi ti ni n thut ng ny cc bi ging trn lp, nhiu bn cm thy

mc ci. Nhng nu bn mc phi li ny th trng thit k ca bn cc k
nghip d.
GA PH l trng hp hng cui ca on vn bn b st li rt sang mt
ct khc hoc mt trang khc.
M CI l trng hp ch c mt ch nm l loi hng cui cng.
Applying colors to artwork is a common

adobe illustrator task, and one that
requires some knowledge of color
models and color modes. When
applying color to artwork, keep in mind
the final medium in which the artwork
will be published, so that you can use
the correct color model and color
definitions. Experimenting and applying
color is easy using the feature-rich
swatches panel, color guide panel, and
edit colors/recolor artwork dialog box in
illustrator. Applying colors to artwork is a
on text trn b li go ph.
common adobe illustrator task.

And one that requires some knowledge
of color models and color modes. When
applying color to artwork, keep in mind
the final medium in which the artwork
will be published, so that you can use
the correct color model and color
definitions. Experimenting and applying
color is easy using the feature-rich
swatches panel, color guide panel.
Applying colors to artwork is a common adobe

illustrator task, and one that requires some
knowledge of color models and color modes.
When applying color to artwork, keep in mind
the final medium in which the artwork will be
published, so that you can use the correct
color model and color definitions. Experimenting and applying color is easy using the
feature-rich swatches panel, color guide panel,
and edit colors/recolor artwork dialog box in
illustrator.
on text trn b li m ci.
C nhiu cch khc phc li ny l bn c th Kerning khong cch gia

cc k t, dng tracking tng gim rng ca c on, cn chnh rng
ca khi vn bn, ...
0989 303 546
27
Nguyn tc 8:
S dng font
hp l
Trong bi vit :BN CHN FONT CH NO? ti c cp n vic lm th

no chn font ch cho thit k.
Tht vy, chn font ch hp l cho thit k khng h d dng mt cht no.
Mi font ch u c c im v tnh cch ring, ty vo thit k m chng ta
chn cho ph hp.
Bn hy quan st font bn mun chn tht k, t c im, cu to, cong,
ng nt... v quan trng nht l phi tm cho ra tnh cch ca font ch c
hp vi tnh cch m bn mun truyn ti trong bn thit k ca mnh khng?
Using lots of fonts
can make for a design
that is cluttered,
overcomplicated,
and just not very nice
But if you just use

a small selection,
you can keep your design

cleaner, clearer
and just much earsier
to digest
V nh l ng s dng qu nhiu font ch vi nhau cng mt lc, thit k ca

bn s trng tht ri rm.
0989 303 546
28
Nguyn tc 9:
Body text
s dng font
qu phc tp
Ch l c. Hn na, on vn bn l mt khi text bao gm rt nhiu ch,

bn phi lun m bo khi vn bn ca bn trong tnh trng d c nht,
ng s dng font ch qu phc tp hay c ng nt qu c bit.
Thay vo hy s dng nhng font ch truyn thng nh kiu font c chn
(serif) hoc font khng chn (san serif), nhng kiu font ny lun gi c
tnh r rng v n gin.
Hin nay xut hin nhiu kiu font c bit hoc kiu font vit tay (script),
nhng font ny khng ph hp vi mt khi vn bn nhiu ch. Chng thng
mang tnh trang tr hoc bn c th s dng trong Headline, trong Title...
This is My Title
This is a display font called Zapfino

that just does not work well within larger
bodies of text. Not a very wise choice.
This is My Title
This is a simple serif font
called Book Antiqua that works
very well within larger bodies
of text. Zaptino is still able
to be used for the heading.
Over, a much wiser choice.
0989 303 546
29
Nguyn tc 10:
Khng bao gi
co dn ch
theo mt chiu
thit k ra mt font ch, cc nh thit k phi tnh ton rt t m tng

thng s, tng ng nt, khong cch. Nu chng ta c tnh co dn ch mt
chiu (stretch) c ngha l bn ang c tnh ph v cu trc font m h dy
cng tnh ton. Hn na, vic ph b cu trc font s khin thit k ca bn
mt i tnh thm m v nhn rt kh chu.
Mt h font bao gm nhiu kiu cho bn chn la nh: extended, condensed,
thin, light, medium, bold, italic, extra bold, extra thin...Hy chn mt font m
bn cn s dng ch ng co dn chng v ti v.
R chut vo mt trong 4 gc
v nhn gi Shift phng to
i tng theo t l.
a thng s v 100%
nu v tnh bn ko dn font ch
theo mt chiu
0989 303 546
30
Nguyn tc 11:
ng qun
Kern k t
Trong phn 1 ti phn tch r nh th no l kerning. Mt thit k tt l mt

thit k c b cc mt cch t m v cn thn. Kerning l mt trong nhng
vic bn cn phi ch ti.
0989 303 546
31
Nguyn tc 12:
Quy tc
v ng php
Khi trnh by khi vn bn, chng ta thng b qua bc ny. iu ny c th

dn n vic khi vn bn ca bn b ri rc, mt i tnh lin tc.
Nu khng , khi xung hng i khi ch ca bn khng y nguyn mt
t (t s ni bng mt du gch ngang), tnh trng ny s lm cho vn bn
mt i tnh lin tc. Cc du k t khng phi lc no cng c dng cho vn
bn. Bn nn tm hiu k v iu ny.
Cc du nh du chm(.), du phy(,), hai chm(:), chm than(!)... phi nm
st vo k t cui cng ca cu, pha sau du l mt khong cch, ri mi ti
t ca cu tip theo.
Some Basic Grammar Rular
Some Basic
Grammar Rular
Using ampersands within

body copy is incorrect &
should be avoided.
The same goes for
double spaces used after
punctuation .Got it?
Using the word and is a

correct and easy substitute
for an ampersand.
Furthermore, one space
after punctuation is more
than enough. Got it?
0989 303 546
32
Nguyn tc 13:
i tng bn
mun hng n
Khi bt tay vo thit k, lun t cho mnh mt cu hi: TI ANG THIT K

CHO AI?. D v tnh hay c , chng ta cng thng qun cu hi ny.
Bn phi nm r tm l i tng m chng ta ang mun hng ti. Tht khi
hi khi nhn bn thit k ca bn cho ngi ln tui li c phong cch x tin.
Tnh tng tc v mt truyn thng s gim i r rt nu bn khng nhn ra
c iu ny.
CHILDRENS CONCERT
Live music asts, shows and

activities for kids of all ages
1.30PM - 4.00PM
at Green Park
Font c chn mp mp, khung vin vung vc v s dng

mu en r rng khng hp vi ch .
CHILDRENS
CONCERT
Live music asts, shows and
activities for kids of all ages
1.30PM - 4.00PM
AT GREEN PARK
y s dng font, mu sc v ha tit hp l hn nhiu
0989 303 546
33
Nguyn tc 14:
S dng
mu sc ph hp
Cu hi nguyn tc 13 chng ta hi TI ANG THIT K CHO AI?.Trong

nguyn tc ny, chng ta li hi: TI ANG THIT K V CI G?
Mi mu sc u em n cho chng ta mt cm xc khc nhau. Hy lun
trong tm tr mnh cu hi mu sc ny ph hp vi sn phm hoc i
tng chng ta ang hng n cha? Chng hn, nu bn thit k cho
fastfood th bn s ngh ngay n mu no? thit k cho sn phm tr em th
mu no?...Hy tm d liu cn thit bn lp nn mt bng mu ph
hp cho thit k ca mnh.
flower
flower
flower
SHOW YOUR LOVE
SHOW YOUR LOVE
SHOW YOUR LOVE

0989 303 546
34
Nguyn tc 15:
Mu sc
khng ng iu
Thm mt nguyn tc v mu. C nhng mu khi phi hp vi nhau trng rt

kh chu v tc mt, chng gn nh khng chu nhau m to ra mt cm gic
u tranh v th gic.
S tng phn trong vic trnh by ch l cn thit, nhng nu tng phn
qu cao i khi lm mt tp trung cn thit.
Colour
Discord
No Colour
Discord
0989 303 546
35
Nguyn tc 16:
Lu
khong trng
(khong trng)
Ti hay v von khong trng trong thit k ging nh bn i siu th mt r ri

m tm c mt ci gh ngh chn. Tuyt khng no?
Khong trng trong thit k cn c gi l khong th. Chng ta thng
hay tit kim qu mc nn nhi nht mi th c th ln bn thit k v ngh
rng ng no cng phi tr tin th ti sao khng tn dng ti a.
Vic c ng ni dung v phn cp r rng thng tin s gip bn trnh c li
ny. V... khong trng cng l khong m bn phi tnh ton.
NEW
NOISE CANCELLING
HEADPHONES
100%
noise
cancellation
Only
$20
100% noise cancellation

Noise
Maker
Buy at all good

electronic retailers now!
Noise
Maker
Only $20
Buy at all good

electronic retailers now!
0989 303 546
36
Nguyn tc 17:
S dng
ng chc nng
cng c
Photoshop th tuyt vi, nhng khng phi bt c ci g bn cng nn thit k

trn Photoshop. Mc ch chnh ca Photoshop l chnh sa v lm vic vi
nh raster (nh c to bng nhiu im nh hay cn gi l pixel).
Nu bn v logo th ti khuyn bn nn s dng Illustrator hoc Corel Draw.
Ngoi ra nu bn c nh dn trang tp ch th Adobe InDesign l mt la
chn tuyt vi.
0989 303 546
37
Nguyn tc 18:
Kim tra
gii hn in n
Khi thit k, bn phi nm r u ra cho bn thit k ca mnh. Ngha l bn

phi nm r mc ch xut ra in n tp ch, t ri, billboard, printad,
poster...? Mi mc ch u c gii hn v iu kin nht nh ring.
Chng hn bn thit k cho web, thng s c tnh bng pixel ch khng tnh
centimet nh chng ta thng hay thit lp. Nu bn trnh by tp ch hay
sch bo, vic thit lp an ton l v gy trnh khi cn b thnh phm s
mt ni dung, hay khi thit k standee bn ch s dng loi standee no
trnh thng tin nm trong vng ng khoen...
V mt ch na l h mu, ng s dng h mu RGB cho vic in n nh
offset, chc chn mu sc ca bn s nhy lon x c ln.
The type will

get pulled into
the gutter.
The type
be pulled
gutter.
will not
into the
0989 303 546
38
Nguyn tc 19:
Hin nay c rt nhiu bi vit v cc xu hng thit k. iu ny rt tt vi

nhng nh thit k tr tm ti cc nguyn liu mi cho phong cch ca
mnh. Tuy nhin, bn ng vi vng chy theo nu thc s cha hiu k v xu
hng .
Chy theo
xu hng
V d: Bn thit k logo theo phong cch xu hng ang ni, nhng ri xu

hng qua i v logo ca bn tr nn li thi nh nhng b trang phc ht
thi m bn chng mun khoc ln ngi thm mt ln no na. Lc bn s
lm g vi logo ?
ng bt chc v ti v khi bn cha hiu. C gng tm ra hng i ring cho
mnh th bn mi tr thnh nh thit k chuyn nghip c.
Dont follow trends

L
0
L
G
L
G
Logo
L
0
Set them.
0989 303 546
39
Nguyn tc 20:
Lm dng
hiu ng
Khi bn thit k, hy dnh nhiu thi gian ngh v thit k v c

gng tm ra gii php ti u nht truyn thng. Th nhng c mt s
bn th li thch dng hiu ng lm hoa mt khch hng v h ngh
nh th th mi l thit k.
Thi ca word art qua, xu hng thit k dng hiu ng nh bevels
and emboss, drop shadow, rainbow gradient...hin nay khng cn ph
bin. Nu bn lm dng qu mc s bin bn thit k ca bn trng tht
nng n v ri mt. Thay vo , hy s dng n mt cch chng mc v
tht tinh t.
65
60
60
55
50
50
45
40
40
35
30
30
25
20
20
15
10
10
0989 303 546
40
n lc ny, bn c th nhn li bn thit k ca mnh xem chng ta

b st nhng nguyn tc no. Hy tp luyn, tp luyn tht
nhiu ri bn s ch ng c vic x l cc tnh hung gp phi
trong qu trnh thit k.
R rng, nhng nguyn tc ti va nu trn y khng qu kh phi
khng no? Nhng nu bn ph v th rt kh bn c th tr
thnh nh thit k chuyn nghip.
0989 303 546
Sky: rtctruong
Bi vit c s dng mt s thng tin t ngun www.canva.com
0989 303 546
41

ColorME Ebook Part 2

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

ColorME Ebook Part 2

Uploaded by

Copyright:

Available Formats

Nhng nguyn tc v font khng nn ph v khi thit k

v nhng nguyn tc v font

C nhiu bn thit k tr hi ti l ti sao bn thit k ca h trng c vng

Nhng nguyn tc v font khng nn ph v khi thit k

Trong mt vi trng hp bn mun ph v nhng nguyn tc ny, hy t hi

Phn 1 : Tm hiu v kerning, tracking, leading.

Trong bi vit: Chuyn TYPOGRAPHY (chapter 1) ti cp

Nhng nguyn tc v font khng nn ph v khi thit k

Nhng nguyn tc v font khng nn ph v khi thit k

Trc y, khi my tnh cha ra i, vit thit lp

Mc ch n gin l: Cn bng khong trng gia cc k t, iu ny thc

Nhng nguyn tc v font khng nn ph v khi thit k

Vy, Kern l khong trng gia 2 con ch n l.

V bn thn cc con ch c nt thng, nt xin, nt cong khc nhau nn cc

Trong Illustrator, Menu Window / Type /

Nhng nguyn tc v font khng nn ph v khi thit k

Nhng ch c nt thng k nhau

Khong cch Kern bng 1/3

Nt xin - nt thng (lm)

Khong cch Kern bng 1/3 hoc

Khong cch Kern chng (m) ln nhau

Khong cch Kern chng m ln nhau.

Khong cch Kern chng (m) ln nhau

Khong cch Kern gn gip m nhau

Nhng nguyn tc v font khng nn ph v khi thit k

Mt iu m cc nh thit k tr hay phm sai lm nht l khng

cp n s thng nht khong

l phn chia khong cch gia hai

Nhng nguyn tc v font khng nn ph v khi thit k

Tracking l tng th cc khong cch ca chiu ngang dng ch. Vic iu

Trong Illustrator, Menu Window / Type /

Lorem Ipsum is simply dummy text of the

Tracking vi thng s -25

Lorem Ipsum is simply dummy text of the

Tracking bnh thng vi thng s 0

Lorem Ipsum is simply dummy text of

Nhng nguyn tc v font khng nn ph v khi thit k

Li c mt thut ng khc m chng ta hay b nhm ln, l Leading.

Nhng nguyn tc v font khng nn ph v khi thit k

Trong Illustrator, Menu Window / Type /

Lorem Ipsum is simply dummy text of the printing

Lorem Ipsum is simply dummy text of the printing

Lorem Ipsum is simply dummy text of the printing

Nhng nguyn tc v font khng nn ph v khi thit k

Ti trch dn mt bng trong CSS v cch iu chnh tt c cc gi tr. Vi

Nhng nguyn tc v font khng nn ph v khi thit k

Trung bnh: L,H,N...

Cong, thng, xin

Nhng nguyn tc v font khng nn ph v khi thit k

bt u vi vic ny, hy m Illustrator ra, trong tab Character,

Nhn ny, chng ta s thy ngay mt khong cch k d xut hin. Ni

Nhng nguyn tc v font khng nn ph v khi thit k

Cc khong cch bn di xut hin rt kh chu

Nhng nguyn tc v font khng nn ph v khi thit k

L do phn chia khong cch rt d b st l bi v i mt ca bn c

Nhng nguyn tc v font khng nn ph v khi thit k

R rng khong cch ch l rt khc nhau da vo tng font ch khc

Nhng nguyn tc v font khng nn ph v khi thit k

Chng ta cp v Tracking, Leading, Kerning nhng c mt

Ni chung, kerning trong cc font ch min ph th rt ti, khong

Nhng nguyn tc v font khng nn ph v khi thit k

Trong Photoshop v Illustrator c ch auto kerning, bn nn s dng

Nhng nguyn tc v font khng nn ph v khi thit k