MARKETING × TECHNOLOGY
Nhận tư vấn →
ONMATE / THIẾT KẾ SOCIAL MEDIA

Thiết kế Social Media

Hình ảnh social đồng bộ, nhìn là nhận ra thương hiệu.

Mỗi bài một kiểu khiến Trang nhìn rời rạc và người làm mất thời gian. ONMATE chốt bộ nhận diện tối thiểu, chọn khung hình theo từng vị trí, làm bộ mẫu để dùng lại và kiểm tra từng thiết kế trước khi giao.

HÀNH TRÌNH THIẾT KẾ SOCIAL MEDIA

Hình trông nhất quán khi có bộ nhận diện, khung đúng chỗ, chữ gọn và bộ mẫu có người phụ trách.

Sáu chặng từ bộ nhận diện đến cả lưới hình. Chọn một chặng để xem việc ở đó.

CHẶNG 01

Chốt bộ nhận diện

Hai màu chính, một màu nhấn, một cặp chữ, logo khóa góc và một dòng về ảnh. Ít mà cố định.

Sáu chặng quay quanh một điểm. Chọn một chặng để đọc chi tiết.

SOCIAL DESIGN
SÁU PHẦN VIỆC

Chọn một phần việc để xem
toàn bộ cách làm.

Mỗi phần việc có màn hình làm việc, đầu vào và cách đo riêng.

Chạm vào một thẻ để đổi nội dung bên dưới.

Đang xemBộ nhận diện tối thiểu
Nội dung của thẻ Bộ nhận diện tối thiểuChọn thẻ khác
BỘ NHẬN DIỆN

Bộ nhận diện tối thiểu — Hai màu chính, một màu nhấn, một cặp chữ, logo khóa góc, một dòng về ảnh.

Hợp khi mỗi bài một màu và một kiểu chữ, hoặc người mới vào nhóm làm hình không giống các hình cũ.

Tài liệu tham khảo:Meta: Trung tâm trợ giúp doanh nghiệp ↗Instagram: Trung tâm trợ giúp ↗

01
TRÔNG NHƯ THẾ NÀO

Bộ nhận diện trông thế nào.

Ba màn hình: bảng bộ nhận diện, màn hình thiết kế có khóa logo và trang quy tắc.

Bảng nhận diện

Một bảng gồm màu, chữ, logo và một dòng về phong cách ảnh. Cả nhóm mở bảng này trước khi làm hình mới.

Đọc tiếp

Một bảng, bốn khung.

MÔ PHỎNG · SỐ MẪU
board.example/b/nhathom-nhan-dien
Bộ nhận diện tối thiểu – Nhà Thơm (mẫu)

TệpChỉnh sửaXemChèn

Chia sẻ
Màu
Nâu cacaoKemĐỏ gạchTrắng
Chữ

Nến thơm làm tayChữ tiêu đề: có chân, đậm

Sáp đậu nành, đổ tay từng mẻ.Chữ nội dung: không chân

Logo
NNhà Thơm (mẫu)Góc dưới phải, chừa viền quanh logo
Phong cách ảnh
Nền gỗ, ánh sáng ấm, nến ở giữa
  1. Hai màu chính cho nền và chữ, một màu nhấn cho nút và điểm cần nổi. Không thêm màu mới theo từng bài.
  2. Một cặp chữ: tiêu đề và nội dung. Gõ thử đủ dấu tiếng Việt trước khi chốt cặp chữ.
  3. Phong cách ảnh ghi bằng một dòng: nền gỗ, ánh sáng ấm, nến ở giữa. Ảnh mới chụp theo dòng này.

Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.

Tài liệu tham khảo:Meta: Trung tâm trợ giúp doanh nghiệp ↗Instagram: Trung tâm trợ giúp ↗

02
LÀM NHƯ THẾ NÀO

Năm bước chốt bộ nhận diện.

