bai 10 nguyentactkweb

8/3/2019 Bai 10 NguyenTacTKWeb

1/17

Nguyn tc C.R.A.P.

C.R.A.P. design :ContrastRepetitionAlignment

Proximitys

NGUYN TC THIT K WEB


2/17

C. ContrastContrasts tng phnGy n tng cho ngi s dngLm ni bt ni dung quan trngK thut to s tng phn:

Hnh nhFont chMu scKhong cch


3/17


4/17


5/17


6/17

R. RepetitionRepetitions lp liTo s nht qun, thng nht chowebsiteGip ngi s dng website d phnbit, tm kim thng tin


7/17


8/17


9/17

A. AlignmentAlignments canh chnh, sp xpC ngha quan trng khi trnh by ni dungweb pageTo s lin kt, mch lc cho ni dungTo s thng nht, nht qun cho websiteGip ngi s dng xem thng tin d dng,

c bit l thng tin dng text.K thut canh chnh:Canh tri, phi, gia, canh u 2 binKhong cch

V tr


10/17


11/17


12/17


13/17

P. ProximityProximitys lin quan, gn gi

Nhm cc ni dung lin quan vi nhauPhn bit cc ni dung khc nhau trongwebsiteK thut to s lin quan:

Khong cchMu scHnh nh


14/17


15/17


16/17

1.Thit k tng tc :ngi dng l trungtm

2.Tin dng:d s dng, hiu sut cao,ngn li, to cm gic thoi mi chongi dng


17/17

Cng c h tr thit k web

To Button, Logo, Menu : http://www.xara.com/products/webstyle

To hiu ng mu sc cho text : Cool color text Generator(www.dicotsoft.com)

To hiu ng hnh nh, banner : http://www.anfyteam.com

http://www.getafile.com/cgi-bin/merlot/get/koolmoves/kmsetup.exe
http://www.xara.com/products/webstylehttp://www.dicotsoft.com/http://www.anfyteam.com/http://www.getafile.com/cgi-bin/merlot/get/koolmoves/kmsetup.exehttp://www.getafile.com/cgi-bin/merlot/get/koolmoves/kmsetup.exehttp://www.getafile.com/cgi-bin/merlot/get/koolmoves/kmsetup.exehttp://www.getafile.com/cgi-bin/merlot/get/koolmoves/kmsetup.exehttp://www.anfyteam.com/http://www.dicotsoft.com/http://www.xara.com/products/webstyle

bai 10 nguyentactkweb

Documents