Màu sắc

Bảng màu chính của chúng ta tạo nên phần lớn sự sáng tạo và phải thể hiện những sắc thái mạnh nhất trong bất kỳ tác phẩm nào.

Để linh hoạt, 3 bảng màu chính có sẵn với các giá trị sắc độ khác nhau. Không pha màu hoặc thêm độ trong suốt, hãy sử dụng các sắc thái như hiện trạng.

Để làm nổi bật pallet chính, chúng tôi cũng có một bộ pallet điện để truyền tải chuyển động và thu hút sự chú ý vào các khu vực cụ thể. Màu nhấn không bao giờ nên là những mảng màu lớn và chỉ nên chiếm dưới 5% tổng diện tích bố trí.

Việc lựa chọn màu sắc và bối cảnh cẩn thận đóng vai trò then chốt trong việc định hình câu chuyện sáng tạo, khơi gợi cảm xúc và đảm bảo sự hài hòa về mặt thị giác giữa các yếu tố thiết kế. Hãy sử dụng màu chữ để tạo trải nghiệm đọc thoải mái và màu sắc gợi lên hành động. Tuyệt đối không sử dụng màu hành động làm tiêu đề. Hãy giữ màu Xanh lam của chúng tôi cho hành động và liên kết, tránh sử dụng cho chữ tĩnh. Hãy đảm bảo xem lại hướng dẫn về khả năng truy cập để biết các yêu cầu về độ tương phản chữ phù hợp.

Gradient tạo chiều sâu cảm giác và giúp truyền tải các lớp trong bố cục. Chúng cũng có thể được sử dụng để phân cấp màu và tạo bóng cho các vùng trong kiểu chữ. Sử dụng màu chuyển sắc như một cách để thu hút ánh nhìn của người xem theo một hướng xuyên suốt nội dung.

Khi xây dựng hiệu ứng chuyển màu, hãy cố gắng giữ hiệu ứng tinh tế và sử dụng bảng màu theo kiểu bỏ qua một bước màu trong nhóm sắc thái để tạo độ rõ nét. Việc kết hợp các nhóm màu có thể là một cách để mang lại màu sắc sống động cho tác phẩm. Tránh sử dụng hiệu ứng chuyển màu đậm làm điểm nhấn như những mảng màu lớn trên một tác phẩm.

Để tạo hiệu ứng điện, hãy sử dụng các hướng dẫn bên dưới để đảm bảo giao diện nhất quán trong nhiều trải nghiệm khác nhau.

Sử dụng các sắc thái của một nhóm màu và xây dựng nhóm biểu tượng như minh họa bên dưới. Các kỹ thuật tương tự có thể được sử dụng cho các hình dạng minh họa khác, chẳng hạn như đường thẳng hoặc đường viền. Kích thước và độ mờ của hiệu ứng phát sáng và điểm sáng cần được điều chỉnh theo đồ họa hoặc văn bản để tạo hiệu ứng tinh tế và rõ nét.

Về kiểu chữ, có thể sử dụng các kết hợp màu tương tự nhưng hãy chú ý đến khả năng tiếp cận. Tránh sử dụng kỹ thuật này trên phông chữ lớn, đậm hoặc chữ nhỏ. Điều chỉnh đèn chiếu sáng tùy chọn sao cho vừa vặn với khối văn bản.

Thông số kỹ thuật hiển thị là của Figma. Chúng tôi sẽ cần điều chỉnh để phù hợp với ứng dụng của bạn.