Tham khảo You can design của Ho Dong Thu - Think! Digital Vietnam

1. YOU CAN DESIGN
CREATIVE & DESIGN
DUCTRAN [
]
facebook.com/ninjad3m0

2. 01
WHAT IS DESIGN?
[Thiết kế là gì?]
02
THE PROCESS OF DESIGN
[Quy trình thiết kế cơ bản]
03
DESIGN THINKING
[Tư duy Thiết kế]
04
DEMO & QUESTION
[Giao lưu hỏi đáp]

3. WHAT IS DESIGN?
[Thiết kế là gì?]

4. THIẾT KẾ KHÔNG PHẢI LÀ VẼ THẬT ĐẸP

5. CŨNG KHÔNG PHẢI LÀ
PHẢI LÀM NGƯỜI XEM THẤY KINH NGẠC

6. THIẾT KẾ CŨNG KHÔNG PHẢI LÀ
SỰ PHÔ DIỄN CÔNG NGHỆ

7. Thiết kế là
công việc gần gũi với cuộc sống
như hít thở không khí vậy!

10. EVERYTHING NEEDS TO BE DESIGNED!

11. WHO IS A DESIGNER?

12. Hi, tui là designer
Tui là số 1 :P

13. DESIGNER
ART DIRECTOR
(GIÁM ĐỐC MỸ THUẬT)
BRAND MANAGER
(GIÁM ĐỐC THƯƠNG HIỆU)

14. BRAND MANAGER
(GIÁM ĐỐC THƯƠNG HIỆU)
TEAM LEADER
ART DIRECTOR
(GIÁM ĐỐC MỸ THUẬT)
CREATIVE DIRECTOR
(GIÁM ĐỐC SÁNG TẠO)
DESIGNER
(GIÁM ĐỐC SÁNG TẠO)
CLIENT
(KHÁCH HÀNG)

15. THIẾT KẾ
TRIỂN KHAI
TIẾP THỊ
QUY TRÌNH
TRIỂN KHAI
SẢN XUẤT
CHIẾN LƯỢC
KẾ HOẠCH
TRIỂN KHAI
Thiết kế là một phần của quy trình,
tham gia hỗ trợ các hoạt động còn lại trong quy trình.

16. THE PROCESS OF DESIGN
[Quy trình thiết kế cơ bản]

17. Trước
Sau
TRUE BLOOD 5
SCANDAL

19. NGƯỜI DÙNG
LÀ TRUNG TÂM

20. ĐỘ TUỔI
SỞ THÍCH
GIỚI TÍNH
THU NHẬP
MỘT SỐ TIÊU CHÍ PHÂN LOẠI NGƯỜI SỬ DỤNG

21. Website 1:
- Background của website này không
hợp lý
- Hình ảnh sản phẩm nhỏ nhưng mật độ
dầy đặc, nhìn rất rối mắt và tạo cảm
giác khó khăn trong việc chọn lựa cho
khách hàng
- Màu sắc, cách phối màu không theo
một quy tắc cơ bản nào trong thiết kế
- Phần header tên cửa hàng lớn bằng
font Arial :v
Website 2:
- Background ở website này sử dụng
gradient tạo cảm giác khá dễ chịu và
hài hoà với màu xanh da trời làm màu
chủ đạo.
- Thông tin toàn là text
- Quảng cáo chạy dọc 2 bên, có thể
nói cách thiết kế quảng cáo này có khả
năng gây được sự chú ý tốt, nhưng nó
làm mất thẩm mỹ, ảnh hưởng đến sự
tập trung của người truy cập.

22. - Website được thiết kế khá đơn giản, bố cục hợp lý.
- Nổi bật nhất và nhìn thấy đầu tiên đó là slide show với hình ảnh toà nhà cao tầng giúp người xem
biết ngay được công ty này hoạt động trong lĩnh vực gì.
- Thiết kế ngắn gọn nhưng vẫn đầy đủ thông tin để khách truy cập có thể tìm hiểu về công ty.
- Background màu trắng tạo cảm giác sang trọng, chuyên nghiệp và dễ chịu.

23. QUY TRÌNH THIẾT KẾ CƠ BẢN

24. Kế hoạch
Nghiên cứu
Phân tích
hiệu quả
Thiết kế
Chỉnh sửa
Nhân bản

