color

ME

SNG TO VI

INFOGRAPHIC
Cun sch tip theo ca colorME
v nhng kin thc chung cho cng ng
 color

ME

MC LC

1 NH NGHA

2 CC CH INFORGRAPHIC

3 CC LOI BIU TRONG INFOGRAPHIC

4 PH LC
 color

ME

1 NH NGHA
Infographic l t ghp ca Information graphic. Theo Wikipedia,
Information graphics or infographics are graphic visual represen-
tations of information, data or knowledge intended to present
complex information quickly and clearly. Tm dch l "Information
graphics hoc infographics l ngh l hnh thc ha trc quan
s dng hnh nh trnh by thng tin, d liu hoc kin thc th
hin nhng thng tin phc tp mt cch nhanh v r rng".

iu ny s gip cho ngi c c th nm bt nhng chnh ca

thng ip mt cch nhanh chng, thay v phi c mt lot nhng
thng tin di dng.

Nhng infographic thng c b tr khoa hc, p mt gip

ngi c d hiu, thay v bn phi c v xem qua hng ngn
trang web, hay thit k, cc thng k phc tpth ch cn xem mt
hnh nh infographic l c th nm thng tin ch m mnh
mun xem.
(Theo Designs.vn)
1
color

ME

NG DNG

NH NGHA
Mi con ngi c 2 bn cu no. Mt bn x l thng tin,
bn cn li x l hnh nh. Vn l khi chng ta din gii
mt th g , chng ta thng c xu hng dng thng
tin thun truyn ti.

iu ny s lm cho ngi xem nhanh chng cm thy

nhm chn. V th, vic dng Infographic ang l mt gii
php tuyt vi thu ht ngi xem vo d liu ca bn.

ng hiu nhm rng Infographic l mt ci g qu

phc tp. Infographic khng ch l nhng tm thng tin
di ngong v mt ch . i lc, Infographic bt ngun
t nhng biu quen thuc m bn tng hc. Hy
cng colorME tip tc cuc hnh trnh khm ph nhng
iu lin quan n thit k bn nh.
1
color

ME

NG DNG

NH NGHA
V mt ng dng, Infographic c th c dng trong cc
bn bo co, cc bi thuyt trnh, trong cc n, d n.

Hoc, phc tp hn th, c th l nhng bn Infographic

lin quan n mt ch nht nh. y thng l nhng
th c cng ng mng quan tm rt nhiu.

Chng 2 ca cun sch ny s gip bn phn no nh

hnh cc ch thng c quan tm bi gii tr, nhng
b Infographic gy bo thng lin quan n nhng ch
nh th no.
1
color

ME

C KH KHNG

NH NGHA
Cu tr li l, va kh va khng. to mt Infographic,
iu kin tin quyt l bn phi thnh tho mt cng c
thit k. V cng c thit k chuyn dng thit k Info-
graphic l Adobe Illustrator.

Tuy nhin, cng c l cha , c mt b Infographic

tt, bn cn c t duy v d liu v biu rt nhiu. Vi
d liu no nn dng biu no, th hin ra sao. Cun
sch ny s gip bn lm c iu .
 color

ME

2 CC CH

Trc khi tm hiu v cc loi biu , hy th ngha qua

mt lt xem nhng ch Infographic no thng
c quan tm nh.
2
color

ME

K NNG
y l loi Infographic xut hin ngy cng nhiu. Loi Infographic
ny tp trung vo vic hng dn ngi xem v mt k nng cho
trc.

CC CH
2
color

ME

K NNG
7 th thut Typography, 10 iu cn bit v Gym, 20 phng php
sng to. l nhng ci tn thng gp vi loi Infographic
ny. Loi Infographic ny hng n mtt s i tng nht nh
v thng thnh cng nu c hm lng kin thc mi v th v

CC CH
 color

ME

QUY TRNH
Quy trnh xy dng logo, quy trnh ci t phn mm, quy trnh
startup, quy trnh gi vn. Nhng iu lin quan n tun t
thng s c biu din bi loi biu ny.
2
color

