Tạo Đồ họa Thông tin (Infographics)

1giải thích cuốn sách Tư duy Nhanh và Chậm (Thinking, Fast and Slow)
2
3{
4  "style": {
5    "name": "Đồ họa Thông tin Bảng trắng (Whiteboard Infographic)",
6    "description": "Đồ họa thông tin giáo dục vẽ minh họa bằng tay mang nét thẩm mỹ phác thảo ấm áp, gần gũi. Tải lên dàn ý nội dung của bạn và nhận về một bản hướng dẫn theo phong cách sổ phác thảo được tổ chức trực quan, vừa mang cảm giác thủ công mộc mạc vừa có cấu trúc chuyên nghiệp."
7  },
8  "visual_foundation": {
9    "surface": {
10      "base": "Nền màu trắng ngà đến màu kem ấm áp",
11      "texture": "Vân hạt giấy tinh tế—không lạnh lẽo vô trùng, không đậm mùi kỹ thuật số",
12      "edges": "Nội dung trải rộng hết ra sát các mép, không có đường viền hay khung bao, hoàn thiện liền mạch",
13      "feel": "Giống như đang nhìn trực tiếp vào một trang sổ tay được trình bày ngăn nắp"
14    },
15    "overall_impression": "Chuyên môn dễ tiếp cận—thông tin phức tạp trở nên thân thiện nhờ hơi ấm của nét vẽ tay"
16  },
17  "illustration_style": {
18    "line_quality": {
19      "type": "Thẩm mỹ phác thảo bút mực vẽ tay",
20      "weight": "Nét vừa cho các yếu tố chính, nét mảnh hơn cho các chi tiết nhỏ",
21      "character": "Tự tin nhưng không hoàn hảo cứng nhắc—độ rung nhẹ chứng tỏ bàn tay con người",
22      "edges": "Mềm mại, không sắc lẹm kiểu vector, đôi chỗ các nét giao cắt chờm nhẹ lên nhau ở các góc",
23      "fills": "Nét gạch bóng (hatching) thoáng tay, đan nét chéo (cross-hatching) nhẹ nhàng tạo bóng đổ, không bao giờ tô mảng đặc bằng máy"
24    },
25    "icon_treatment": {
26      "style": "Minh họa đơn giản, duyên dáng, pha chút ngây thơ mộc mạc",
27      "complexity": "Rút gọn về các hình thái cốt lõi—vẫn dễ nhìn rõ ở kích thước nhỏ",
28      "personality": "Thân thiện và gần gũi, không bao giờ mang vẻ cứng nhắc công sở hay lạnh lẽo",
29      "consistency": "Trông như toàn bộ mọi thứ đều được vẽ bởi cùng một bàn tay"
30    },
31    "human_figures": {
32      "style": "Các nhân vật đơn giản thân thiện, không đi sâu vào chi tiết giải phẫu cơ thể",
33      "faces": "Đường nét tối giản—chấm tròn làm mắt, biểu cảm đơn giản",
34      "poses": "Cử chỉ rõ ràng, hướng hành động, giàu tính biểu đạt giao tiếp",
35      "diversity": "Hình dáng đa dạng gợi tả nhiều kiểu người khác nhau"
36    },
37    "objects_and_scenes": {
38      "approach": "Bản phác thảo giản lược dễ nhận biết",
39      "detail_level": "Vừa đủ để nhận diện—máy tính xách tay, điện thoại, tòa nhà, con người",
40      "perspective": "Phối cảnh đẳng cự (isometric) tự nhiên hoặc vẽ phẳng, không phải bản vẽ kỹ thuật khắt khe",
41      "charm": "Những điểm chưa hoàn hảo nhỏ tạo nên vẻ chân thực"
42    }
43  },
44  "color_philosophy": {
45    "palette_character": {
46      "mood": "Ấm áp, lạc quan, tràn đầy năng lượng nhưng không gây choáng ngợp",
47      "saturation": "Trung bình—đủ tươi tắn để dẫn dắt ánh nhìn, đủ dịu nhẹ để mang lại cảm giác tô màu bằng tay",
48      "harmony": "Sự kết hợp màu bổ túc và tương đồng mang lại cảm giác có chủ đích rõ ràng"
49    },
50    "primary_palette": {
51      "yellows": "Vàng ánh kim ấm áp, vàng mù tạt dịu—dùng để tô sáng nhấn mạnh, làm nền, tạo năng lượng",
52      "greens": "Xanh lá cây tươi mát, xanh mòng két dịu—cho chủ đề thành công, tăng trưởng, thiên nhiên, tiền bạc",
53      "blues": "Xanh da trời êm dịu, xanh tím than mềm mại—cho sự tin cậy, công nghệ, tính ổn định",
54      "oranges": "Cam san hô ấm, hồng đào dịu—cho sự ấm áp, lời kêu gọi hành động, cảnh báo thân thiện"
55    },
56    "supporting_palette": {
57      "neutrals": "Xám ấm, nâu dịu, màu kem—không bao giờ dùng tông màu lạnh lẽo hay gắt chói",
58      "blacks": "Đen than chì mềm mại cho đường nét, không bao giờ dùng màu đen tuyền #000000",
59      "whites": "Màu kem và trắng ngà theo tông màu giấy"
60    },
61    "color_application": {
62      "fills": "Các mảng loang kiểu màu nước, hơi không đều màu, xếp chồng các lớp trong suốt",
63      "backgrounds": "Các khối màu dịu để phân chia khu vực nội dung, hình chữ nhật bo góc nhẹ nhàng",
64      "accents": "Các điểm nhấn màu tươi sáng hơn được đặt có chiến lược để dẫn dắt phân cấp thị giác",
65      "technique": "Màu tô có thể hơi lem nhẹ ra ngoài đường viền nét vẽ—tạo cảm giác tô màu thủ công"
66    }
67  },
68  "typography_integration": {
69    "headline_style": {
70      "appearance": "Cảm giác chữ viết tay (hand-lettered) in đậm, đường chân chữ hơi nhấp nhô tự nhiên",
71      "weight": "Nét dày, tự tin, thu hút sự chú ý",
72      "case": "Thường viết in hoa toàn bộ cho các tiêu đề lớn",
73      "color": "Đen than chì sẫm hoặc màu sắc chiến lược để nhấn mạnh"
74    },
75    "subheadings": {
76      "appearance": "Độ dày nét trung bình, vẫn giữ cá tính vẽ tay",
77      "decoration": "Có thể bao gồm đường gạch chân, băng rôn đơn giản hoặc khung hộp tô sáng",
78      "hierarchy": "Giảm kích thước rõ rệt so với tiêu đề chính"
79    },
80    "body_text": {
81      "appearance": "Gọn gàng nhưng ấm áp, dễ đọc ở kích thước chữ nhỏ",
82      "style": "Phông chữ không chân (sans-serif) mang cá tính viết tay, hoặc phông chữ viết tay thực tế",
83      "spacing": "Thoáng đãng, không bao giờ chật chội bức bối"
84    },
85    "annotations": {
86      "style": "Ghi chú viết tay tự nhiên, các mũi tên chỉ vào từng thành phần",
87      "purpose": "Bổ sung lời giải thích, điểm nhấn hoặc nét cá tính",
88      "placement": "Tự nhiên linh hoạt, như thể vừa được viết thêm vào trong lúc đang giảng giải"
89    }
90  },
91  "layout_architecture": {
92    "canvas": {
93      "framing": "KHÔNG VIỀN, KHÔNG KHUNG BAO, KHÔNG TRANG TRÍ MÉP NGOÀI",
94      "boundary": "Nội dung sử dụng toàn bộ mặt tranh—các thành phần có thể chạm hoặc tràn ra sát mép",
95      "containment": "Bản đồ họa thông tin CHÍNH LÀ bức ảnh, chứ không phải bức ảnh chụp lại một tờ đồ họa thông tin"
96    },
97    "structure": {
98      "type": "Lưới mô-đun kết hợp với sự linh hoạt tự nhiên",
99      "sections": "Các phân khu được đánh số hoặc đánh chữ cái rõ ràng",
100      "flow": "Từ trái sang phải, từ trên xuống dưới với phân cấp thị giác dẫn dắt ánh mắt",
101      "breathing_room": "Không gian trống (white space) rộng rãi ngăn cảm giác quá tải thông tin"
102    },
103    "section_treatment": {
104      "borders": "Hình chữ nhật bo góc mềm mại, khung hộp vẽ tay hoặc nền chia khối màu",
105      "separation": "Rõ ràng nhưng không cứng nhắc—các phần tạo cảm giác gắn kết với nhau nhưng vẫn tách biệt mạch lạc",
106      "numbering": "Các con số khoanh tròn, huy hiệu hoặc ký hiệu chỉ dẫn sinh động"
107    },
108    "visual_flow_devices": {
109      "arrows": "Mũi tên chỉ hướng vẽ tay, hơi uốn cong, thân thiện",
110      "connectors": "Đường chấm bi, các đường dẫn đơn giản thể hiện mối quan hệ",
111      "progression": "Bố cục trước/sau, chuỗi các bước tuần tự, mũi tên chuyển đổi"
112    }
113  },
114  "information_hierarchy": {
115    "levels": {
116      "primary": "Tiêu đề lớn in đậm, điểm nhấn màu tươi sáng, các hình minh họa chính",
117      "secondary": "Tiêu đề phụ, biểu tượng chủ chốt, nền phân khu",
118      "tertiary": "Văn bản nội dung, chi tiết bổ trợ, ghi chú bên lề",
119      "ambient": "Kết cấu bề mặt giấy, chi tiết trang trí tinh tế, các yếu tố nền"
120    },
121    "emphasis_techniques": {
122      "color_highlights": "Tô sáng kiểu bút dạ quang màu vàng phía sau các từ khóa quan trọng",
123      "size_contrast": "Sự chênh lệch tỷ lệ kích thước rõ rệt giữa các cấp độ phân cấp thông tin",
124      "boxing": "Đóng khung các mục quan trọng trong hình chữ nhật bo góc hoặc hình huy hiệu",
125      "icons": "Dấu tích chọn, ngôi sao, dấu chấm than dùng để nhấn mạnh"
126    }
127  },
128  "decorative_elements": {
129    "badges_and_labels": {
130      "style": "Băng rôn ruy băng, huy hiệu tròn, hình thẻ nhãn (tag)",
131      "use": "Nhãn tên phân khu, thuật ngữ chính, lời kêu gọi hành động",
132      "character": "Vẽ tay, hơi không hoàn hảo một chút, duyên dáng"
133    },
134    "connective_tissue": {
135      "arrows": "Uốn cong, vẽ tay, với nhiều kiểu đầu mũi tên đa dạng",
136      "lines": "Đường dẫn chấm bi, đường phân cách đơn giản, đường gạch chân",
137      "brackets": "Dấu ngoặc nhọn gom nhóm các mục có liên quan với nhau"
138    },
139    "ambient_details": {
140      "small_icons": "Ngôi sao, dấu tích, dấu chấm đầu dòng, tia lấp lánh",
141      "doodles": "Những hình vẽ nguệch ngoạc nhỏ có liên quan đến chủ đề giúp lấp đầy các khoảng trống thừa",
142      "texture": "Vân hạt giấy tinh tế phủ khắp bề mặt"
143    }
144  },
145  "authenticity_markers": {
146    "hand_made_quality": {
147      "line_variation": "Độ dày nét chữ thay đổi tự nhiên như thể được vẽ bằng lực ấn bút thật",
148      "color_bleeds": "Màu hơi tràn nhẹ qua đường viền, mép màu kiểu màu nước",
149      "alignment": "Không hoàn hảo một cách có chủ đích—chữ viết và các yếu tố hơi lệch nhẹ khỏi đường lưới chuẩn",
150      "overlap": "Các yếu tố có thể hơi chồng nhẹ lên nhau, tạo chiều sâu và năng lượng sinh động"
151    },
152    "material_honesty": {
153      "paper_feel": "Nền giấy trắng ngà ấm áp có kết cấu bề mặt nhẹ",
154      "ink_quality": "Màu đen than chì dịu mắt, không bao giờ sắc gắt",
155      "marker_fills": "Hơi lộ vệt cọ tô bút dạ, nhìn thấy rõ các lớp màu trong suốt chồng lên nhau"
156    },
157    "human_evidence": {
158      "corrections": "Đôi chỗ lộ nét sửa lại giúp tăng thêm vẻ chân thực",
159      "spontaneity": "Một số yếu tố mang cảm giác được thêm vào ngẫu hứng về sau—các dòng ghi chú, mũi tên nhỏ",
160      "personality": "Toàn bộ tác phẩm mang lại cảm giác như luồng tư duy hình ảnh của một cá nhân thực thụ"
161    }
162  },
163  "technical_quality": {
164    "resolution": "Đầu ra độ phân giải cao phù hợp cho cả in ấn lẫn hiển thị kỹ thuật số",
165    "clarity": "Mọi chữ viết đều đọc được rõ ràng, mọi biểu tượng đều dễ dàng nhận diện",
166    "balance": "Trọng lượng thị giác được phân bổ đồng đều trên toàn bộ bố cục",
167    "completeness": "Mang lại cảm giác đã hoàn thiện trọn vẹn nhưng không bị sa đà quá mức—dừng lại đúng điểm tự tin"
168  },
169  "enhancements_beyond_reference": {
170    "depth_additions": {
171      "subtle_shadows": "Bóng đổ nhẹ phía dưới các khung hộp phân khu giúp tạo độ nổi",
172      "layering": "Các thành phần xếp lớp chồng lên nhau tạo chiều sâu thị giác",
173      "dimension": "Cảm giác nổi 3D nhẹ trên các huy hiệu và các yếu tố chủ chốt"
174    },
175    "polish_improvements": {
176      "color_harmony": "Mối tương quan trong bảng màu có chủ đích rõ ràng hơn",
177      "spacing_rhythm": "Lề và khoảng cách giữa các cột (gutters) nhất quán",
178      "hierarchy_clarity": "Sự phân hóa rõ nét hơn giữa các cấp độ nội dung"
179    },
180    "engagement_boosters": {
181      "focal_points": "Các điểm neo thị giác rõ ràng thu hút ánh nhìn",
182      "progression": "Hành trình thị giác thỏa mãn xuyên suốt nội dung",
183      "reward_details": "Những khám phá nhỏ thú vị khi quan sát kỹ ở cự ly gần"
184    }
185  },
186  "avoid": [
187    "BẤT KỲ khung viền, đường bo hoặc trang trí mép nào bao quanh bản đồ họa thông tin",
188    "Hiệu ứng khung gỗ hoặc khung bảng trắng bao ngoài",
189    "Bóng đổ bao quanh toàn bộ bức ảnh như thể đây là ảnh chụp lại một vật thể",
190    "Hình ảnh trông giống như ảnh chụp một tấm áp phích—chính bản thân bức ảnh PHẢI LÀ tấm áp phích đó",
191    "Sự hoàn hảo vô trùng kiểu vector—tác phẩm phải mang đậm cảm giác vẽ thủ công bằng tay",
192    "Màu trắng tinh lạnh lẽo hoặc màu đen tuyền gay gắt",
193    "Căn chỉnh lưới cơ học cứng nhắc",
194    "Thẩm mỹ hình mẫu có sẵn (clip-art) kiểu văn phòng công sở",
195    "Mật độ chi tiết dày đặc gây ngộp thở—hãy để không gian cho bố cục thở",
196    "Sự kết hợp màu neon chói mắt hoặc lòe loẹt xung đột nhau",
197    "Độ dày nét vẽ đồng nhất phẳng lì từ đầu đến cuối",
198    "Các mảng màu tô phẳng mịn đều tăm tắp một cách hoàn hảo",
199    "Hình vẽ con người cứng đơ, thiếu sức sống",
200    "Độ sắc nét kỹ thuật số giết chết sự ấm áp tự nhiên",
201    "Phong cách minh họa thiếu nhất quán ngay trong cùng một tác phẩm",
202    "Các khu vực dày đặc chữ viết mà không có hình ảnh giúp giải tỏa thị giác"
203  ]
204}