Nhìn các hình đã đăng, chọn ít thôi, ghi lại, rồi khóa trong mẫu.

  1. 01Bạn Mai xếp mười bốn hình Fanpage đã đăng cạnh nhau và ghi màu, chữ nào xuất hiện nhiều nhất.
  2. 02Chọn hai màu chính và một màu nhấn từ các hình đó. Không thêm màu chỉ vì một bài.
  3. 03Chọn một cặp chữ: tiêu đề và nội dung. Gõ thử đủ dấu tiếng Việt để chắc không lỗi dấu.
  4. 04Anh Long gửi tệp logo gốc. Đặt logo ở một góc cố định, chừa viền, rồi khóa trong mẫu.
  5. 05Viết một dòng về phong cách ảnh, rồi gửi chị Hạnh duyệt cả bộ trước khi dùng cho hình mới.
Bạn đưa vào
  • Hình đã đăng
  • Tệp logo gốc
  • Cặp chữ
  • Người duyệt
Bộ nhận diệnONMATE cùng doanh nghiệp
Bạn nhận lại
  • Một bảng ghi màu, chữ, logo và phong cách ảnh, đã được chị Hạnh duyệt và khóa trong mẫu.

Tài liệu tham khảo:Meta Blueprint: đào tạo trực tuyến ↗

03
CẦN CHUẨN BỊ GÌ

Cần chuẩn bị gì để chốt bộ nhận diện.

Cần hình đã đăng, tệp logo gốc và một người phụ trách bộ nhận diện.

NGUYÊN TẮC

Ít nhưng cố định. Thứ gì chưa ghi vào bảng thì chưa dùng cho hình mới, và mọi thay đổi phải có người duyệt.

BỘ NHẬN DIỆN · MẪU
docs.google.com/spreadsheets
nhathom-bo-nhan-dienTệp Chỉnh sửa Xem Chèn Định dạng Dữ liệu
ABCDEF
1MụcGiá trịDùng choNgười giữNgày ràTrạng thái
2Màu chính 1Nâu cacao #5B3416Chữ, tiêu đềBạn Mai05/10Đã chốt
3Màu chính 2Kem #F8E7C8Nền hìnhBạn Mai05/10Đã chốt
4Màu nhấnĐỏ gạch #C4584FNút, điểm cần nổiBạn Mai05/10Chờ duyệt
5Cặp chữTiêu đề có chân, nội dung không chânMọi hìnhBạn Mai28/09Đã chốt
6LogoChữ N trong vòng trònGóc dưới phảiAnh Long28/09Cần rà
Bộ nhận diệnGhi chú
  1. Màu nhấn đang Chờ duyệt. Chị Hạnh ghi Đã duyệt thì mới dùng cho nút và điểm cần nổi.
  2. Cặp chữ ghi bằng kiểu chữ, không chỉ ghi tên tệp. Ai mở bảng cũng biết kiểu nào là tiêu đề.
  3. Logo Cần rà vì bản trên bìa Trang lệch góc. Anh Long gửi lại tệp gốc trước thứ Hai.

Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.

Màu

Hai chính, một nhấn

Chữ

Một cặp

Logo

Góc cố định

Ảnh

Một dòng phong cách
Bộ tài nguyên4 mục
  • HìnhHình đã đăngLấy từ Meta Business Suite.
  • LogoTệp logo gốcAnh Long gửi tệp gốc.
  • ChữTên cặp chữBạn Mai ghi tên kiểu chữ.
  • NgườiNgười phụ trách bộBạn Mai giữ, chị Hạnh duyệt.
Xem đủ thông số và ghi chú
Nguồn
Meta: Trung tâm trợ giúp doanh nghiệp Nơi Meta ghi cách đổi ảnh bìa, ảnh đại diện và thông tin Trang. Mở trang này để xem đúng tên mục hiện nay.
Nguồn
Instagram: Trung tâm trợ giúp Hướng dẫn về hồ sơ và ảnh đại diện trên Instagram. Kích thước và cách cắt do trang này nêu.
Pháp lý
Nhãn hiệu và logo Không phải tư vấn pháp lý. Nếu muốn đăng ký hoặc kiểm tra quyền dùng logo, hỏi người có chuyên môn.

