Quy chuẩn nhận diện hay hệ thiết kế

Anh Chị đang phân vân hai khái niệm này vì chúng nghe có vẻ liên quan, và thực ra là có. Nhưng liên quan không có nghĩa là cùng dùng cho cùng một bài toán. Sinh Vũ tách rõ từ đầu để Anh Chị không trả tiền cho thứ mình chưa cần.

Hai công cụ, hai bài toán

Quy chuẩn nhận diện là bộ luật dùng thương hiệu: màu nào, kiểu chữ nào, khoảng cách nào, giọng điệu nào. Nó viết cho marketing, đối tác, nhà in, agency bên ngoài. Bất kỳ ai cầm lên đều có thể áp đúng mà không cần hỏi lại.

Hệ thiết kế (design system) là hạ tầng kỹ thuật để đội sản phẩm số dựng giao diện nhất quán ở quy mô: thư viện component (thành phần giao diện tái sử dụng), design token (giá trị thiết kế dùng chung trong code như màu, khoảng cách, cỡ chữ), quy trình đồng bộ giữa nhà thiết kế và lập trình viên. Nó viết cho người trong nhà dựng phần mềm.

Các yếu tố cần cân nhắc

• Có sản phẩm số do đội trong nhà dựng liên tục không? Nếu website chỉ do agency làm một lần rồi để đó, không cần hệ thiết kế.
• Bao nhiêu người cùng chạm vào giao diện? Hệ thiết kế giải quyết bài toán phối hợp, khi chỉ có một nhà thiết kế thì không có bài toán đó.
• Giao diện đã ổn định chưa? Sản phẩm còn xoay trục thì hệ thiết kế sẽ lỗi thời liên tục trước khi kịp sinh ra giá trị.
• Có ngân sách nuôi lâu dài không? Hệ thiết kế cần người bảo trì thường xuyên, không phải làm một lần rồi để đó như quy chuẩn tĩnh.

Khi nào chọn hướng nào

Chỉ quy chuẩn nhận diện: Doanh nghiệp bán lẻ, dịch vụ, sản xuất, F&B, giáo dục với tài sản chủ yếu là logo, bao bì, biển hiệu, tài liệu in và website giới thiệu. Đây là đại đa số doanh nghiệp vừa và nhỏ tại Việt Nam.

Quy chuẩn kèm hệ thiết kế: Công ty phần mềm, SaaS (phần mềm dịch vụ theo thuê bao), ứng dụng di động với đội trong nhà ra tính năng đều đặn và nhiều người cùng dựng giao diện.

Chưa vội hệ thiết kế: Startup giai đoạn sớm, giao diện còn đổi mỗi tháng, chưa chốt luồng người dùng chính. Làm quy chuẩn nhẹ và thư viện Figma cơ bản trước, đợi sản phẩm ổn định mới nâng lên.

Quy chuẩn nhận diện có trước, luôn luôn. Hệ thiết kế được suy ra từ quy chuẩn, không phải thay thế nó.

What If Design, Brand Guidelines vs Design Systems

Lỗi thường gặp

• Gọi một thư viện token hoặc file Figma là "hệ thiết kế", bỏ qua phần quy trình, quy tắc đóng góp và đồng bộ giữa các phòng ban. Token là nguyên liệu, không phải cả hệ thống.
• Startup đầu tư hệ thiết kế đồ sộ khi giao diện còn đổi mỗi tháng. Kết quả: cả hệ thống lỗi thời, đội mất thời gian cập nhật thay vì làm tính năng.
• Doanh nghiệp không có sản phẩm số bị thuyết phục mua hệ thiết kế trong khi chỉ cần một bộ quy chuẩn tĩnh tốt là giải quyết được vấn đề.

Góc nhìn của Sinh Vũ

Sinh Vũ tách rõ hai việc này từ bước dàn ý dự án. Nhận diện ít khi vỡ vì thiết kế xấu. Nó vỡ vì không ai biết luật dùng, để rồi mỗi người áp mỗi kiểu. Quy chuẩn là bộ luật để đội và đối tác tự áp đúng mà không cần hỏi lại từng lần.

Với khách có sản phẩm số, Sinh Vũ mở lên cấp có thư viện Figma kèm component. Nhưng nếu đội còn nhỏ hoặc giao diện chưa ổn định, Sinh Vũ nói thẳng là chưa cần hệ thiết kế đầy đủ. PDF tĩnh hoặc cổng tra cứu nội bộ đơn giản là đủ cho giai đoạn đó, và đỡ tốn công bảo trì hơn nhiều.

Quyết định đúng không phải là chọn cái phức tạp hơn. Là chọn đúng bài toán mình đang giải.