Chủ đề và bộ quy chuẩn

Mỗi dự án có một chủ đề: tập hợp design token cho màu, kiểu chữ, bo góc và khoảng cách. Các màn hình tham chiếu tới những token đó thay vì giá trị cứng, và chính điều đó khiến hai mươi màn hình trông như một sản phẩm.

Đổi vài màu#

Cứ yêu cầu:

Cho màu chính thành #1B4DFF. Nền lạnh quá — làm ấm lên.

Thao tác này hòa một thay đổi nhỏ vào chủ đề sẵn có và để yên phần còn lại. Nó miễn phí và áp dụng ở mọi nơi cùng lúc.

Dựng một diện mạo hoàn toàn mới#

Với thay đổi tận gốc — làm lại toàn bộ, chuyển sang tối, một thương hiệu mới — hãy yêu cầu đúng như vậy:

Cho cả dự án một chủ đề tối. Thiết kế lại cái này theo thương hiệu mới của chúng tôi: xanh lá đậm làm màu chính, nền kem, tiêu đề có chân.

Việc đó dựng một bộ token hoàn toàn mới thay vì vá bộ cũ.

Giới hạn phạm vi một thay đổi#

Mặc định, thay đổi chủ đề áp cho cả dự án. Để giới hạn ở một màn hình, hãy nói rõ:

Chỉ trên trang giới thiệu, cho nền phần đầu trang thành màu đen.

Tương phản được kiểm tra#

Chủ đề được kiểm tra cặp màu có đọc được trước khi áp dụng, nên bạn sẽ không rơi vào cảnh chữ tối trên nền tối. Nếu bạn cố ý muốn một cách xử lý tương phản thấp, hãy nói ra — nhưng hãy chuẩn bị tinh thần hệ thống sẽ đẩy về phía dễ đọc.

Tạo một bộ quy chuẩn#

Yêu cầu một bộ quy chuẩn và bạn sẽ nhận được một màn hình hiển thị bảng màu, thang chữ và các thành phần chính — hữu ích như một tài liệu bàn giao và như một cách kiểm tra rằng hệ thống mạch lạc.

Sai lầm thường gặp#

• Sửa một màu trên một màn hình. Nó có tác dụng, rồi màn hình tạo tiếp theo lại không khớp. Hãy dùng chủ đề.
• Yêu cầu “chế độ tối” khi đang ở chế độ chỉnh sửa trên một phần tử. Lối đó có thể ghi cứng màu vào mã thay vì làm lại chủ đề. Hãy hỏi trong trò chuyện, ở cấp dự án.
• Cho rằng công cụ chủ đề báo thành công nghĩa là nó đã hiển thị. Hãy nhìn canvas. Nếu các màn hình không đổi, xem Bộ quy chuẩn của tôi không được áp dụng.