Thiết kế mẫu Story và bài viết mà mọi người đọc được

Vì sao mẫu đáng để bỏ thời gian

Mẫu (template) là một bố cục bạn thiết kế một lần và điền nhiều lần: cùng vị trí cho tiêu đề, ảnh và chữ nhỏ, mỗi lần với chữ và hình mới. Nó giúp bạn khỏi phải bắt đầu từ khung trống mỗi tuần, và làm Story cùng bài viết của bạn dễ nhận ra trước cả khi ai đó đọc tên ở trên cùng.

Nhưng mẫu chỉ có ích nếu bản thân bố cục tốt. Một thiết kế đẹp mà đặt tiêu đề dưới ô trả lời của Instagram, hoặc chữ trắng trên ảnh nhạt, sẽ lặp lại sai lầm đó trong mọi Story bạn làm bằng nó. Bài này nói về việc làm đúng bố cục: chữ an toàn ở đâu, nên lớn cỡ nào, dùng bao nhiêu và cách giữ cả bộ nhất quán. Kích thước pixel chính xác cho mọi định dạng nằm trong hướng dẫn kích thước Instagram của chúng tôi; ở đây chúng tôi chỉ sử dụng chúng.

Mẫu Story và mẫu bài viết là hai việc khác nhau

Cả hai đều là hình có chữ, nhưng chúng được xem theo cách rất khác nhau, và một bố cục hợp với cái này thường hỏng ở cái kia.

Vì vậy mẫu Story nên đậm nét và ngắn gọn, với thông điệp ở giữa màn hình. Mẫu bài viết có thể chứa nhiều hơn một chút, nhưng phải chịu được việc bị thu nhỏ thành một hình vuông nhỏ trên lưới trang cá nhân, điều được nói đến trong bài viết của chúng tôi về lên kế hoạch lưới cắt đẹp.

Vùng an toàn trên Story 1080 × 1920

Instagram vẽ giao diện của riêng nó lên mọi Story: thanh tiến trình, ảnh đại diện và tên của bạn ở trên, và ô trả lời ở dưới. Chữ đặt ở đó bị che một phần. Instagram không công bố lề an toàn cho Story thông thường, nhưng Meta có công bố cho quảng cáo Story: để trống khoảng 14% phía trên, 35% phía dưới và 6% mỗi bên, không có chữ, logo và các yếu tố quan trọng khác (Meta Ads Guide (mở trong thẻ mới), kiểm tra tháng 11/2026).

Trên Story 1080 × 1920, điều đó tính ra khoảng 269 pixel ở trên, 672 pixel ở dưới và 65 pixel mỗi bên, để lại một hộp an toàn rộng từ 65 đến 1015 pixel và cao từ 269 đến 1248 pixel. Quảng cáo cần lề dưới lớn vì có nút kêu gọi hành động. Story thông thường có ít thứ trên màn hình hơn, nên mẫu Story của chúng tôi dùng quy tắc lỏng hơn: chữ quan trọng nằm cách mép trên từ 250 đến 1600 pixel, giữ 320 pixel phía dưới trống cho ô trả lời.

• Với Story thông thường: giữ tiêu đề và chữ chính cách mép trên khoảng 250 đến 1600 pixel, và cách hai bên ít nhất 65 pixel.
• Với quảng cáo Story: dùng hộp chặt hơn của Meta, cách mép trên 269 đến 1248 pixel.
• Dù thế nào: ảnh nền và màu có thể lấp đầy toàn khung; chỉ chữ, logo và khuôn mặt cần nằm bên trong.

Chữ đọc được trong vài giây

Hầu hết vấn đề của mẫu là vấn đề về chữ. Ba điều quyết định Story được đọc hay bị bỏ qua: có bao nhiêu chữ, chữ lớn cỡ nào và chữ nổi bật khỏi nền đến mức nào.

Bao nhiêu

Một tiêu đề và một dòng bổ trợ là đủ cho hầu hết Story. Theo kinh nghiệm chung, giữ dưới khoảng 20 từ mỗi Story; nếu cần nhiều hơn, hãy chia thông điệp qua hai hoặc ba Story hoặc chuyển sang bài viết. Đặt chi tiết như giá, ngày và liên kết vào caption, một nhãn dán hoặc trang tiếp theo.

Lớn cỡ nào

Một Story rộng 1080 pixel được thu nhỏ về chiều rộng điện thoại. Trên điện thoại rộng khoảng 390 điểm, mọi thứ hiện ra ở khoảng một phần ba kích thước pixel của nó. Quy tắc kinh nghiệm của chúng tôi từ phép tính đó: chữ nội dung cao ít nhất 44 pixel trên khung, tương đương khoảng 16 điểm trên màn hình, cỡ chữ ứng dụng thông thường, và tiêu đề từ 90 pixel trở lên. Phông chữ rất mảnh cần lớn hơn nữa.

Rõ ràng cỡ nào

