Thẻ thông tin kiểu bách khoa toàn thư

Một tấm thẻ thông tin bách khoa toàn thư về [măng tây] theo phong cách nghệ thuật tối giản, chất lượng thiết kế đạt cấp độ hiện vật bảo tàng, thông tin phong phú nhưng hình ảnh tinh tế 【Bố cục tổng thể - Bố cục tỷ lệ vàng】 - Tỷ lệ hình ảnh: 2:3 dọc hoặc 3:4 vuông - Ba khu vực hình ảnh chính: * Khu vực trưng bày phía trên (30%): Ảnh chụp nguyên liệu kích thước lớn + bố cục tiêu đề thanh lịch * Khu vực thông tin giữa (60%): Hệ thống lưới mô-đun thông tin đa tầng * Khu vực chú thích dưới (10%): Ghi nguồn + chi tiết thiết kế 【Khu vực trưng bày phía trên - Điểm nhấn hình ảnh】 • Tên nguyên liệu: Cỡ chữ siêu lớn, kiểu chữ thanh mảnh/Song, khoảng cách chữ rộng • Tên Latinh: Cỡ chữ nhỏ, in nghiêng, tông màu xám • Nhãn phân loại nguyên liệu: Nhãn dạng viên nang cực kỳ tối giản • Ảnh chính: Cận cảnh nguyên liệu đã tách nền, ánh sáng studio, bóng đổ nhẹ • Biểu đồ bản đồ nhỏ khu vực xuất xứ • Biểu đồ đường dòng thời gian mùa vụ 【Khu vực thông tin cốt lõi giữa - 9 mô-đun】 1、Chi tiết thành phần dinh dưỡng - Biểu đồ vòng tròn: Tỷ lệ Calo, Protein, Carb, Chất béo - Biểu đồ thanh: So sánh hàm lượng Vitamin A/C/E/K - Danh sách khoáng chất vi lượng (Canxi, Sắt, Kẽm, v.v.) - Dữ liệu dinh dưỡng chính xác trên 100g - Thước đo trực quan chỉ số GI (Glycemic Index) 2、Bản đồ lợi ích sức khỏe - Hình phác thảo cơ thể người đánh dấu các bộ phận hưởng lợi - Hiển thị dạng biểu tượng 5-6 công dụng chính - Đánh dấu mức độ hiệu quả (⭐⭐⭐⭐⭐) - Ghi chú nhỏ nguồn nghiên cứu khoa học 3、Ma trận phương pháp nấu ăn - Lưới biểu tượng 8-10 phương pháp nấu - Thông số nhiệt độ/thời gian tối ưu cho mỗi phương pháp - Hiển thị tỷ lệ phần trăm dinh dưỡng được giữ lại - Đánh giá sao chỉ số đề xuất - Mã màu mức độ khó 4、Hướng dẫn sử dụng theo mùa - Thiết kế vòng xoay thời gian hình tròn - Đánh dấu tháng sử dụng tốt nhất - Giải thích sự thay đổi công dụng theo mùa - Đề xuất kết hợp theo mùa 5、Ma trận kết hợp vàng - Biểu tượng nhỏ nguyên liệu kết hợp trong lưới 9 ô - Ghi chú ngắn lý do kết hợp - Cảnh báo tương tác tăng cường/kiêng kỵ - Ví dụ công thức món ăn kinh điển - Sơ đồ đường kết nối mối quan hệ bổ sung dinh dưỡng 6、Hồ sơ đối tượng phù hợp - Biểu tượng nhóm người (trẻ em/phụ nữ mang thai/người già/vận động viên, v.v.) - Mã màu mức độ đề xuất - Đề xuất liều lượng cho nhóm đặc biệt - Hướng dẫn phân loại theo độ tuổi 7、Chống chỉ định và lưu ý - Thiết kế khung cảnh báo màu đỏ - Liệt kê rõ ràng nhóm người không nên dùng - Đánh dấu chất gây dị ứng - Gợi ý tương tác thuốc - Đường cảnh báo lượng tiêu thụ tối đa 8、Hướng dẫn chọn mua và bảo quản - Điểm chính đánh giá độ tươi (màu sắc/cảm giác/mùi) - Hình minh họa phân cấp chất lượng - Dữ liệu nhiệt độ/độ ẩm bảo quản tốt nhất - Dòng thời gian thời hạn bảo quản - Hướng dẫn biểu tượng làm lạnh/đông lạnh/nhiệt độ phòng 9、Mở rộng kiến thức thú vị - Câu chuyện lịch sử nhỏ (nguồn gốc/truyền thuyết) - Tên gọi khác trên thế giới - Trực quan hóa dữ liệu sản lượng hàng năm - Giải thích nhãn hữu cơ/biến đổi gen - Xếp hạng tính bền vững 【Hệ thống hình ảnh - Thẩm mỹ nghệ thuật tối giản】 Phối màu: - Màu chính: Trích xuất từ màu sắc tự nhiên của nguyên liệu - Màu phụ: Tông màu đất (trắng ngà/yến mạch/lam/graphite xám) - Màu nhấn: Sử dụng tiết chế 1-2 màu có độ tinh khiết cao - Nền: Trắng tinh hoặc xám cực nhạt (#FAFAFA) - Chữ: Xám đậm thay vì đen tuyền (#2C2C2C) Hệ thống phông chữ: - Tiêu đề: Phông chữ không chân siêu thanh mảnh (Helvetica Neue UltraLight) - Văn bản chính: Phông chữ hình học hiện đại (DIN/Futura) - Dữ liệu: Phông chữ đều chiều rộng (Roboto Mono) - Tiếng Trung: Nguồn Heiti Light/Fangzheng Lantinghei - Cấp độ cỡ chữ: Hệ thống 6 cấp cỡ chữ (48/32/24/16/12/10pt) Hệ thống biểu tượng: - Độ rộng nét thống nhất 2pt - Độ cong góc nhất quán (2px) - Căn chỉnh lưới 24x24px - Ưu tiên stroke thay vì fill - Tận dụng không gian âm Hệ thống bố cục: - Hệ thống lưới 12 cột - Căn chỉnh theo lưới chuẩn 8pt - Khoảng cách mô-đun: 24pt/32pt/48pt - Lề: Lề trang từ 48pt trở lên - Góc bo thẻ: 8-12px - Đường phân chia tinh tế: 0.5pt, độ trong suốt 15% Chi tiết chất liệu: - Nền chuyển sắc nhẹ (thay đổi giá trị màu 3-5%) - Bóng đổ mềm mại (0 4px 24px rgba(0,0,0,0.04)) - Hiệu ứng kính mờ (backdrop-filter: blur(20px)) - Sự khác biệt độ cao tinh tế giữa các phần tử (hệ thống độ cao) - Tô màu nhạt vùng dữ liệu (độ trong suốt 5%) 【Nguyên tắc trực quan hóa thông tin】 - Biểu đồ dữ liệu: Nguyên tắc mực dữ liệu tối giản Edward Tufte - Loại bỏ trang trí không cần thiết - Đường lưới biểu đồ cực nhạt (độ trong suốt 10%) - Đánh dấu chính xác điểm dữ liệu - Đường xu hướng mượt mà tự nhiên 【Tạo cảm giác khoảng trống】 - Khoảng trắng giữa các mô-đun ≥ 25% chiều rộng nội dung mô-đun - Khoảng cách dòng chữ 1.6-1.8 lần - Khoảng cách đoạn ≥ 2 lần chiều cao dòng - Quy tắc khoảng trắng kết hợp hình ảnh và văn bản Từ khóa phong cách: Thiết kế đồ họa chủ nghĩa quốc tế Thụy Sĩ, thẩm mỹ Wabi-sabi Nhật Bản, chủ nghĩa chức năng Bauhaus, Chủ nghĩa tối giản Scandinavia, triết lý thiết kế Dieter Rams, Ngôn ngữ hình ảnh Muji, thẩm mỹ tạp chí Kinfolk, Ngôn ngữ thiết kế sản phẩm Apple, tinh túy Google Material Design