Bảng hệ thống thiết kế UI cánh bướm óng ánh

{"type":"bảng trình bày hệ thống thiết kế UI/UX","theme":"chế độ tối, lấy cảm hứng từ thiên nhiên, thẩm mỹ phát sáng óng ánh","language":"tiếng Trung","canvas":{"aspect_ratio":"square poster","background":"xanh navy nửa đêm đậm chuyển sang đen với ánh sáng le lói tinh tế","style":"bảng trình bày phong cách tương lai cao cấp với đường viền bảng màu xanh neon mỏng, điểm nhấn bóng bẩy, hiệu ứng lóe sáng dịu và độ tương phản cao"},"header":{"title":"UI lấy cảm hứng từ thiên nhiênn{argument name="system title" default="蝴蝶虹彩"}nHệ thống thiết kế UI/UX","description":"{argument name="chinese description" default="从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。"}","hero_image":"một cánh bướm phát sáng ngoại cỡ, siêu chi tiết với màu xanh lam điện, tím và xanh lơ óng ánh phủ kín nửa trên bên phải, có cấu trúc đường gân rõ rệt, mép cánh mờ trong suốt, các hạt phát sáng như tia lửa và cánh thứ hai làm mờ ở phía sau"},"layout":{"sections":[{"title":"1. Cảm hứng thiết kế","position":"phía trên bên trái, bên dưới phần đầu trang","count":4,"labels":["ảnh cận cảnh macro cánh bướm óng ánh","cận cảnh kết cấu cánh bướm xanh tím","vệt sáng lăng kính khúc xạ ánh sáng","hoa văn tế bào cánh bướm"]},{"title":"2. Từ khóa","position":"phía trên bên phải, bên dưới hình ảnh hero","count":5,"labels":["虹彩","灵动","轻盈","深邃","自然"],"icon_style":"các biểu tượng nét đơn giản phát sáng bên trong thẻ tối bo góc"},{"title":"3. Hệ thống màu sắc","position":"chính giữa bên trái","subsections":[{"title":"主色","count":3,"labels":["大闪蝶蓝 #1E5BFF","虹彩紫 #7A5CFF","天空光 #00E6FF"]},{"title":"中性色","count":3,"labels":["午夜黑 #060F19","柔和海军蓝 #141A2E","珍珠白 #F3F6FC"]},{"title":"强调色与渐变","count":2,"labels":["彩虹光泽","蝴蝶光芒"]}],"visual":"các ô mẫu màu hình tròn và khối cầu gradient có nhãn tiếng Trung bên dưới"},{"title":"4. Kiểu chữ","position":"chính giữa bên phải","count":1,"labels":["Aa Poppins Light / Regular / Medium / SemiBold"],"visual":"chữ Aa lớn màu trắng trên thẻ tối màu"},{"title":"5. Biểu tượng ứng dụng","position":"ở giữa bên trái","count":1,"text":"{argument name="app name" default="Winglet"} Nhẹ nhàng. Linh hoạt. Thanh lịch.","visual":"biểu tượng ứng dụng cánh bướm phát sáng bên cạnh tên ứng dụng"},{"title":"6. Thành phần UI","position":"chính giữa","subsections":[{"title":"按钮","count":3,"labels":["主要按钮","次要按钮","玻璃质感"]},{"title":"图标","count":2,"labels":["心形收藏","发光圆环"]},{"title":"开关","count":1,"labels":["开关"]}],"visual":"các nút màu xanh bo góc, nút biểu tượng neon và công tắc chuyển đổi phát sáng trên bảng tối màu"},{"title":"Các thành phần khác","position":"ở giữa bên phải","count":4,"labels":["搜索框","标签 New","进度条 (72%)","卡片 Blue Morpho"],"visual":"các widget UI tiện ích nhỏ trong thẻ ngang nhỏ gọn"},{"title":"7. UI trên di động","position":"phía dưới bên trái","count":3,"labels":["搜索页面","带有大型蝴蝶插图的今日页面","带有波形图的音频播放页面"],"visual":"ba mô hình điện thoại thông minh bo góc, giao diện tối, hình ảnh cánh bướm xanh tím"},{"title":"8. Xem trước thiết kế web","position":"phía dưới bên phải","count":1,"labels":["光之生命"],"visual":"mô hình trang đích máy tính để bàn với hình ảnh hero cánh bướm, điều hướng trên cùng, nút kêu gọi hành động màu xanh sáng và nội dung văn bản bằng tiếng Trung"},{"title":"9. Nền thị giác","position":"dưới cùng toàn chiều rộng","count":4,"labels":["nền dải lụa ánh sáng uốn lượn 1","vòng xoáy óng ánh cuộn trào","nền dải lụa ánh sáng uốn lượn 2","vụ nổ tinh thể rực rỡ"],"visual":"bốn mẫu nền hình chữ nhật thuôn dài màu tím, xanh lam và xanh lơ"}],"footer":{"count":1,"text":"源于自然的设计，为体验而生。","center_icon":"small butterfly icon"}},"art_direction":{"materials":"hiệu ứng kính mờ, viền chiếu sáng neon, chuyển sắc mượt mà, phản chiếu tinh tế","colors":"xanh lam điện, màu chàm, tím, xanh lơ, trắng","composition":"lưới bố cục gọn gàng với 9 phần nội dung được đánh số, khoảng cách rộng rãi, viền bo tròn mỏng và hình ảnh hero cánh bướm chủ đạo","render_quality":"độ hoàn thiện cao, kiểu chữ sắc nét, bảng hệ thống thiết kế cao cấp phong cách Behance"}}