Hướng dẫn tạo bộ Icon đồng nhất bằng cách trích xuất JSON từ ảnh mẫu trên Gemini

Trong thiết kế đồ họa hiện đại, đặc biệt khi làm việc với icon hoặc hệ thống giao diện (UI), sự đồng nhất không chỉ là yếu tố thẩm mỹ mà còn thể hiện tính chuyên nghiệp và độ tin cậy của sản phẩm. Tuy nhiên, nếu chỉ dựa vào cảm quan hoặc mô tả bằng lời, rất khó để đảm bảo các icon có cùng “chất” thiết kế.

Một phương pháp hiệu quả hơn đang được nhiều người áp dụng là quy trình “Reverse Engineering” (đảo ngược thiết kế): thay vì yêu cầu AI sáng tạo tự do, chúng ta buộc AI phải phân tích – chuẩn hóa – tái tạo thông qua dữ liệu JSON. Cách làm này giúp kiểm soát chi tiết từng thông số thiết kế, từ đó tạo ra bộ icon đồng nhất tuyệt đối.

Bài viết dưới đây sẽ hướng dẫn bạn từng bước triển khai quy trình này một cách bài bản và dễ áp dụng.

Bản chất của phương pháp: Ảnh → JSON → Tái tạo

Thông thường, khi sử dụng AI (như Gemini), nhiều người sẽ tải ảnh lên và yêu cầu “tạo icon tương tự”. Tuy nhiên, cách này phụ thuộc nhiều vào suy đoán của AI, dẫn đến sai lệch về nét vẽ, màu sắc hoặc phong cách.

Phương pháp tối ưu hơn gồm 3 bước:

• Bước 1: Phân tích ảnh thành thông số kỹ thuật (JSON)
• Bước 2: Thiết lập JSON làm “chuẩn thiết kế”
• Bước 3: Tạo icon mới dựa trên JSON đó

Cách tiếp cận này giúp bạn biến một hình ảnh cảm tính thành dữ liệu định lượng, từ đó kiểm soát AI chính xác hơn.

Bước 1: Trích xuất thông số JSON từ ảnh mẫu

Đầu tiên, bạn cần tải icon mẫu lên Gemini và yêu cầu nó không phải “vẽ lại” mà là phân tích kỹ thuật.

Prompt gợi ý:

“Tôi gửi cho bạn ảnh icon mẫu này. Hãy phân tích các đặc điểm thiết kế của nó và xuất ra một tệp JSON chi tiết bao gồm các trường: style_name, stroke_weight, border_radius, color_palette (mã hex), lighting_style và opacity. Hãy đảm bảo các thông số này mô tả chính xác nhất có thể để tôi có thể dùng nó tạo ra các icon khác cùng bộ.”

Ví dụ kết quả JSON:

{
  "style_name": "Modern Line Art",
  "stroke_weight": "1.5px",
  "border_radius": "8px",
  "color_palette": ["#2C3E50", "#E74C3C"],
  "background": "Transparent/White",
  "detail_level": "Minimalist"
}

Ở bước này, bạn cần lưu ý: càng chi tiết và chính xác, các bước sau càng hiệu quả.

Bước 2: Thiết lập “khuôn mẫu” thiết kế cho Gemini

Sau khi có JSON, đừng vội yêu cầu tạo icon ngay. Thay vào đó, hãy “huấn luyện ngắn hạn” cho Gemini bằng cách thiết lập JSON như một bộ quy tắc cố định.

Prompt gợi ý:

“Rất tốt. Từ bây giờ, tất cả các icon tôi yêu cầu bạn tạo ra phải tuân thủ nghiêm ngặt các thông số trong tệp JSON này: [dán JSON]. Bạn đã sẵn sàng chưa?”

Mục tiêu của bước này là giúp AI hiểu rằng:

• JSON là tiêu chuẩn bắt buộc
• Không được tự ý thay đổi phong cách

Bước 3: Tạo icon mới dựa trên JSON

Sau khi đã thiết lập xong “bộ khung”, bạn có thể yêu cầu AI tạo bất kỳ icon nào.

Prompt gợi ý:

“Dựa trên JSON đã thống nhất, hãy tạo cho tôi 2 icon mới đại diện cho ‘Lịch làm việc’ và ‘Biểu đồ tăng trưởng’. Hãy giữ nguyên độ dày nét và mã màu.”

Kết quả nhận được sẽ có đặc điểm:

• Đồng nhất về nét vẽ
• Cùng bảng màu
• Cùng phong cách thiết kế

Ưu điểm vượt trội của quy trình JSON

So với cách làm thông thường, phương pháp này mang lại nhiều lợi ích rõ rệt:

Kiểm soát tuyệt đối: Bạn biết chính xác từng thông số: độ dày nét, bo góc, màu sắc… Không còn phụ thuộc vào “cảm hứng” của AI.

Dễ dàng chỉnh sửa hàng loạt: Chỉ cần thay đổi một dòng trong JSON (ví dụ giảm stroke từ 1.5px xuống 1px), bạn có thể cập nhật toàn bộ hệ thống icon.

Tái sử dụng lâu dài: JSON có thể lưu trữ như một “bộ DNA thiết kế”. Sau này chỉ cần nạp lại là có thể tiếp tục mở rộng bộ icon mà không lệch phong cách.

Việc sử dụng AI trong thiết kế không chỉ dừng lại ở việc “yêu cầu và chờ kết quả”, mà cần có tư duy kiểm soát và chuẩn hóa. Quy trình Ảnh → JSON → Tái tạo chính là một bước tiến quan trọng giúp bạn làm chủ hoàn toàn phong cách thiết kế của mình.

Khi đã quen với phương pháp này, bạn sẽ không chỉ tạo được những bộ icon đẹp mắt mà còn đảm bảo tính nhất quán chuyên nghiệp — điều mà các sản phẩm thiết kế hiện đại luôn đòi hỏi.