Tài liệu tham khảo:Meta: Trung tâm trợ giúp doanh nghiệp ↗Instagram: Trung tâm trợ giúp ↗

04
ĐO ĐIỀU GÌ

Đọc bảng bộ nhận diện.

Đếm hình đúng bộ màu, hình có logo đúng góc và hình dùng đúng cặp chữ trong 28 ngày.

CẦN ĐO

Bảng đủ chỉ nói hình nhất quán, chưa nói khách thấy hay nhớ.

ĐỌC NHẬN DIỆN · MẪU
docs.google.com/document/d/1AbC…/edit
Đọc bảng bộ nhận diện – Nhà Thơm (mẫu)

TệpChỉnh sửaXemChènĐịnh dạngCông cụ

Chia sẻ
100%Văn bản thườngArial11BI

Đọc bảng bộ nhận diện

14 hình Fanpage trong 28 ngày đến 05/10 · ví dụ giả định

  1. Hai hình dùng màu ngoài bộ. Ghi lại hai hình đó và làm hình sau theo bộ màu.
  2. Một hình đặt logo lệch góc. Sửa mẫu để logo khóa cứng, các hình sau sẽ không lệch nữa.
  3. Cả mười bốn hình đúng cặp chữ. Dòng này đủ, giữ nguyên và không cần làm thêm.

Giao diện và số liệu minh họa cho thương hiệu giả định Nhà Thơm; không phải kết quả của khách hàng.

Cách đọc số · số mẫu
Chỉ sốCho biếtCần xem lại khi
Hình đúng bộ màuMọi hình trong bảngMàu ngoài bộ
Hình có logo đúng gócCùng góc, cùng viềnLogo lệch, bị cắt
Hình đúng cặp chữMọi hình trong bảngThêm kiểu chữ lạ
Nhận ra cùng một TrangXếp cạnh nhau vẫn giốngGiống Trang khác
CÁCH ĐỌC

Hình đúng bộ màu 12 trên 14, logo đúng góc 13 trên 14, đúng cặp chữ 14 trên 14.

Đọc tiếp

Sửa mẫu logo, làm lại hai hình lệch màu.

LƯU Ý

Bảng chỉ nói hình có nhất quán hay không, không nói khách có nhớ, theo dõi hay mua sau khi xem.

Tài liệu tham khảo:Meta Business Suite: quản lý Facebook và Instagram ↗

05
CÁCH TRIỂN KHAI

Cách xử lý các tình huống thường gặp.

Số trong bảng là số mẫu để minh họa cách đọc, không phải kết quả dự kiến.

01

Mỗi bài một màu một kiểu chữ

Bắt đầu từ mười bốn hình đã đăng.

  1. Xếp các hình cạnh nhau
  2. Ghi màu và chữ xuất hiện nhiều
  3. Chọn hai màu, một cặp chữ
  4. Chị Hạnh duyệt bộ mới
02

Người mới làm hình không giống cũ

Bắt đầu từ trang quy tắc.

  1. Đưa trang quy tắc cho người mới
  2. Mở mẫu đã khóa logo
  3. Cho làm một hình thử
  4. Bạn Mai đối chiếu với bộ
03

Logo bị kéo giãn hoặc đổi màu

Bắt đầu từ tệp logo gốc.

  1. Xin anh Long tệp gốc
  2. Đặt logo vào mẫu và khóa
  3. Thay logo cũ trong mọi mẫu
  4. Ghi quy tắc chừa viền
