ColorME eBook Part 2

7/25/2019 ColorME eBook Part 2

1/57

color

ME

Cun sch tip theo ca colorMEv nhng kin thc chung cho cng ng

SNG TO VI

INFOGRAPHIC


2/57

color

ME

LI NI U

Nh vy, colorME tn ti v pht trin c 9 thng,9 thng l mt chng ng thc s di vi colorME.

tri n cc hc vin v cc bn lun ng h colorME.colorME quyt nh xut bn 3 tp EBOOK gip mingi pht trin k nng thit k.

Khng ging nh tp trc ca EBOOK ch o su vokin thc c bn v thit k k thut s, cun sch nych tp trung chia s vi mi ngi v nhng iu mcolorME bit v Infographic.

Rt hi vng mi ngi s c thm nhiu cm hng saukhi c xong cun sch ny.

Mi gp xin vui lng lin h: [email protected] cm n mi ngi.


3/57

color

ME

MC LC

NH NGHA1

CC CH INFORGRAPHIC2

CC LOI BIU TRONG INFOGRAPHIC3PH LC4


4/57

color

ME

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 presentcomplex information quickly and clearly. Tm dch l "Informationgraphics hoc infographics l ngh l hnh thc ha trc quans dng hnh nh trnh by thng tin, d liu hoc kin thc thhin nhng thng tin phc tp mt cch nhanh v r rng".

iu ny s gip cho ngi c c th nm bt nhng chnh cathng ip mt cch nhanh chng, thay v phi c mt lot nhngthng tin di dng.

Nhng infographic thng c b tr khoa hc, p mt gipngi c d hiu, thay v bn phi c v xem qua hng ngntrang web, hay thit k, cc thng k phc tpth ch cn xem mthnh nh infographic l c th nm thng tin ch m mnhmun xem.

(Theo Designs.vn)

NH NGHA1


5/57

color

ME

NG DNG

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 thngtin thun truyn ti.

iu ny s lm cho ngi xem nhanh chng cm thynhm chn. V th, vic dng Infographic ang l mt giiphp 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 tindi ngong v mt ch . i lc, Infographic bt ngunt nhng biu quen thuc m bn tng hc. Hycng colorME tip tc cuc hnh trnh khm ph nhngiu lin quan n thit k bn nh.


6/57

color

ME

NG DNG

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

Hoc, phc tp hn th, c th l nhng bn Infographiclin quan n mt ch nht nh. y thng l nhngth c cng ng mng quan tm rt nhiu.

Chng 2 ca cun sch ny s gip bn phn no nhhnh cc ch thng c quan tm bi gii tr, nhngb Infographic gy bo thng lin quan n nhng ch

nh th no.


7/57

color

ME

C KH KHNG

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 Infographictt, bn cn c t duy v d liu v biu rt nhiu. Vid liu no nn dng biu no, th hin ra sao. Cunsch ny s gip bn lm c iu .


8/57

color

ME

Trc khi tm hiu v cc loi biu , hy th ngha quamt lt xem nhng ch Infographic no thngc quan tm nh.

CC CH 2


9/57

color

ME

y l loi Infographic xut hin ngy cng nhiu. Loi Infographicny tp trung vo vic hng dn ngi xem v mt k nng chotrc.

K NNG


10/57

color

ME

7 th thut Typography, 10 iu cn bit v Gym, 20 phng php sng to. l nhng ci tn thng gp vi loi Infographicny. 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

K NNG


11/57

color

ME

Quy trnh xy dng logo, quy trnh ci t phn mm, quy trnhstartup, quy trnh gi vn. Nhng iu lin quan n tun tthng s c biu din bi loi biu ny.

QUY TRNH


12/57

color

ME

Th trng nghe nhc Vit Nam, th trng thc phm, th trnggio dc, th trng smart phone, th trng xe hi. y l mtcng 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

TH TRNG


13/57

color

ME

Tm hiu v hnh vi v x hi cng l mt ch thng c quantm. Tnh trng kt hn, mc sng v thu nhp, nhng vic hcsinh 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.

HNH VI


14/57

color

ME

Biu din mt m hnh g , ti sao khng. Tt c nhng s liulin quan n mt vt mu hon ton c th bin thanh mt dngInfographic. M hnh thnh ph, m hinh xe hi, m hnh robot, tt

c u l nhng bi Infographic th v.

