Một thẻ thông tin bách khoa toàn thư phong cách nghệ thuật tối giản về [], chất lượng thiết kế cấp độ trưng bày bảo tàng, thông tin phong phú nhưng thị giác tiết chế
[Bố cục tổng thể - Tỷ lệ vàng]
- Tỷ lệ khung hình: 2:3 dọc hoặc 3:4 vuông
- Ba khu vực thị giác chính:
* Khu vực trưng bày trên cùng (30%): Nhiếp ảnh nguyên liệu kích thước lớn + Bố cục tiêu đề trang trọng
* Khu vực thông tin giữa (60%): Hệ thống lưới mô đun đa tầng
* Khu vực chú thích dưới (10%): Chú thích nguồn gốc + Chi tiết thiết kế
[Khu vực trưng bày trên cùng - Tiêu điểm thị giác]
• Tên nguyên liệu: Cỡ chữ cực lớn, nét mảnh/chữ không chân, khoảng cách chữ mở rộng
• Tên khoa học tiếng Latinh: Cỡ chữ nhỏ nghiêng, tông màu xám
• Nhãn phân loại nguyên liệu: Nhãn hình viên nang 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 mờ
• Biểu đồ bản đồ thu nhỏ nơi xuất xứ
• Biểu đồ dòng thời gian theo mùa
[Khu vực thông tin cốt lõi giữa - 9 mô đun chính]
1, Chi tiết thành phần dinh dưỡng
- Biểu đồ vòng: Tỷ lệ calo, protein, carbohydrate, chất béo
- Biểu đồ thanh: So sánh hàm lượng vitamin A/C/E/K
- Danh sách nguyên tố vi lượng khoáng chất (canxi, sắt, kẽm, v.v.)
- Dữ liệu dinh dưỡng chính xác trên mỗi 100g
- Thước đo trực quan chỉ số đường huyết GI
2, Bản đồ công dụng sức khỏe
- Biểu tượng hình bóng cơ thể người đánh dấu các bộ phận thụ hưởng
- Trưng bày trực quan biểu tượng 5-6 công dụng chính
- Biểu thị cấp độ cường độ công dụng (⭐⭐⭐⭐⭐)
- Chú thí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 từng phương pháp
- Hiển thị tỷ lệ phần trăm giữ lại chất dinh dưỡng
- Đánh giá sao chỉ số khuyên dùng
- Nhãn màu sắc cấp độ khó
4, Hướng dẫn tiêu thụ bốn mùa
- Thiết kế vòng quay thời gian hình tròn
- Đánh dấu các tháng ăn ngon nhất
- Giải thích sự thay đổi công dụng theo mùa
- Gợi ý 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 lưới 9 ô
- Chú thích ngắn gọn lý do kết hợp
- Cảnh báo hiệp đồng tăng hiệu quả / tương khắc
- Ví dụ công thức món ăn cổ điển
- Biểu đồ đường nối mối quan hệ bổ sung dinh dưỡng
6, Chân dung nhóm đối tượng phù hợp
- Biểu tượng nhóm người (trẻ em/phụ nữ mang thai/người cao tuổi/vận động viên, v.v.)
- Mã màu mức độ khuyên dùng
- Đề xuất liều lượng cho nhóm đặc biệt
- Hướng dẫn phân loại theo độ tuổi
7, Điều cấm kỵ và lưu ý
- Thiết kế khung cảnh báo đỏ
- Liệt kê rõ ràng các đối tượng không nên dùng
- Nhãn chất gây dị ứng
- Nhắc nhở tương tác thuốc
- Vạch cảnh báo lượng tiêu thụ tối đa
8, Hướng dẫn mua sắm và bảo quản
- Điểm mấu chốt đánh giá độ tươi (màu sắc/cảm giác tay/mùi)
- Minh họa phân chia cấp độ chất lượng
- Dữ liệu nhiệt độ/độ ẩm bảo quản tối ưu
- Dòng thời gian hạn sử dụng
- 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 khắp 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 thị giác - Thẩm mỹ nghệ thuật tối giản]
Bảng màu:
- Màu chính: Màu sắc tự nhiên được chiết xuất từ chính nguyên liệu
- Màu phụ: Tông màu đất (trắng gạo/yến mạch/lanh/xám than chì)
- Màu nhấn: Tiết chế sử dụng 1-2 màu độ tinh khiết cao
- Nền: Trắng tinh hoặc xám cực nhạt (#FAFAFA)
- Văn bản: Xám đậm thay vì đen tuyền (#2C2C2C)
Hệ thống phông chữ:
- Tiêu đề: Phông chữ không chân nét siêu mảnh (Helvetica Neue UltraLight)
- Nội dung: Phông chữ hình học hiện đại (DIN/Futura)
- Dữ liệu: Phông chữ đơn khoảng cách (Roboto Mono)
- Phân 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:
- Nét vẽ thống nhất 2pt
- Tính nhất quán của góc bo tròn (2px)
- Căn chỉnh lưới 24x24px
- Ưu tiên stroke thay vì fill
- Sử dụng không gian âm
Hệ thống bố cục:
- Hệ thống lưới 12 cột
- Căn chỉnh lưới cơ sở 8pt
- Khoảng cách mô đun: 24pt/32pt/48pt
- Lề: Lề trang từ 48pt
- Bo góc thẻ: 8-12px
- Đường chia nhỏ mảnh: 0.5pt, độ trong suốt 15%
Chi tiết kết cấu:
- Nền chuyển sắc vi mô (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 yếu tố (hệ thống độ cao)
- Tô màu vùng dữ liệu nhạt (độ 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 của 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%)
- Điểm dữ liệu được chú thích chính xác
- Đường xu hướng mượt mà tự nhiên
[Tạo cảm giác thở]
- 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 văn bản gấp 1.6-1.8 lần
- Khoảng cách đoạn văn ≥ 2 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 công năng Bauhaus,
chủ nghĩa tối giản Scandinavia, triết lý thiết kế của Dieter Rams,
ngôn ngữ thị giác Muji, thẩm mỹ tạp chí Kinfolk,
ngôn ngữ thiết kế sản phẩm Apple, tinh hoa Google Material Design