ME

TH TRNG
Th trng nghe nhc Vit Nam, th trng thc phm, th trng
gio dc, th trng smart phone, th trng xe hi. y l mt
cng c rt mnh cho nhng bn thch phn tch s liu. vic biu
din nhng s liu ny di dng biu s gip bn phn no

CC CH
2
color

ME

HNH VI
Tm hiu v hnh vi v x hi cng l mt ch thng c quan
tm. Tnh trng kt hn, mc sng v thu nhp, nhng vic hc
sinh hay lm, thi quen dng mng x hi. Nhng bi phn tch
nh th ny s gip chng ta c ci nhn ton din hn v x hi.

CC CH
2
color

ME

M HNH
Biu din mt m hnh g , ti sao khng. Tt c nhng s liu
lin quan n mt vt mu hon ton c th bin thanh mt dng
Infographic. M hnh thnh ph, m hinh xe hi, m hnh robot, tt
c u l nhng bi Infographic th v.

CC CH
3
color

ME

CC BIU

Chc hn cc bn bit v cc biu nh biu

trn, biu ct, biu min, vy vi nhng biu
nh vy, c nhng phng thc no biu din, hy cng
colorME tm hiu nh.
 color

ME

BIU CT
y l loi biu c bit n nhiu nht trong tt c
cc loi biu . Loi biu ny cho php ngi dng
c th t so snh v c lng mi th mt cch trc
quan.

Di y l mt s mu c bn cho biu ct. Nhng

biu ct bn di c gi l biu ct ti gin. V
n khng c trc ngang, trc dc.

Loi biu ny c dng khi ni v cng mt ch th

trong tng giai on, gi tr ca tng ct c ghi ngay
bn di ct.
3
color

ME

BIU CT
Di y li l mt s phng php dng biu ct

CC BIU
kh ph cch. Kiu biu ny t to ra nhng n v
tnh ngay bn trong ngi dng c th c lng v
so snh d dng gi tr tng quan gia cc ct.

Elements One Elements Two

60%
45%
3
color

ME

BIU CT
Cn biu ct di y tn dng phn nh ca ct

CC BIU
to ra s phn bit gia cc ct, phng php ny c
dng gip ngi dng c th nhn din cc ch th
mt cch tt hn.

A
B

E
3
color

ME

BIU CT
Cn di y, l biu ct dng y . C 2 trc xy

CC BIU
o lng. Tuy nhin, ngi lm sng to thm
phn nh lng ngay trn nh ca cc ct. Phng
php ny gip ngi xem gim thiu thi gian ging
hng d liu sang trc.
3
color

ME

BIU CT
S dng hnh nh 3D cng l mt tng hay. AI gip

CC BIU
bn d ng 3D ha mt vng vector bt k. Tuy nhin,
phng php ny khng hn khng km ch dng
trang tr thm. Khi dng 3D, bn nh cn thn nu
khng s sai khc v phong cch thit k s lm cho b
Infographic ca bn trng rt ln xn.
3
color

ME

BIU CT
Cn di y l loi biu ct khi ni v nhng d liu

CC BIU
c nhm li. Loi biu ny hon ton c th b thay
th bi biu ct chng.
3
color

ME

BIU NGANG
Loi biu ngang, thng c gi l Bar Graph hoc

CC BIU
Progress Bar. Loi biu ny cng n thun l mt
dng biu ct, nhng li nm ngang, hy th phn
tch xem chng ta c th sng to nh th no vi loi
biu ny nh.
3
color

ME

BIU NGANG
Cch trang tr di y em li s cn i cho ton b

CC BIU
biu khi tt c nhng Progress Bar c cn tri thay
v phi nh thng thng.
3
color

ME

BIU NGANG
Biu di y cn c bit vi ci tn gi l biu

CC BIU
nhm. Thng c dng biu din nhng d liu
kiu: C 3 ngi th c 1 ngi...
3
color