M HNH


15/57

color

ME

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 cngcolorME tm hiu nh.

CC BIU 3


16/57

color

ME

y l loi biu c bit n nhiu nht trong tt ccc loi biu . Loi biu ny cho php ngi dngc th t so snh v c lng mi th mt cch trcquan.

Di y l mt s mu c bn cho biu ct. Nhngbiu ct bn di c gi l biu ct ti gin. Vn khng c trc ngang, trc dc.

Loi biu ny c dng khi ni v cng mt ch thtrong tng giai on, gi tr ca tng ct c ghi ngaybn di ct.

BIU CT


17/57

color

ME

Di y li l mt s phng php dng biu ctkh ph cch. Kiu biu ny t to ra nhng n vtnh ngay bn trong ngi dng c th c lng vso snh d dng gi tr tng quan gia cc ct.

BIU CT

60%

45%

Elements One Elements Two


18/57

color

ME

Cn biu ct di y tn dng phn nh ca ct to ra s phn bit gia cc ct, phng php ny cdng gip ngi dng c th nhn din cc ch thmt cch tt hn.

BIU CT

A

B

C

D

E


19/57

color

ME

Cn di y, l biu ct dng y . C 2 trc xy o lng. Tuy nhin, ngi lm sng to thmphn nh lng ngay trn nh ca cc ct. Phngphp ny gip ngi xem gim thiu thi gian ginghng d liu sang trc.

BIU CT


20/57

color

ME

S dng hnh nh 3D cng l mt tng hay. AI gipbn 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 nukhng s sai khc v phong cch thit k s lm cho bInfographic ca bn trng rt ln xn.

BIU CT


21/57

color

ME

Cn di y l loi biu ct khi ni v nhng d liuc nhm li. Loi biu ny hon ton c th b thayth bi biu ct chng.

BIU CT


22/57

color

ME

Loi biu ngang, thng c gi l Bar Graph hocProgress Bar. Loi biu ny cng n thun l mtdng biu ct, nhng li nm ngang, hy th phntch xem chng ta c th sng to nh th no vi loibiu ny nh.

BIU NGANG


23/57

color

ME

Cch trang tr di y em li s cn i cho ton bbiu khi tt c nhng Progress Bar c cn tri thayv phi nh thng thng.

BIU NGANG


24/57

color

ME

Biu di y cn c bit vi ci tn gi l biu nhm. Thng c dng biu din nhng d liukiu: C 3 ngi th c 1 ngi...

BIU NGANG


25/57

color

ME

Trang tr biu ct ngang theo kiu ty chnh Volumecng l mt phng php hay. Nhng chm trn cnhn mnh gip ngi xem d dng cm nhn v nhlng cc hng hn.

BIU NGANG


26/57

color

ME

Tng t biu ct. Loi biu ny cng c th phntheo nhm, di y l mt v d in hnh khi chia ccd liu ni v cc nm nht nh.

BIU NGANG


27/57

color

ME

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

BIU NGANG


28/57

color

ME

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

BIU TRN


29/57

color

ME

Cch thc bn di, nh cc bn thy, cc biu trnc khot rng bn trong ghi thm gi tr. Phngthc ny gip bn khng cn k cc ng tr vo tngvng dn dt ngi xem v mt s liu.

BIU TRN


30/57

color

ME

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

BIU TRN


31/57

color

ME

Ch l mt phng php trang tr, nhng vic dng 2hnh trn lng ly nhau v c gng nhn mnh phn hnhtrn biu din s liu cng l phng php rt thngthy trong thc t.

BIU TRN


32/57

color

ME

Biu nhiu vng lng ly nhau, ang rt thnh hnh

thi gian gn y. c dng biu din nhng sliu lin quan n cng mt ch th, loi biu ny chota thy ci nhn tng quan hn v nhng s liu. Bncnh , cch biu din ny trng cng rt p mt.

BIU TRN


33/57

color

ME

Dng mt lot hnh trn quay quanh mt ch th khng

phi l tng ti. Vic ny gip chng ta cn i li bcc khi mun s dng nhiu hnh trn.

BIU TRN


34/57

color

ME

Biu trn ct lt nh th ny cng rt thng c

thy trong thc t. Loi biu ny c u im ln nhtl... d lm vi AI.

BIU TRN


35/57

color

ME

Bn hon ton c th ch dng mt na hnh trn

