Hướng dẫn thực hành tốt nhất về Mẫu thương hiệu

Mẫu hoạt động tốt nhất khi chúng dễ chỉnh sửa, có thể dự đoán và phù hợp với nhu cầu thực tế của nhóm.

Bằng cách lên kế hoạch trước và thiết lập các yếu tố một cách có chủ ý, bạn có thể tạo các mẫu mà bất kỳ ai cũng có thể cập nhật mà không phá vỡ bố cục hoặc ảnh hưởng đến phong cách thương hiệu.

Hướng dẫn này cho thấy các bước thiết kế cần thiết mà các nhà thiết kế sử dụng để tạo các mẫu hoạt động trong toàn tổ chức của bạn.

Một mẫu mạnh mẽ bắt đầu với các khối xây dựng phù hợp. Chọn các yếu tố và cấu trúc giúp việc cập nhật trở nên đơn giản cho bất kỳ ai sử dụng mẫu.

Chọn các thành phần mà đồng đội có thể tô màu lại hoặc thay thế mà không làm thay đổi bố cục của bạn.

Sử dụng SVG cho các biểu tượng và hình minh họa. Chúng có tỷ lệ rõ ràng và có thể được tô màu lại bằng cách sử dụng màu sắc của Bộ thương hiệu.

Tải lên SVG

1. Vào mục Tải lên, sau đó chọn Tải tệp lên.
2. Chọn tệp SVG để có chất lượng tốt nhất.

Khung hình giữ cho hình ảnh có kích thước và vị trí chính xác. Điều này cho phép đồng đội thay thế hình ảnh mà không cần điều chỉnh hình cắt hoặc kích thước.

Sử dụng Khung khi một hình ảnh cần lấp đầy một không gian cố định.

Màu sắccủa Bộ thương hiệu giúp các mẫu luôn nhất quán và giảm nhu cầu cập nhật thủ công sau này.

Điều này giúp mẫu của bạn luôn nhất quán với thương hiệu trong mỗi lần cập nhật.

Mẫu của bạn sẽ giữ nguyên khi ai đó thêm văn bản dài hơn, nhãn ngắn hơn hoặc nội dung mới. Cấu trúc văn bản của bạn một cách chính xác giúp giữ khoảng cách ổn định và ngăn không cho bố cục dịch chuyển.

Reflow kiểm soát cách văn bản di chuyển khi các dòng được thêm hoặc xóa. Một thiết lập tốt sẽ ngăn văn bản chồng lên các thành phần khác.

• Giữ các hộp văn bản đủ rộng cho các dòng dài hơn.
• Để khoảng trống giữa các hộp văn bản để chúng có thể mở rộng khi cần thiết.
• Khớp chiều rộng hộp văn bản bằng Cmd hoặc Ctrl + Shift + J trước khi nhóm.

Phân nhóm đảm bảo các yếu tố liên quan hoạt động như một đơn vị duy nhất trong quá trình thay đổi bố cục.

Nhóm các mục như:

• Tiêu đề và tiêu đề phụ
• Biểu tượng và nhãn văn bản của chúng
• Các yếu tố trang trí tạo thành một khối duy nhất

Tránh tạo nhóm:

• Các yếu tố cần tự di chuyển
• Các phần không liên quan trong bố cục của bạn

Neo kiểm soát nơi văn bản mở rộng từ khi ai đó chỉnh sửa nó. Việc kết hợp các neo trên văn bản được nhóm lại giúp bố cục luôn nhất quán.

Neo tốt trông như thế nào:

• Tiêu đề mở rộng xuống dưới
• Tiêu đề ở giữa luôn ở giữa
• Nội dung phát triển theo một hướng

Khi bố cục của bạn được cấu trúc, hãy khóa các thành phần xác định bản sắc trực quan của mẫu.

Khóa các vật dụng phải ở đúng vị trí bạn đã đặt:

• Logo
• Hình nền hoặc hình ảnh
• Đường hoặc biểu tượng trang trí
• Các khối bố cục xác định khoảng cách hoặc cấu trúc

Khóa vị trí giữ cho các thành phần có thể chỉnh sửa nhưng ngăn không cho chúng vô tình bị di chuyển. Điều này hữu ích đối với:

• Khung ảnh
• Nút
• Các khối nội dung có thể tái sử dụng như bios hoặc số liệu thống kê

Khóa đảm bảo mẫu của bạn vẫn nguyên vẹn, ngay cả khi có nhiều thành viên trong nhóm sử dụng.

Các hiệu ứng như lớp phủ và độ trong suốt có thể cải thiện thiết kế của bạn, nhưng các hiệu ứng quá phức tạp có thể khiến việc thay thế hình ảnh trở nên khó khăn hơn.

Nếu bạn đang sử dụng lớp phủ hoặc kết cấu:

• Áp dụng độ trong suốt cho lớp phủ, không phải hình ảnh
• Giữ hình ảnh phía trên lớp phủ để dễ thay thế
• Tránh các hỗn hợp cần định vị lại thủ công

Hiệu ứng đơn giản giúp mẫu của bạn linh hoạt và dễ bảo trì.

• Đảm bảo có khoảng trống giữa các hộp văn bản
• Để khoảng trống xung quanh văn bản bên trong các hình dạng
• Xác nhận tất cả văn bản được nhóm sử dụng cùng một cài đặt neo

• Xếp lớp hình ảnh phía trên hình dạng mờ
• Áp dụng độ trong suốt cho hình ảnh thay vì hình dạng

Điều này giúp thay thế dễ dàng với tính năng kéo-thả.