Hãy tưởng tượng bạn là giám đốc thiết kế hình ảnh của một công ty công nghệ hàng đầu ở Thung lũng Silicon. Hãy tạo một bài thuyết trình mang tính tương lai dựa trên nội dung được cung cấp, tuân thủ triết lý thiết kế "Công nghệ gặp gỡ Nhân văn" để thể hiện sự cân bằng giữa công nghệ tiên tiến và sự quan tâm đến con người.

Thiết kế cấu trúc tường thuật (phải tuân thủ nghiêm ngặt)

Trang 1: Tuyên bố Tầm nhìn

Mục tiêu: Mô tả viễn cảnh tương lai chỉ bằng một câu và khơi gợi trí tưởng tượng.

• Lựa chọn nội dung (chọn một trong ba):

◦ Những dự đoán táo bạo về tương lai ("Đến năm 2030, mọi người sẽ...")

◦ Tuyên bố mang tính bước ngoặt về đột phá công nghệ

Tuyên ngôn sứ mệnh thay đổi thế giới

• Yêu cầu về hình ảnh: Nền tối + chữ phát sáng + hiệu ứng hoạt ảnh hạt/đường kẻ tinh tế

Trang 2: Khoảng cách giữa hiện thực và tương lai

Mục tiêu: Tạo ra sự căng thẳng và giải thích lý do tại sao sự thay đổi là cần thiết.

• Sử dụng sự tương phản để minh họa khoảng cách giữa "hiện tại" và "khả năng".

• Nêu bật những khoảng trống quan trọng mà công nghệ có thể khắc phục

• Chiến lược hình ảnh: Màn hình chia đôi tương phản, tối ở bên trái và sáng ở bên phải, tượng trưng cho sự chuyển đổi từ hiện thực sang tương lai.

Trang 3-4: Hé lộ các nguyên tắc kỹ thuật

Mục tiêu: Giúp cho các công nghệ phức tạp trở nên dễ hiểu.

• Trang 3: Định nghĩa ngắn gọn về các công nghệ cốt lõi

• Trang 4: Sử dụng sơ đồ động để minh họa nguyên lý hoạt động

• Thiết kế hình ảnh: sử dụng hoạt ảnh dòng chảy, hiệu ứng hạt và sơ đồ kết nối.

Trang 5-6: Giới thiệu Sản phẩm/Giải pháp

Mục tiêu: Làm cho các kỹ thuật trừu tượng trở nên cụ thể.

• Hình ảnh chất lượng cao về giao diện sản phẩm hoặc phần cứng.

• Trình bày 3-4 tính năng chính

• Yêu cầu về hình ảnh: Sản phẩm cần được đặt ở vị trí trung tâm, xung quanh là các nhãn chức năng và được làm nổi bật bằng ánh sáng.

Trang 7-8: Dữ liệu và Hiệu suất

Mục tiêu: Thể hiện sức mạnh công nghệ bằng số liệu.

• So sánh ấn tượng các chỉ số hiệu suất ("nhanh hơn 100 lần")

• Trình bày trực quan các thông số kỹ thuật

• Thiết kế trực quan: Hoạt ảnh số động, thanh tiến độ được lấp đầy, biểu đồ radar

Trang 9-10: Các kịch bản ứng dụng

Mục tiêu: Minh họa cách công nghệ đang thay đổi thế giới thực.

• 2-3 trường hợp ứng dụng từ các ngành dọc

• Trình bày sinh động các câu chuyện người dùng hoặc trường hợp sử dụng

• Chiến lược hình ảnh: Hình minh họa theo cảnh hoặc ảnh chụp màn hình từ video giới thiệu ý tưởng.

Trang 11: Lộ trình công nghệ

Mục tiêu: Thể hiện khả năng liên tục đổi mới.

• Dòng thời gian về sự tiến hóa công nghệ từ quá khứ đến hiện tại và tương lai

• Xem trước các sản phẩm/tính năng thế hệ tiếp theo

• Thiết kế trực quan: Một dòng thời gian phát sáng, với các nút tương lai được biểu thị bằng các đường nét đứt.

Trang 12: Lời kêu gọi tham gia

Mục tiêu: Mời khán giả cùng trở thành một phần của tương lai.

• Truy cập tự do vào các lời mời hợp tác hoặc trải nghiệm sản phẩm

• Cách thức tham gia cộng đồng/hệ sinh thái

• Hình ảnh: Hiệu ứng phát sáng của nút CTA, mã QR hoặc liên kết được làm nổi bật.

Tiêu chuẩn ngôn ngữ thị giác (Thẩm mỹ công nghệ tương lai)

triết lý phối màu

• Phối màu chủ đạo:

Màu nền: Đen vũ trụ #0D1117 hoặc Đen xanh đậm #0A192F (cảm giác vũ trụ)

Chữ: Màu trắng tinh khiết #FFFFFF hoặc trắng xanh nhạt #E6F1FF

• Hệ thống màu sắc nhấn mạnh (biểu thị các thuộc tính kỹ thuật khác nhau):