DẤU HIỆU
Hai hình dùng màu ngoài bộ
Chỉ sốGiá trị
Hiện tượngHai hình lệch bộ màu
Nguyên nhânDùng mẫu cũ chưa gỡ
Việc cần làmChuyển mẫu cũ sang thư mục cũ
KIỂM TRA

Bảng ghi 12 trên 14 hình đúng bộ màu.

Đọc tiếp

Hai hình dùng màu xanh vì mẫu cũ vẫn còn trong thư mục.

DẤU HIỆU
Logo bị cắt ở một hình
Chỉ sốGiá trị
Hiện tượngLogo bị cắt mép
Nguyên nhânKhông chừa viền quanh logo
Việc cần làmSửa mẫu để logo luôn cách mép
KIỂM TRA

Một hình đặt logo lệch góc, nằm sát mép nên bị cắt khi xem ở khung khác.

DẤU HIỆU
Hai người dùng hai bản bộ màu
Chỉ sốGiá trị
Hiện tượngHình hai người lệch tông
Nguyên nhânCó hai bản bộ nhận diện
Việc cần làmGiữ một bản và ghi ngày rà
KIỂM TRA

Bạn Mai và anh Long mở hai tệp bộ màu khác ngày.

Đọc tiếp

Hình của hai người lệch tông.

Tài liệu tham khảo:Meta Blueprint: đào tạo trực tuyến ↗

06
TRƯỚC KHI BẮT ĐẦU

Danh sách kiểm tra.

Đánh dấu từng mục để xem mức sẵn sàng. Trạng thái chỉ lưu trên trình duyệt của bạn.

0%SẴN SÀNG

Tài liệu tham khảo:Meta Blueprint: đào tạo trực tuyến ↗

NHỚ NHANH

Sáu phần việc, từ bộ nhận diện đến cả lưới hình.

Chọn một ô để quay lại đúng phần nội dung ở trên.

01
NĂM BƯỚC TRIỂN KHAI

ONMATE làm gì, và doanh nghiệp nhận lại được gì.

Mỗi bước kết thúc bằng một thứ xem được. Bấm một bước để xem việc làm và thứ được bàn giao.

BƯỚC 01

Rà kênh và khách

Kênh hiện có, khách đang ở đâu, bài đã đăng gần đây.

Bàn giaoBáo cáo hiện trạng

Tài liệu tham khảo:Meta: Trung tâm trợ giúp doanh nghiệp ↗Instagram cho doanh nghiệp: bắt đầu ↗Instagram: Trung tâm trợ giúp ↗

02
CÂU HỎI THƯỜNG GẶP

Những câu hay được hỏi trước khi bắt đầu.

Chọn một chủ đề. Câu trả lời nói rõ cả điều làm được lẫn điều không ai bảo đảm được.

Kích thước ảnh chuẩn là bao nhiêu?

Kích thước thay đổi theo nền tảng và theo thời gian. ONMATE làm theo hướng dẫn hiện hành của Meta, Instagram; trang này không nêu số cố định.

Tôi có chỉnh sửa được thiết kế không?

Có. ONMATE giao bộ mẫu ở định dạng mở được để người của bạn tự đổi chữ và ảnh.

Dùng ảnh mạng có được không?

Chỉ dùng ảnh có quyền sử dụng. ONMATE ưu tiên ảnh của chính doanh nghiệp và ghi nguồn khi dùng ảnh ngoài.

Tài liệu tham khảo:Meta: Trung tâm trợ giúp doanh nghiệp ↗Instagram cho doanh nghiệp: bắt đầu ↗Meta: Tiêu chuẩn cộng đồng ↗

03
BẮT ĐẦU

Kể điều bạn cần, bắt đầu từ đây.

Chỉ cần họ tên và số điện thoại. Các mục còn lại bỏ trống cũng được.

Dịch vụ quan tâm
Ngân sách tùy chọn

Bắt buộc: họ tên và số điện thoại. Các mục còn lại bỏ trống cũng được.

Hoặc nhắn trực tiếpFanpageMessengerZalo