Bạn viết thư với vẻ bối rối về điều gì đó có cảm giác như một lỗi: bạn tạo một trang web cho nhà hàng mới, không ưng ý, tạo lại, và nhận được thứ trông giống đến khả nghi như chính trang cũ chỉ đổi mỗi tấm biển hiệu. Tường màu đất nung, thẻ nền màu kem, một logo chữ serif có thể thuộc về bất kỳ quán bistro nào từ Portland đến Prague. Bạn hỏi, một cách hợp lý, rằng liệu công cụ này có đang chỉ tái sử dụng một mẫu duy nhất phía dưới hay không.
Không phải vậy, và tôi muốn thực sự trả lời câu hỏi thay vì chỉ trấn an bạn cho qua chuyện.
Điều bạn gặp phải là có thật, và nó không phải riêng với bản build của bạn — đó là một dạng lỗi đã được biết đến của bất kỳ hệ thống nào tạo sinh từ một tập phân phối huấn luyện lớn mà không được yêu cầu làm khác đi. Yêu cầu một mô hình thiết kế trang web nhà hàng mà không có định hướng cụ thể nào, nó sẽ tìm đến điểm trung bình thống kê của mọi trang nhà hàng nó từng thấy, và điểm trung bình đó là màu đất nung và kem, vì đó là những gì chiếm ưu thế trong tập phân phối. Câu chuyện tương tự với các trang landing page SaaS (hero với gradient căn giữa, ba icon tính năng bo tròn) hay dashboard crypto (một gradient indigo-sang-tím mà mọi mô hình dường như đều đồng thuận). Không phải mô hình không thể làm điều gì khác — yêu cầu nó thiết kế theo phong cách tờ rơi khu nghỉ dưỡng trượt tuyết thập niên 1970 hay bản đồ giao thông Soviet thì nó thường làm được, thậm chí làm tốt. Vấn đề là không có gì buộc nó phải đưa ra quyết định, nên nó mặc định chọn mức trung bình.
Điều thực sự đã thay đổi phía sau hệ thống
Lý do lần thử thứ hai của bạn đáng lẽ phải khác — và nếu nó không khác, thì đó chính là phần đáng để chúng tôi khắc phục trực tiếp thay vì để bạn tự tìm cách lách qua — là một bước xử lý mà chúng tôi gọi là design director (giám đốc thiết kế). Nó chạy trước khi bộ dựng trang viết bất kỳ markup nào, và nhiệm vụ duy nhất của nó là đưa ra những lựa chọn mà bộ dựng trang không thể né tránh về sau: một bảng màu có quan điểm rõ ràng, kiểu chữ cụ thể, một tâm trạng/phong cách được nêu đủ rõ để có thể đối chiếu kiểm tra. Cụ thể, đó là:
- Năm đến bảy màu được đặt tên kèm vai trò cụ thể — không phải "chính/phụ" mà là "màu dành riêng cho trạng thái lỗi," "màu chỉ xuất hiện khi hover"
- Hai kiểu chữ, mỗi kiểu đều có lý do tồn tại
- Hai đến ba câu mô tả tâm trạng/phong cách, kiểu mà một giám đốc nghệ thuật thực thụ sẽ ghim lên bảng ý tưởng
Bài kiểm tra mà chúng tôi áp dụng cho một bản brief là liệu nó có thể bị vi phạm hay không. "Ấm áp và mời gọi" thì không thể — không có cách nào để vi phạm nó, nghĩa là cũng không có cách nào để thực thi nó, và bộ dựng trang lại trôi dạt về màu đất nung và kem bất kể brief nói gì. "Bảng màu mùa thu ấm áp kiểu vẽ tay, đường viền mực trên giấy màu kem, không có gì bóng bẩy, không đổ bóng" là một cam kết thực sự, và một thẻ gradient bóng bẩy được dựng lên trái với brief đó sẽ rõ ràng là sai — đó chính là điều khiến nó hữu ích.
Nếu bản build của bạn trả về kết quả chung chung, khả năng thực tế là brief trong câu lệnh của bạn chưa đủ cụ thể để giám đốc thiết kế có gì đó chắc chắn để cam kết. Việc nêu ra một điểm tham chiếu — một địa danh, một thời kỳ, một chất liệu, hay đơn giản chỉ là "không dùng màu be" — sẽ cho nó một thứ để bám vào.
Vì sao tôi tin điều này chứ không chỉ dựa vào ảnh chụp màn hình
Tôi sẽ nói cho bạn biết điều gì đã thuyết phục tôi, vì đó không phải là việc nhìn lướt qua ba ví dụ đẹp đặt cạnh nhau — đó là cách người ta tự thuyết phục bản thân về một chiến thắng không có thực. Chúng tôi đã chạy vài trăm bản build cho mỗi danh mục, trước khi có giám đốc thiết kế và sau khi có, rồi đo khoảng cách màu theo cặp giữa các bản build cùng danh mục bằng delta-E trong không gian Lab thay vì RGB thô, vì RGB sẽ luôn khẳng định hai màu xanh có độ bão hòa gần giống nhau là cách xa nhau trong khi mắt người nhìn thấy chúng gần như giống hệt. Các trang nhà hàng là thủ phạm tệ nhất trước khi có giám đốc thiết kế — phần lớn áp đảo tụ lại trong một dải delta-E hẹp, tất cả đều hướng đến cùng một màu đất nung.
Tôi cũng sẽ không thổi phồng điều này với bạn. Khoảng cách màu đo lường "trông khác biệt," chứ không phải "trông đẹp," và nó chưa nói lên gì về bố cục hay sự đa dạng kiểu chữ, những thứ chúng tôi chưa đo lường kỹ càng như vậy. Một bảng màu có thể khác biệt tối đa so với các bảng màu lân cận mà vẫn xấu. Chúng tôi cho rằng khác biệt-và-đôi khi-hơi-lạ tốt hơn an toàn-và-đồng nhất cho những gì bạn đang xây dựng, nhưng đó là một nhận định chủ quan, không phải một bằng chứng.
Một điều cần lưu ý về phía bạn
Có một dạng lỗi chạy theo hướng ngược lại, và đáng để nêu ra trước khi bạn gặp phải: đôi khi "gọn gàng và hiện đại" không phải là thiếu cụ thể, đó chính là yêu cầu thực sự. Ai đó đang xây dựng một dashboard SaaS doanh nghiệp thường muốn kiểu mẫu quen thuộc một cách cố ý, vì người dùng của họ kỳ vọng điều đó và việc đi chệch khỏi nó sẽ tạo ra ticket hỗ trợ, chứ không phải sự thích thú. Một giám đốc thiết kế quá hăng hái tạo sự khác biệt đôi khi sẽ trả về thứ gì đó mang tính nghệ thuật hơn những gì bạn yêu cầu. Chúng tôi ưu tiên các ràng buộc rõ ràng của bạn hơn bản năng tạo khác biệt của giám đốc thiết kế, vì vậy "nhàm chán và mang tính doanh nghiệp" sẽ mang lại cho bạn sự nhàm chán tinh tế thay vì một sự nổi loạn chống lại chính brief của bạn — nhưng nếu bạn đã có sẵn màu thương hiệu, logo, ảnh tham khảo về không gian, hãy đưa chúng vào câu lệnh hoặc đính kèm trực tiếp. Đầu vào cố định luôn tốt hơn việc để giám đốc thiết kế tự bịa ra hướng đi riêng, và nó sẽ coi chúng là ràng buộc, không phải gợi ý.
Điều này còn quan trọng hơn nếu bạn từng xây dựng một trong các trò chơi của chúng tôi thay vì một trang web — một trò chơi có bề mặt rộng hơn nhiều để giám đốc thiết kế bỏ sót định hướng so với một landing page, vì brief ở đó phải khóa chặt phong cách sprite, cảm giác hoạt ảnh, giao diện UI, và bảng âm thanh lại với nhau trong một lần (chi tiết hơn về phần âm thanh cụ thể trong Âm thanh không chỉ là tiếng bíp), vì sự thiếu nhất quán bên trong một bản build đọc lên như chưa hoàn thiện theo cách mà sự thiếu nhất quán giữa hai bản build không liên quan không bao giờ có.
