Lớp học UIF
Color (I)
Buổi 7
Buổi 1: Introduction to UIF
Buổi 6: Typography (II)
Buổi 2: UI Component
Buổi 7: Color (I)
Buổi 3: Layout & Grid (II)
Buổi 8: Color (II)
Buổi 4: Layout & Grid (II)
Buổi 9: Review & Quiz Test Chia sẻ lộ trình phát triển
Buổi 5: Typography (I) Quiz Test
Buổi 10: Practicing Test
1. MÀU SẮC Khái niệm
1. MÀU SẮC Khái niệm
Color Màu sắc
là sự kết hợp giữa màu (màu chuẩn) và sắc độ (sáng tối) Vai trò: - Nhấn mạnh các yếu tố - Tạo cảm xúc cho người xem - Trang trí
1. MÀU SẮC Khái niệm
WARM
COOL
1. MÀU SẮC Tâm lí học màu sắc
Xanh dương là màu của sự bình tĩnh và thư thái. Nó thường gắn liền với sự tin tưởng, tính chuyên nghiệp, kinh nghiệm hoặc trí tuệ. !
1. MÀU SẮC Tâm lí học màu sắc
Xanh lá tượng trưng cho sức khỏe, thiên nhiên, bình tĩnh và thư giãn. " Nó cũng có thể truyền đạt các cảm xúc như hài hòa, ổn định, tăng trưởng, an ninh hoặc năng lượng. #
1. MÀU SẮC Tâm lí học màu sắc
Đỏ mang đến cả cảm xúc tích cực ❤ (năng lượng, đam mê, sức mạnh, tình yêu) và cảm xúc tiêu cực ⛔ (nguy hiểm, cảnh báo, gây hấn)
1. MÀU SẮC Tâm lí học màu sắc
Vàng gợi lên những cảm xúc tích cực, nhiệt tình, tự tin, vui vẻ, lạc quan. Tuy nhiên, màu vàng cũng là một màu cảnh báo ⚠
1. MÀU SẮC Tâm lí học màu sắc
Hồng gắn liền với phụ nữ, tình mẫu tử, ngây thơ, trẻ trung, lãng mạn và dịu dàng. '
1. MÀU SẮC Tâm lí học màu sắc
Đen, xám, trắng là những màu trung tính nghiêm túc, trang trọng. Chúng gắn liền với sự thanh lịch, tối giản, chuyên nghiệp và sang trọng.
1. COLOR Hệ màu
HEX
HSB
HSL
RGB
CMYK
#F5C249
H: 42
H: 42
R: 245
C: 4%
S: 70
S: 90
G: 194
M: 24%
B: 96
L: 62
B: 73
Y: 82% K: 0%
1. MÀU SẮC Phương pháp phối màu
Monochromatic
Analogous
Complimentary
Triadic
Rectangular Tetradic
Split-complementary
1. MÀU SẮC Phương pháp phối màu
Xanh dương & Đỏ
Xanh lá & Đỏ
Hồng & Đỏ
Đen & hồng
Vàng & Trắng
Những màu rất sáng
1. MÀU SẮC Màu sắc trong UI
Primary Màu chính là màu chủ đạo mà người dùng cảm nhận về thương hiệu. Số lượng màu chính tốt nhất sẽ là 1 hoặc 2 màu, và có thể đi kèm các dải màu tương ứng. Thường sử dụng cho các hành động chính, hoặc các yếu tố điều hướng.
1. MÀU SẮC Màu sắc trong UI
Accent Màu nhấn, dùng để truyền tải, nhấn mạnh những nội dung, thông tin mang ý nghĩa khác nhau cho người dùng. VD: Màu đỏ cho lỗi, sự nguy hiểm; màu xanh lá cho thành công, an toàn,v.v…
1. MÀU SẮC Màu sắc trong UI
Neutral Màu trung tính, là dải màu tập hợp những màu từ tối nhất đến sáng nhất. Màu trung tính thường được sử dụng cho nền, văn bản.
1. MÀU SẮC Màu sắc trong UI