ME

BIU NGANG
Trang tr biu ct ngang theo kiu ty chnh Volume
cng l mt phng php hay. Nhng chm trn c
CC BIU
nhn mnh gip ngi xem d dng cm nhn v nh
lng cc hng hn.
3
color

ME

BIU NGANG
Tng t biu ct. Loi biu ny cng c th phn
theo nhm, di y l mt v d in hnh khi chia cc
CC BIU
d liu ni v cc nm nht nh.
3
color

ME

BIU NGANG
nh lng d liu nay trn ct, kt hp vi loi biu
ct chng em li mt kt qu khng phi l qu t.
CC BIU
3
color

ME

BIU TRN
y l loi biu c mc ph cp th 2 sau biu
ct. Biu trn xem ton b gi tr chung ca mt vt
CC BIU
th l 100%, chia u cho 360 .
3
color

ME

BIU TRN
Cch thc bn di, nh cc bn thy, cc biu trn
c khot rng bn trong ghi thm gi tr. Phng
CC BIU
thc ny gip bn khng cn k cc ng tr vo tng
vng dn dt ngi xem v mt s liu.
3
color

ME

BIU TRN
Khng ch l mt vng, bn hon ton c th dng nhiu
vng trn, mi vng biu din mt d liu khc nhau.
CC BIU
S khc bit v mu sc v hnh dng s khin cho biu
trn ca bn trng rt l mt.
3
color

ME

BIU TRN
Ch l mt phng php trang tr, nhng vic dng 2
hnh trn lng ly nhau v c gng nhn mnh phn hnh
CC BIU
trn biu din s liu cng l phng php rt thng
thy trong thc t.
3
color

ME

BIU TRN
Biu nhiu vng lng ly nhau, ang rt thnh hnh
thi gian gn y. c dng biu din nhng s

CC BIU
liu lin quan n cng mt ch th, loi biu ny cho
ta thy ci nhn tng quan hn v nhng s liu. Bn
cnh , cch biu din ny trng cng rt p mt.
3
color

ME

BIU TRN
Dng mt lot hnh trn quay quanh mt ch th khng
phi l tng ti. Vic ny gip chng ta cn i li b
cc khi mun s dng nhiu hnh trn.
CC BIU
3
color

ME

BIU TRN
Biu trn ct lt nh th ny cng rt thng c
thy trong thc t. Loi biu ny c u im ln nht
l... d lm vi AI.
CC BIU
3
color

ME

BIU TRN
Bn hon ton c th ch dng mt na hnh trn
biu din s liu. Khng c mt gii hn no cho s sng
to c. Hy t tin ngh ra nhng phng thc biu din
d liu mi nh.
CC BIU
3
color

ME

BIU NG
Biu ng cng l mt loi biu rt quen thuc
ng khng. Tuy nhin, loi biu ny thc s rt kh
sng to thm v biu din mt cch p mt. Gii
CC BIU
hn ln nht ca loi biu ny l n dng nhng
ng Line kh mng biu din s liu.
3
color

ME

BIU NG
Tuy nhin, nu bn c k nng tt v dng mu. Bn
hon ton c th lm ch c loi biu ny em
li tri nghim tt nht cho ngi xem ca bn.
CC BIU
3
color

ME

DNG THI GIAN

Dng thi gian cha phi l mt biu c s dng
rng ri. Tuy nhin, t khi Facebook pht trin ra Time-
line cho ngi dng, chng ta hoan ton c th thy
CC BIU
c li ch khi s dng n. N em li cho ta mt tri
nghim lin quan n s hi tng v cm nhn v s
pht trin ca mt ch th no .
3
color

ME

DNG THI GIAN

C rt rt nhiu phng thc sng to vi Timeline. Tuy
nhin, lun c 2 th m Timeline phi c, th nht l...
Line, v th 2, l cc mc s kin.
CC BIU
3
color

ME

DNG THI GIAN

