YOU CAN DESIGN

CREATIVE & DESIGN

DUCTRAN [

facebook.com/ninjad3m0

01

WHAT IS DESIGN?
[Thit k l g?]

02

THE PROCESS OF DESIGN

[Quy trnh thit k c bn]

03

DESIGN THINKING

[T duy Thit k]

04

DEMO & QUESTION

[Giao lu hi p]

WHAT IS DESIGN?
[Thit k l g?]

THIT K KHNG PHI L V THT P

CNG KHNG PHI L

PHI LM NGI XEM THY KINH NGC

THIT K CNG KHNG PHI L

S PH DIN CNG NGH

Thit k l

cng vic gn gi vi cuc sng

nh ht th khng kh vy!

EVERYTHING NEEDS TO BE DESIGNED!

WHO IS A DESIGNER?

Hi, tui l designer

Tui l s 1 :P

DESIGNER

ART DIRECTOR

(GIM C M THUT)

BRAND MANAGER

(GIM C THNG HIU)

BRAND MANAGER
(GIM C THNG HIU)

TEAM LEADER

ART DIRECTOR
(GIM C M THUT)

CREATIVE DIRECTOR
(GIM C SNG TO)

DESIGNER

(GIM C SNG TO)

CLIENT

(KHCH HNG)

THIT K
TRIN KHAI
TIP TH
QUY TRNH
TRIN KHAI
SN XUT

CHIN LC
K HOCH
TRIN KHAI

Thit k l mt phn ca quy trnh,

tham gia h tr cc hot ng cn li trong quy trnh.

THE PROCESS OF DESIGN

[Quy trnh thit k c bn]

Trc

Sau

TRUE BLOOD 5

SCANDAL

NGI DNG
L TRUNG TM

 TUI

S THCH

GII TNH

THU NHP

MT S TIU CH PHN LOI NGI S DNG

Website 1:
- Background ca website ny khng
hp l
- Hnh nh sn phm nh nhng mt
dy c, nhn rt ri mt v to cm
gic kh khn trong vic chn la cho
khch hng
- Mu sc, cch phi mu khng theo
mt quy tc c bn no trong thit k
- Phn header tn ca hng ln bng
font Arial :v
Website 2:
- Background website ny s dng
gradient to cm gic kh d chu v
hi ho vi mu xanh da tri lm mu
ch o.
- Thng tin ton l text
- Qung co chy dc 2 bn, c th
ni cch thit k qung co ny c kh
nng gy c s ch tt, nhng n
lm mt thm m, nh hng n s
tp trung ca ngi truy cp.

- Website c thit k kh n gin, b cc hp l.

- Ni bt nht v nhn thy u tin l slide show vi hnh nh to nh cao tng gip ngi xem
bit ngay c cng ty ny hot ng trong lnh vc g.
- Thit k ngn gn nhng vn y thng tin khch truy cp c th tm hiu v cng ty.
- Background mu trng to cm gic sang trng, chuyn nghip v d chu.

QUY TRNH THIT K C BN

K hoch

Nghin cu

Phn tch
hiu qu

Thit k

Chnh sa
Nhn bn

KHNG NGNG

LUYN TP

DESIGN THINKING
[T duy thit k]

T Duy Thit K (hoc suy ngh sng to) l mt qu trnh gii quyt thc t
sng to,ca cc vn hoc cc vn tm kim mt kt qu trong tng lai
c ci thin. l kh nng cn thit kt hp s ng cm, sng to v tnh
hp l p ng nhu cu ngi s dng v kinh doanh thnh cng.
T duy bn ngoi chic hp l suy ngh khc, khng theo li thng thng
hoc t mt quan im mi. Cm t ny thng dng suy ngh mi, sng to
v thng minh.

NHNG CCH THC Y

T DUY THIT K V I MI

1. THC HNH QU TRNH T DUY THIT K

01

Xc nh

Chn

Nghin cu

Thc hin

Tng tng

Hc hi

Mu th nghim

2. NG BAO GI NGNG T M

02

D bn bao nhiu tui, ch cn gi c ng lc sng to,

bn s gi cho a tr trong bn sng mi
Anon

3. GHI LI MI TNG

03

4. GII CC CU

04

Vn ca cc cu vui rt gn vi cc vn trong cuc sng

Erno Rubik

5. DNG CM V HC HI T NHNG SAI LM

05

"1% cm hng v 99% m hi."

6. TRI NGHIM VI TR C V K NNG

06

ng s nhng tng ng ngn,

hy th ngc li nhng g m gii php yu cu

7. NM LY NHNG YU T V NGUYN TC THIT K

07

ng nt
Hnh dng
Cht liu
Mu
Khng gian
Hng

Hi ho
Tng phn
Lp li
Nhn mnh
Phn cp
Cn bng

8. MIND MAP TO RA NHNG TNG MI

08

9. LUN LUN L CHNH BN

09

10. TH GII ANG THAY I

10

WEBSITE DESIGN TRENDS 2013

[Xu hng thit k web 2013]

01

THIT K RESPONSIVE

Truyn ti thng tin trn cc thit b khc nhau

02

CUN KHNG GII HN

Langland s dng cun khng gii hn truyn ti thm ni dung

03
METRO

Windows 8 truyn cm hng thit k theo phong cch Metro cho Chrome Web Store

04
PARALLAX

DAngelico Guitars s dng Parallax h tr cu trc trang web

05

WEB VI 1 TRANG DUY NHT

06

HNH NH V VIDEO TON MN HNH

Trang web "ti lt sng bi v ..." s dng phim nn bt mt

07

CH LN V TIU IN M

Hun luyn vin c nhn Andy Hillier s dng kiu ch ln gy s ch

08
THIT K PHNG

09

T NT BM HN

10

PANTONE 17-5641 Emerald

MU CA NM

HT ROI!
[Q&A]

THANK YOU!
[Ra v & Sng to thi :v]