Chuẩn khả năng tiếp cận web WCAG yêu cầu tỉ lệ tương phản ít nhất 4,5:1 cho chữ thường và 3:1 cho chữ lớn (W3C (mở trong thẻ mới), kiểm tra tháng 11/2026). Instagram không yêu cầu, nhưng đó là mục tiêu hữu ích, vì Story được đọc ngoài trời, ở độ sáng thấp và bởi những người thị lực yếu hơn. Chữ trên ảnh hiếm khi tự đạt được. Ba cách sửa hiệu quả:

• Một ô đặc hoặc bán trong suốt phía sau chữ, với màu trong bảng màu của bạn.
• Một vùng tối hơn hoặc làm mờ của ảnh nơi chữ nằm.
• Bố cục chia đôi: ảnh ở một phần khung, chữ trên màu trơn ở phần kia.

Chừa chỗ cho nhãn dán của Instagram

Hộp câu hỏi, bình chọn, đồng hồ đếm ngược, nhãn dán liên kết và lượt nhắc tên được thêm trong ứng dụng Instagram sau khi bạn tải hình lên; hình làm trong bất kỳ trình chỉnh sửa nào, kể cả của chúng tôi, không thể chứa nhãn dán hoạt động. Vì vậy một mẫu tương tác tốt có một vùng trống được lên kế hoạch, thường ở một phần ba giữa, nơi nhãn dán sẽ nằm, và một tiêu đề phía trên cho mọi người biết cần làm gì: "Hỏi tôi bất cứ điều gì về bánh mì men chua", "Lần tới chúng ta nên làm món nào?"

Các mẫu Story của chúng tôi có những thiết kế xây quanh điều này, như nền câu hỏi và bình chọn, đồng hồ đếm ngược, Story liên kết trong tiểu sử và lịch hàng tuần. Khi tự thiết kế, hãy đặt một hình chữ nhật tạm ở chỗ nhãn dán sẽ nằm trong lúc làm, để không có gì quan trọng nằm dưới nó.

Một bộ nhất quán mà không lặp lại nhàm chán

Sự nhất quán đến từ vài quyết định cố định; sự đa dạng đến từ mọi thứ còn lại. Hãy quyết định phần cố định một lần và ghi lại:

1. Hai hoặc ba màu cộng một màu trung tính. Nhiều hơn thế thì một bộ không còn trông như một bộ.
2. Tối đa hai phông chữ: một cho tiêu đề, một cho chữ nội dung. Các trình chỉnh sửa mẫu của chúng tôi có sẵn 14 cặp phông chữ, nên bạn không phải tự thử các tổ hợp.
3. Một vị trí cho các yếu tố lặp lại. Logo, tên người dùng hoặc tên loạt bài luôn ở cùng một góc, cùng kích thước.
4. Ít bố cục. Ba đến năm bố cục, ví dụ câu trích dẫn, mẹo, thông báo, câu hỏi và sản phẩm, bao quát hầu hết các tuần.

Trong khuôn khổ đó, hãy đổi ảnh, màu chính của nền và chữ. Người theo dõi nhận ra loạt bài và vẫn thấy điều mới mỗi lần.

Hãy mở rộng cùng hệ thống đó sang phần còn lại của trang cá nhân. Ảnh bìa carousel, các trang bên trong và trang cuối từ mẫu bài viết của chúng tôi có thể dùng chung bảng màu với Story, và ảnh bìa Tin nổi bật làm bằng công cụ tạo ảnh bìa Tin nổi bật cùng màu gắn kết những Story bạn giữ lại với trang cá nhân. Bài viết của chúng tôi về thiết kế ảnh bìa Tin nổi bật cho thấy cách lên kế hoạch cho bộ đó.

Danh sách kiểm tra trước khi đăng

• Mở hình đã xuất trên điện thoại, toàn màn hình, ở độ sáng bình thường, và đọc nó trong chưa đến ba giây.
• Không có gì quan trọng trong 250 pixel trên hoặc 320 pixel dưới của Story, hoặc gần mép của bài viết.
• Chữ nội dung cao ít nhất khoảng 44 pixel, có ô hoặc vùng tối phía sau khi nằm trên ảnh.
• Một thông điệp mỗi Story; chi tiết trong caption, một nhãn dán hoặc trang tiếp theo.
• Chính tả, ngày, giá và tên người dùng được kiểm tra hai lần, vì Story đã đăng không sửa được.
• Với bài viết trên feed: viết văn bản thay thế. Chữ bên trong hình không được trình đọc màn hình đọc, và Instagram cho phép bạn thay văn bản thay thế tự động của ảnh trước hoặc sau khi đăng (Trung tâm trợ giúp Instagram (mở trong thẻ mới), kiểm tra tháng 11/2026).

Nếu ảnh bạn muốn dùng có hình dạng không phù hợp, hãy đặt nó vừa khung với viền hoặc nền làm mờ thay vì cắt bỏ chủ thể; hướng dẫn đăng ảnh đầy đủ không bị cắt của chúng tôi chỉ ba cách. Mọi thiết kế Story và bài viết chúng tôi cung cấp cũng nằm chung một chỗ trong thư viện mẫu.

Câu hỏi về thiết kế mẫu