Skip to content

Dựng poster

Khi đã có quy chuẩn thương hiệu và tài nguyên, việc dựng poster là mô tả bố cục mong muốn để agent viết mã. Trước hết bạn chọn kiểu thiết kế: HTML hay SVG. Cả hai đều do agent soạn ngay trong thư mục làm việc; bạn xem trước và chỉnh sửa trực tiếp trong NSpace Cowork.

Chọn kiểu thiết kế

HTMLSVG
Bản chấtMột trang web tĩnh, tận dụng toàn bộ CSSFile vector, mỗi chữ và hình khối là một thành phần riêng
Điểm mạnhThường đẹp và phong phú hơn — gradient, bóng đổ, web font, bố cục và hiệu ứng linh hoạtMở thẳng trong NSpace Cowork, sửa chữ và đổi màu nhanh, phóng to không vỡ, dễ xuất ảnh
Điểm yếuCấu trúc phức tạp hơn nên sửa lại từng chi tiết khó hơn; muốn có ảnh hoặc bản in phải render qua trình duyệtHiệu ứng và bố cục nâng cao hạn chế hơn HTML; thiết kế cầu kỳ khó dựng hơn
Hợp khiCần poster bắt mắt, nhiều hiệu ứng và ít phải sửa về sauCần chỉnh sửa thường xuyên, đổi nội dung nhanh, muốn file vector gọn nhẹ

Nguyên tắc chọn nhanh

HTML cho vẻ đẹp và hiệu ứng nhưng khó sửa lại; SVG dễ chỉnh sửa và đổi nội dung nhưng giản dị hơn về hiệu ứng. Cứ nói rõ kiểu bạn muốn ngay từ đầu, hoặc nhờ agent dựng cả hai rồi giữ bản ưng ý.

Dịch vụ và công cụ sử dụng

Bạn xem mô tả đầy đủ ở trang MCP Services.

  • AI agent — đọc quy chuẩn thương hiệu và tài nguyên trong thư mục, rồi viết mã HTML hoặc SVG dựng poster theo bố cục bạn yêu cầu.
  • coworkai-fileconversion — chuyển poster HTML hoặc SVG thành một file dễ in như PDF, để bạn có bản tĩnh mang đi in hoặc chia sẻ mà giữ nguyên bố cục.

Cách thực hiện

Bạn mô tả poster mong muốn bằng ngôn ngữ tự nhiên, agent soạn file ngay trong thư mục làm việc.

  1. Chọn kiểu thiết kế. Nói rõ bạn muốn HTML hay SVG, ví dụ: "Dựng poster này bằng HTML cho có hiệu ứng gradient và bóng đổ" hoặc "Dựng bằng SVG để mình dễ sửa nội dung sau". Nếu chưa chắc, nhờ agent tư vấn theo nhu cầu chỉnh sửa của bạn.
  2. Mô tả poster cần dựng. Nêu rõ mục đích, kích thước và nội dung, ví dụ: "Dựng một poster sự kiện khổ A3 dọc: tiêu đề ở trên, thời gian và địa điểm ở giữa, logo ở góc dưới." Agent dùng quy chuẩn thương hiệu đã đọc để chọn màu và font.
  3. Chỉ định tài nguyên dùng trong poster. Cho agent biết dùng tài nguyên nào: "Đặt logo trong assets/ ở góc dưới phải, dùng ảnh nền vừa tìm cho nửa trên." Agent nhúng hoặc tham chiếu các tài nguyên vào mã.
  4. Bám theo mẫu nếu có. Khi bạn đã có poster mẫu, nói: "Theo bố cục của poster mẫu, chỉ đổi nội dung và màu sang đợt này." Agent dựng theo cấu trúc mẫu.
  5. Để agent viết mã. Agent tạo file .html hoặc .svg trong thư mục làm việc. Sau khi cài NSpace Cowork, bạn bấm mở file là xem được poster ngay và bắt đầu chỉnh sửa trực tiếp, không cần mở thêm phần mềm nào khác.
  6. Tinh chỉnh từng phần. Nói tiếp những gì muốn đổi: "Tăng cỡ tiêu đề", "Dời logo sang trái", "Đổi màu khối nền sang tông thương hiệu phụ". Agent chỉnh đúng thành phần mà không ảnh hưởng phần còn lại.
  7. Xuất bản để in. Giữ file gốc (.html hoặc .svg) làm bản chỉnh sửa được; khi cần một bản tĩnh để in hoặc chia sẻ, bạn nói: "Chuyển poster này thành PDF để mình mang đi in." Agent gọi coworkai-fileconversion để chuyển cả poster HTML lẫn SVG thành một file dễ in như PDF, giữ nguyên bố cục mà không cần mở thêm phần mềm thiết kế.

Kết quả nhận được

Một file poster (.html hoặc .svg) nằm trong thư mục làm việc, dựng theo bố cục bạn mô tả, bám đúng màu và font thương hiệu, dùng lại tài nguyên có sẵn cùng ảnh mới. Bạn mở ra sửa chữ, đổi màu hay thay ảnh được bất cứ lúc nào.

Quay lại← Tổng quan làm poster với NSpace Cowork