You are on page 1of 57

By Meo Meo

BỐ CỤC MÀU CHI TIẾT


• Điểm chính – nhấn • Typography
• Nhóm màu
• Tính cân bằng • Fonts
• Gam màu
• Tính dẫn dắt • Căn chỉnh
• Tone màu
• Tính liên kết • Hiệu ứng
• Phối màu
• Tính đơn giản • Khoảng âm
• Background
• Tính ứng dụng • Kết hợp
• Work in process
1. BỐ CỤC
2. MÀU – GAM – TONE
3. CHI TIẾT – TYPOGRAPHY
BỐ CỤC

Ấn tượng nhất


To –giữa-nổi- chi tiết
Thế nào là Truyền tải thông điệp
ĐIỂM CHÍNH? Điểm đầu tiên cần tạo trong thiết kế
_________________________________
“Một và chỉ một”
BỐ CỤC
BỐ CỤC

Khuyến mại, điểm đặc sắc


Khác biệt – nổi bật – ngắn gọn – dễ nhớ
Thế nào là Có 1,2 điểm nhấn hoặc không có điểm
ĐIỂM NHẤN?
nhấn

___________________________________
“Hãy chú ý đến tôi”
BỐ CỤC
BỐ CỤC

Quy tắc 1/3


Bố cục và Điểm chính nằm trên đường vàng
TỶ LỆ VÀNG? và điểm tỷ lệ vàng
Thông tin chính = 1/3 thiết kế
BỐ CỤC
BỐ CỤC
BỐ CỤC
BỐ CỤC
Tính cân bằng

Cân bằng đối xứng Cân bằng bất đối xứng


BỐ CỤC
BỐ CỤC
BỐ CỤC
BỐ CỤC
BỐ CỤC
BỐ CỤC
BỐ CỤC
BỐ CỤC
Tính dẫn dắt
BỐ CỤC
Tính dẫn dắt

THÓI QUEN
THỊ GIÁC
BỐ CỤC
Tính dẫn dắt

Thói quen thị giác


Tác dụng: đưa ng xem nhìn theo
hướng ta mong muốn
HƯỚNG NHÌN
Điểm chính – điểm nhấn – thông
tin chính – thông tin phụ - logo -
contact
BỐ CỤC
Tính liên kết

Bố cục ?
+
Nội dung ?
Tính liên kết -- Bố cục --

Cái gì được
lặp lại trong
thiết kế này?
Tính liên kết -- Bố cục --

Tạo sự thống nhất và chuyên nghiệp


Đơn giản – dễ làm – hiệu quả cao
Kích thước
Sự lặp lại về hình khối – bố cục giữa 1
Vị trí trang/ nhiều trang
Căn chỉnh vị trí, kích thước cho các yếu
tố, chi tiết trong thiết kế
-- Nội dung --
Tính liên kết

Cái gì được
lặp lại trong
thiết kế này?
Tính liên kết
-- Nội dung --
Tính liên kết
-- Nội dung --
Tính liên kết
-- Nội dung --
BỐ CỤC
Tính đơn giản

Đơn giản hay Đơn điệu


BỐ CỤC
Tính đơn giản
BỐ CỤC
Tính đơn giản
Thiết kế theo hướng nhìn

Đơn giản Không bỏ tất cả những gì đẹp vào 1 thiết kế

Nhưng không Lựa chọn – chắt lọc – ít mà chất

Đơn điệu Vận dụng tính liên kết


Ứng dụng tất cả các luật về bố cục
Đầu tư thời gian/ công sức
BỐ CỤC
Tính ứng dụng

Có sử dụng
được không?
1. BỐ CỤC
2. MÀU – GAM – TONE
3. CHI TIẾT – TYPOGRAPHY
MÀU

Sắc: Đỏ, Cam, Vàng, Lục,


Lam, Chàm, Tím
Màu? Sắc?
Độ? Độ: Đậm, nhạt, sáng, tối
___________________________
Màu = Sắc + Độ
MÀU

Nhóm màu
___________________________
Sự kết hợp giữa các màu
MÀU

Gam màu

___________________________
Tương quan màu trong nhóm
MÀU

• Sắc: Nóng, Lạnh, Ấm, Mát

Tone màu • Độ: Sáng, Nhạt, Tươi, Đậm


___________________________
Cảm giác màu chủ đạo
MÀU
MÀU
MÀU
MÀU
MÀU
MÀU
MÀU
MÀU
MÀU

TƯƠNG
ĐƠN SẮC ĐỒNG

PHỐI
MÀU
TƯƠNG
VÔ SẮC
PHẢN
MÀU

ĐƠN SẮC
MÀU

VÔ SẮC
MÀU

TƯƠNG
ĐỒNG
MÀU

TƯƠNG
PHẢN
Hình ảnh 2 Màu và khối
Pinterest Google PRACTICE
Flickr Deviantart MAKES
Tumblr Canva PERFECT
Wehearit Color Palette -
Favim Rio Creative DAY
Behance Web Designers AFTER DAY

You might also like