25. KHÔNG NGỪNG
LUYỆN TẬP

26. DESIGN THINKING
[Tư duy thiết kế]

27. Tư Duy Thiết Kế (hoặc suy nghĩ sáng tạo) là một quá trình giải quyết thực tế
sáng tạo,của các vấn đề hoặc các vấn đề để tìm kiếm một kết quả trong tương lai
được cải thiện. Đó là khả năng cần thiết để kết hợp sự đồng cảm, sáng tạo và tính
hợp lý để đáp ứng nhu cầu người sử dụng và kinh doanh thành công.
Tư duy bên ngoài chiếc hộp là để suy nghĩ khác, không theo lối thông thường
hoặc từ một quan điểm mới. Cụm từ này thường dùng để suy nghĩ mới, sáng tạo
và thông minh.

28. NHỮNG CÁCH ĐỂ THÚC ĐẨY
TƯ DUY THIẾT KẾ VÀ ĐỔI MỚI

29. 1. THỰC HÀNH QUÁ TRÌNH TƯ DUY THIẾT KẾ
01
• Xác định
• Chọn
• Nghiên cứu
• Thực hiện
• Tưởng tượng
• Học hỏi
• Mẫu thử nghiệm

30. 2. ĐỪNG BAO GIỜ NGỪNG TÒ MÒ
02
“Dù bạn bao nhiêu tuổi, chỉ cần giữ được động lực sáng tạo,
bạn sẽ giữ cho đứa trẻ trong bạn sống mãi”
– Anon

31. 3. GHI LẠI MỌI Ý TƯỞNG
03

32. 4. GIẢI CÁC CÂU ĐỐ
04
“Vấn đề của các câu đố vui rất gần với các vấn đề trong cuộc sống”
– Erno Rubik

33. 5. DŨNG CẢM VÀ HỌC HỎI TỪ NHỮNG SAI LẦM
05
"1% cảm hứng và 99% mồ hôi."

34. 6. TRẢI NGHIỆM VỚI TRÍ ÓC VÀ KỸ NĂNG
06
“Đừng sợ những ý tưởng ngớ ngẩn,
hãy thử ngược lại những gì mà giải pháp yêu cầu”

35. 7. NẮM LẤY NHỮNG YẾU TỐ VÀ NGUYÊN TẮC THIẾT KẾ
07
•
•
•
•
•
•
Đường nét
Hình dạng
Chất liệu
Màu
Không gian
Hướng
•
•
•
•
•
•
Hài hoà
Tương phản
Lặp lại
Nhấn mạnh
Phân cấp
Cân bằng

36. 8. MIND MAP TẠO RA NHỮNG Ý TƯỞNG MỚI
08

37. 9. LUÔN LUÔN LÀ CHÍNH BẠN
09

38. 10. THẾ GIỚI ĐANG THAY ĐỔI
10

39. WEBSITE DESIGN TRENDS 2013
[Xu hướng thiết kế web 2013]

40. 01
THIẾT KẾ RESPONSIVE
Truyền tải thông tin trên các thiết bị khác nhau

41. 02
CUỘN KHÔNG GIỚI HẠN
Langland sử dụng cuộn không giới hạn để truyền tải thêm nội dung

42. 03
METRO
Windows 8 truyền cảm hứng thiết kế theo phong cách Metro cho Chrome Web Store

43. 04
PARALLAX
D’Angelico Guitars sử dụng Parallax để hỗ trợ cấu trúc trang web

44. 05
WEB VỚI 1 TRANG DUY NHẤT

45. 06
HÌNH ẢNH VÀ VIDEO TOÀN MÀN HÌNH
Trang web "tôi lướt sóng bởi vì ..." sử dụng phim nền bắt mắt

46. 07
CHỮ LỚN VÀ TIÊU ĐỀ IN ĐẬM
Huấn luyện viên cá nhân Andy Hillier sử dụng kiểu chữ lớn để gây sự chú ý

47. 08
THIẾT KẾ PHẲNG

48. 09
ÍT NÚT BẤM HƠN

49. 10
PANTONE 17-5641 Emerald
MÀU CỦA NĂM

50. HẾT ROÀI!
[Q&A]

51. THANK YOU!
[Ra về & Sáng tạo thôi :v]