biu din s liu. Khng c mt gii hn no cho s sngto c. Hy t tin ngh ra nhng phng thc biu dind liu mi nh.

BIU TRN


36/57

color

ME

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. Giihn ln nht ca loi biu ny l n dng nhngng Line kh mng biu din s liu.

BIU NG


37/57

color

ME

Tuy nhin, nu bn c k nng tt v dng mu. Bn

hon ton c th lm ch c loi biu ny emli tri nghim tt nht cho ngi xem ca bn.

BIU NG


38/57

color

ME

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 thyc li ch khi s dng n. N em li cho ta mt tringhim lin quan n s hi tng v cm nhn v spht trin ca mt ch th no .

DNG THI GIAN


39/57

color

ME

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.

DNG THI GIAN


40/57

color

ME

ng gii hn bn thn trong nhng Line thng tut,

th nhng ng vng vo, bit u li em li cho bnnhng tri nghim mi.

DNG THI GIAN


41/57

color

ME

Ngy cng c nhiu cch sng to vi Timeline. Bnc th tm kim rt nhiu t nhng ngun nh FreePik,

All-Free-Download.

DNG THI GIAN


42/57

color

ME

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.

TH GII


43/57

color

ME

Loi biu ny ly bn th gii lm trng tm, phttrin xung quanh n. Bn hon ton c th khai thc

hnh nh cc chu lc phn tch d liu.

TH GII


44/57

color

ME

Hoc s dng nhng bong bng hi thoi nh th nycng l mt la chn hay.

TH GII


45/57

color

ME

Ngoi ra, i lc, bn hon ton c th s dng hnh nhca th gii nh mt bc nn th hin nhng Info-

graphic khc, vic ny gip bn th hin tnh ton cuca d liu hn.

TH GII


46/57

color

ME

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 cacc phn t trong danh sch hon ton c th to racho bn mt Infographic ri.

DANH SCH


47/57

color

ME

B cc dc, ngang, tam gic, t gic, u c th p dngvi biu kiu danh sch.

DANH SCH


48/57

color

ME

V tt nhin, ng qu gii hn bn thn trong nhngkhi hnh cng rn nh. Hy c sng to ra nhng hnh

dng mi cho kiu biu danh sch ny, ty bin theonhng d liu m bn ang c th hin.

DANH SCH


49/57

color

ME

Mt s hnh nh l mt cho loi biu ny, cho bnthy rng y l mt trong nhng loi biu cho php

bn sng to nhiu nht.

DANH SCH


50/57

color

ME


bn sng to nhiu nht.

DANH SCH


51/57


bn sng to nhiu nht.

DANH SCH

color

ME


52/57

y cng l mt loi biu khng chnh thng. Loibiu ny gip bn a cho ngi xem mt ci nhn

tng quan v trnh t hot ng hoc xy dng mtiu g .

QUY TRNH

color

ME


53/57

Bn hon ton c th lng ghp cc loi biu khc vobn trong biu ny. Vic sng to n thun ch l lp

ghp nhng th c sn vi nhau. Hy t mnh thnghim xem bn nh.

QUY TRNH

color

ME


54/57

V d nh di y l biu quy trnh mang hi hngTimeline. Hy nhn tht nhiu, chim nghim tht nhiu,

bn s thy c rt nhiu iu th v.

QUY TRNH

color

ME


55/57

ng dng quy trnh khp kn vo bn trong mt hnhtrn s gip b cc ca bn tr nn rt gn gng. Nhc

im ln nht ca phng php ny l n s gii hn dliu bn mun truyn ti vo bn trong mt phn rtnh ca hnh trn.

QUY TRNH

color

ME


56/57

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 ang thnh hnh hin nay. Hy bt tay vo v luyntp bn nh.

QUY TRNH

color

ME


57/57

Mt ln na, cm n bn c n trang cui ca cunsch ny. Hi vng bn c thm mt s kin thc nhtnh.

Mi ng gp, phn hi, bn vui lng gi vo email:[email protected] bn nh. colorME thc s rt

mun lng nghe nhng suy ngh ca bn.

Li cui cng, xin cm n cc bn mt ln na, v lunng h colorME.

LI KT4

color

ME

Date post:	25-Feb-2018
Category:	Documents
Upload:	khuat-tran-thanh
View:	244 times
Download:	6 times

ColorME eBook Part 2

Documents