Sự giống nhau của AI: Giữ tính cách thương hiệu khi AI tạo giao diện người dùng của bạn
Tại sao trình tạo giao diện người dùng AI tạo ra giao diện trông giống nhau và những cách thiết thực để giữ bản sắc riêng biệt: kiểu chữ, màu sắc, bố cục, chuyển động, hình minh họa và giọng nói.
Điểm chính
Trình tạo giao diện người dùng AI hướng tới những lựa chọn phổ biến nhất trong dữ liệu đào tạo của họ, đó là lý do tại sao rất nhiều giao diện được tạo có chung phông chữ, độ chuyển màu và bố cục. Để luôn khác biệt, hãy đưa ra các quy tắc thương hiệu rõ ràng cho AI: ghép loại, câu chuyện màu sắc, nguyên tắc bố cục, nhân vật chuyển động và giọng nói, cùng với các ví dụ. Sau đó đưa ra đánh giá của nhà thiết kế về những phần mà người dùng chú ý nhất.
Tại sao giao diện do AI tạo ra trông giống nhau
Anthropic, hãng sản xuất Claude, đã trực tiếp mô tả nguyên nhân. Nếu không có hướng dẫn, mô hình được yêu cầu xây dựng trang đích thường sẽ chọn Inter, chuyển màu tím trên nền trắng và hoạt ảnh tối thiểu. Lời giải thích của họ là sự hội tụ phân phối: các mô hình dự đoán lựa chọn tiếp theo có khả năng xảy ra nhất và các lựa chọn thiết kế chung, an toàn thống trị dữ liệu web mà chúng đã học được từ đó. Bài đăng tương tự cũng lưu ý tin tốt: các mô hình có khả năng ổn định cao và các hướng dẫn cụ thể sẽ thay đổi đầu ra ngay lập tức.
Nơi cá tính thực sự sống
Người dùng nhận ra một sản phẩm bằng một số quyết định. Hãy viết ra từng quy tắc mà AI có thể tuân theo:
- Kiểu chữ: một cặp đôi và tỷ lệ cụ thể cũng như những phông chữ nên tránh.
- Màu sắc: một bảng màu gắn liền với câu chuyện của bạn, với các quy tắc về điểm nhấn và hình nền.
- Bố cục: mật độ, lưới và các hình dạng lặp lại (góc, đường viền, độ sâu).
- Chuyển động: mọi thứ chuyển động như thế nào, từ sắc nét và nhanh chóng đến mềm mại và đàn hồi, và khi nào thì không chuyển động.
- Minh họa và hình ảnh: phong cách, chủ đề và những gì không bao giờ xuất hiện.
- Giọng nói: cách viết các nút, lỗi và trạng thái trống.
Chuyển động và chạm làm chữ ký
Kiểu tĩnh rất dễ sao chép và dễ bị AI bắt chước. Cảm giác của giao diện khi bạn nhấn, kéo hoặc chờ khó hơn. Một đặc tính chuyển động nhất quán, một lò xo cụ thể trên máy in, cách các tờ giấy được đặt, một phản ứng nhỏ trước sự thành công, đều trở thành một phần của thương hiệu. Xác định nó dưới dạng mã thông báo chuyển động và một số thành phần chữ ký thay vì để mỗi màn hình tự chọn thời gian riêng.
Quy trình làm việc giữ thương hiệu
Sử dụng AI ở những nơi không quan trọng sự giống nhau, chẳng hạn như bản nháp đầu tiên, công cụ nội bộ và các biến thể lặp đi lặp lại, đồng thời duy trì thời gian thiết kế cho những thời điểm mà người dùng nhận thấy: bắt đầu, trạng thái trống, hành động chính và khoảnh khắc thành công. Cung cấp cho các công cụ AI hệ thống thiết kế của bạn thông qua MCP hoặc một bản tóm tắt bằng văn bản và xem xét các màn hình được tạo dựa trên danh sách kiểm tra ngắn về các quy tắc thương hiệu của bạn.
Nguyên tắc chính cần nhớ
- Giao diện người dùng được tạo hội tụ các lựa chọn phổ biến nhất
- Người mẫu tuân thủ tốt các quy tắc thương hiệu cụ thể; lời nhắc mơ hồ nhận được kết quả chung chung
- Viết các quy tắc về loại, màu sắc, bố cục, chuyển động, hình ảnh và giọng nói
- Cảm giác chuyển động và tương tác khó sao chép và tín hiệu thương hiệu mạnh mẽ
- Dành thời gian thiết kế vào những thời điểm người dùng chú ý nhất
Câu hỏi thường gặp
Nguồn
- Improving frontend design through Skills — Blog Claude (Nhân loại)
- Motion — Nguyên tắc giao diện con người của Apple
- Motion overview — Material Design 3