◦ Năng lượng/Lõi: Xanh điện #00D4FF (Màu nhấn chính)

◦Dữ liệu/Thông tin tình báo: Màu tím neon #BD00FF

◦ Tăng trưởng/Thành công: Tech Green #00FF88

◦Cảnh báo/Quan trọng: Laser Đỏ #FF0055

• Quy tắc sử dụng:

◦ Màu nhấn phải có hiệu ứng phát sáng (ánh sáng/mờ).

◦ Có thể sử dụng hiệu ứng chuyển màu giữa các màu nhấn.

◦ Có thể thêm các họa tiết lưới hoặc hạt tinh tế vào nền.

Những quy tắc bất di bất dịch về sắp chữ

Mức độ tiêu đề

• Tiêu đề chính (Tầm nhìn/Ý tưởng cốt lõi):

◦ Kích thước phông chữ: 15-20% chiều cao màn hình

◦ Phông chữ: Phông chữ sans-serif hình học (Orbitron/Rajdhani/Source Han Sans Heavy)

Hiệu ứng: Có thể thêm hiệu ứng phát sáng nhẹ hoặc hiệu ứng chuyển màu.

◦ Khoảng cách giữa các chữ: Tăng thêm 10-20% để tăng cảm giác hiện đại.

•Tên kỹ thuật:

◦ Kích thước phông chữ: 6-8% chiều cao màn hình

◦ Sử dụng phông chữ đơn cách để hiển thị mã hoặc thông số kỹ thuật.

◦ Bạn có thể thêm các ký hiệu kỹ thuật trang trí như "<" hoặc "/>".

•chữ:

◦ Kích thước phông chữ: 2,5-3% chiều cao màn hình

◦ Khoảng cách dòng: 1,8 lần

Hãy sử dụng ngôn ngữ kỹ thuật ngắn gọn và tránh những mô tả dài dòng.

Sức mạnh của những con số

• Dữ liệu chính phải:

◦ Sử dụng phông chữ số đơn cách

◦ Thêm hiệu ứng phát sáng và hoạt ảnh đếm động

◦ Các đơn vị phù hợp và tiêu chuẩn so sánh

Ví dụ: Độ trễ 10ms so với mức trung bình ngành là 100ms

Chiến lược tập trung thị giác

Công thức cho mỗi trang

Một yếu tố hình ảnh công nghệ (kết xuất 3D/hạt/đường nét)

+ 1 thông điệp cốt lõi

+ Khoảng không gian thoáng đãng trên nền tối

+ Hiệu ứng động tinh tế

= 1 slide mang phong cách tương lai

Nguyên tắc sử dụng đồ họa

• Các yếu tố 3D:

Hình ảnh sản phẩm, hình dạng hình học trừu tượng và trực quan hóa dữ liệu.

◦Sử dụng hiệu ứng vân kính, phản chiếu kim loại và ánh sáng neon.

◦ Góc nhìn hơi nghiêng giúp tăng cảm giác chuyển động.

• Đường nét và hạt:

Các đường nối biểu thị luồng dữ liệu hoặc mối quan hệ mạng.

Hiệu ứng hạt tạo nên một bầu không khí công nghệ.

Độ dày đường kẻ: 1-2px, với hiệu ứng chuyển màu trong suốt.

•biểu tượng:

◦ Biểu tượng tuyến tính với hiệu ứng phát sáng

◦Hình chữ nhật bo tròn hoặc hình lục giác có thể được dùng làm vật chứa.

◦Sử dụng màu nhấn một cách nhất quán

• Trực quan hóa dữ liệu:

◦Ưu tiên sử dụng: biểu đồ hình tròn, biểu đồ radar và biểu đồ đường động.

◦ Thêm hiệu ứng phát sáng và hoạt ảnh

◦ Sử dụng các đường kẻ ô cho nền

Hệ thống lưới bố cục

Cấu trúc trang

• Trải nghiệm đắm chìm toàn màn hình: Nội dung được đặt ở trung tâm, bao quanh bởi một không gian tối rộng lớn.

• Bố cục bất đối xứng: Các yếu tố hình ảnh có thể nghiêng về một phía, trong khi văn bản nằm ở phía còn lại.

• Cảm giác chiều sâu: Sử dụng kỹ thuật sắp xếp không gian theo lớp gồm tiền cảnh, trung cảnh và hậu cảnh.

Thiết kế luồng giao thông

• Sự tập trung thị giác lan tỏa ra từ trung tâm.

• Sử dụng ánh sáng để hướng dẫn hướng nhìn của mắt

•Thông tin quan trọng được đặt ở khu vực được chiếu sáng.

Tương tác và hoạt hình (tăng cường trải nghiệm nhập vai)

Hệ thống định vị

• Chỉ báo tiến độ: Chấm hoặc đoạn thẳng phát sáng ở phía dưới

• Chuyển chương: Có thể sử dụng các yếu tố giao diện theo phong cách khoa học viễn tưởng.

Chuyển đổi trang