ng gii hn bn thn trong nhng Line thng tut,
th nhng ng vng vo, bit u li em li cho bn
nhng tri nghim mi.
CC BIU
3
color

ME

DNG THI GIAN

Ngy cng c nhiu cch sng to vi Timeline. Bn
c th tm kim rt nhiu t nhng ngun nh FreePik,
All-Free-Download.

CC BIU
3
color

ME

TH GII
Hay cn gi l biu phn b. Phn b v con ngi,
phn b v th phn, phn b v thi quen trn th gii
ny ra sao.

CC BIU
3
color

ME

TH GII
Loi biu ny ly bn th gii lm trng tm, pht
trin xung quanh n. Bn hon ton c th khai thc
hnh nh cc chu lc phn tch d liu.

CC BIU
3
color

ME

TH GII
Hoc s dng nhng bong bng hi thoi nh th ny
cng l mt la chn hay.

CC BIU
3
color

ME

TH GII
Ngoi ra, i lc, bn hon ton c th s dng hnh nh
ca th gii nh mt bc nn th hin nhng Info-
graphic khc, vic ny gip bn th hin tnh ton cu

CC BIU
ca d liu hn.
3
color

ME

DANH SCH
Sau kiu d liu bng (Grid) th d liu danh sch (List)
l kiu d liu c kh nng biu din nhiu d liu cng
mt lc nht. Vic ng b ha phong cch thit k ca

CC BIU
cc phn t trong danh sch hon ton c th to ra
cho bn mt Infographic ri.
3
color

ME

DANH SCH
B cc dc, ngang, tam gic, t gic, u c th p dng
vi biu kiu danh sch.

CC BIU
3
color

ME

DANH SCH
V tt nhin, ng qu gii hn bn thn trong nhng
khi hnh cng rn nh. Hy c sng to ra nhng hnh
dng mi cho kiu biu danh sch ny, ty bin theo

CC BIU
nhng d liu m bn ang c th hin.
3
color

ME

DANH SCH
Mt s hnh nh l mt cho loi biu ny, cho bn
thy rng y l mt trong nhng loi biu cho php
bn sng to nhiu nht.
CC BIU
3
color

ME

DANH SCH
Mt s hnh nh l mt cho loi biu ny, cho bn
thy rng y l mt trong nhng loi biu cho php
bn sng to nhiu nht.
CC BIU
3
color

ME

DANH SCH
Mt s hnh nh l mt cho loi biu ny, cho bn
thy rng y l mt trong nhng loi biu cho php
bn sng to nhiu nht.
CC BIU
3
color

ME

QUY TRNH
y cng l mt loi biu khng chnh thng. Loi
biu ny gip bn a cho ngi xem mt ci nhn
tng quan v trnh t hot ng hoc xy dng mt
iu g .
CC BIU
3
color

ME

QUY TRNH
Bn hon ton c th lng ghp cc loi biu khc vo
bn trong biu ny. Vic sng to n thun ch l lp
ghp nhng th c sn vi nhau. Hy t mnh th
nghim xem bn nh.
CC BIU
3
color

ME

QUY TRNH
V d nh di y l biu quy trnh mang hi hng
Timeline. Hy nhn tht nhiu, chim nghim tht nhiu,
bn s thy c rt nhiu iu th v.
CC BIU
3
color

ME

QUY TRNH
ng dng quy trnh khp kn vo bn trong mt hnh
trn s gip b cc ca bn tr nn rt gn gng. Nhc
im ln nht ca phng php ny l n s gii hn d
CC BIU
liu bn mun truyn ti vo bn trong mt phn rt
nh ca hnh trn.
3
color

ME

QUY TRNH
Tip tc sng to vi nhng hnh dng mi. Loi biu
ny cng rt d dng th hin, trang tr v lm mi.
Nh vy l bn i qua ht mt lt nhng loi biu
CC BIU
ang thnh hnh hin nay. Hy bt tay vo v luyn
tp bn nh.