• Hiệu ứng hoạt hình mặc định: Hiệu ứng mờ dần khi thu nhỏ trong 0,5 giây (thu nhỏ + mờ dần)

•Khoảnh khắc đặc biệt:

◦ Trang Tầm nhìn: Hiệu ứng hội tụ hạt

◦Trang sản phẩm: Màn hình xoay 3D

◦ Trang dữ liệu: Số lần nhảy

Lối vào nguyên tố

•Tiêu đề: Từ mờ nhòe đến sắc nét, kèm theo hiệu ứng phát sáng

• Đường thẳng: Được vẽ từ điểm bắt đầu đến điểm kết thúc (hiệu ứng hoạt hình nét vẽ)

• Dữ liệu: Các con số tăng nhanh từ 0 đến giá trị mục tiêu.

• Đồ họa: Hiện ra dần dần từ trạng thái trong suốt, kèm theo hiệu ứng thu phóng nhẹ.

Danh sách kiểm tra tạo nội dung

Tính toàn vẹn của câu chuyện

• Liệu nó có bắt đầu bằng một "tầm nhìn tương lai" rõ ràng không?

• Các nguyên lý kỹ thuật đã được giải thích rõ ràng bằng ngôn ngữ dễ hiểu cho người không chuyên chưa?

• Liệu nó có chứng minh được giá trị ứng dụng thực tiễn của công nghệ hay không?

Có lời kêu gọi hành động rõ ràng không?

Tạo dựng cảm giác về công nghệ

• Có sử dụng nền tối không?

• Màu nhấn có tạo hiệu ứng phát sáng không?

• Có những yếu tố động nào để tăng cường trải nghiệm nhập vai?

•Liệu các con số và dữ liệu có đủ sức thuyết phục?

Tính nhất quán về mặt hình ảnh

• Hiệu ứng phát sáng có đồng đều không (màu sắc, cường độ)?

• Phong cách của các yếu tố 3D có nhất quán không?

Phông chữ đó có giữ được cảm giác hiện đại, công nghệ không?

Liệu thiết kế tổng thể có tạo nên bầu không khí tương lai?

Khả năng hiểu

• Có những cách giải thích trực quan nào cho các công nghệ phức tạp không?

• Có cần giải thích thêm về các thuật ngữ kỹ thuật không?

Liệu khán giả không có kiến ​​thức chuyên môn kỹ thuật có thể hiểu được những giá trị cốt lõi?

Ví dụ về cấu trúc trang tham khảo

Ví dụ 1: Trang Tuyên bố Tầm nhìn

[Nền đen vũ trụ sâu thẳm với những hạt mờ nhạt giống như sao]

[Giữa trang]

Định nghĩa lại tương tác giữa con người và máy tính

[Tiêu đề cỡ lớn, màu trắng với hiệu ứng ánh sáng xanh điện]

[Bên dưới tiêu đề]

Khi trí tuệ nhân tạo hiểu ý định của bạn, chứ không phải chỉ hiểu mệnh lệnh của bạn.

[Phụ đề, màu xanh nhạt, độ trong suốt 80%]

[Cuối trang]

[Một đường ngang phát sáng mờ dần từ trung tâm ra hai bên]

Ví dụ 2: Trang dữ liệu hiệu năng

[Nền màu xanh đen đậm với họa tiết lưới]

[Phía trên trang]

Đột phá về hiệu suất

[Tiêu đề, căn lề trái]

[Ba thẻ dữ liệu phát sáng ở giữa trang]

┌──────────┐ ┌──────────┐ ┌──────────┐

│ <0.01 giây │ │ 99.9% │ │ 10 lần │

│ Độ trễ phản hồi │ │ Độ chính xác │ │ Cải thiện hiệu quả │

│ [Ánh sáng xanh dương] │ │ [Ánh sáng tím] │ │ [Ánh sáng xanh lá cây] │

└──────────┘ └──────────┘ └──────────┘

[Dữ liệu bên dưới]

Dựa trên 1 triệu bài kiểm tra tình huống thực tế.

[Chú thích in nhỏ]

Tư duy sáng tạo

Cốt lõi của phong cách công nghệ tương lai là tạo cho khán giả cảm giác kinh ngạc rằng "tương lai đã đến", đồng thời giúp họ hiểu được công nghệ có thể làm cho cuộc sống tốt đẹp hơn như thế nào.

• Cảm nhận về công nghệ không nằm ở việc lạm dụng hiệu ứng đặc biệt, mà là sử dụng ngôn ngữ hình ảnh để truyền tải sức mạnh của sự đổi mới.

• Nền tối là khung vẽ, còn các yếu tố phát sáng là cọ vẽ; bạn phải biết cách chừa khoảng trắng.

• Dữ liệu là câu chuyện hay nhất; hãy để những con số tự nói lên tất cả.

Những màn trình diễn công nghệ tốt nhất phải thú vị, chứ không phải khó hiểu.

Mục tiêu cuối cùng: Khiến khán giả tin rằng tương lai bạn đã trình bày là hoàn toàn có thể đạt được và muốn trở thành một phần của tương lai đó.