Cách tạo Mẫu chính cho Bản trình bày trong Figma

Nếu bạn đang tạo một bản trình bày cách điệu, nhưng không muốn sử dụng các mẫu đã sử dụng quá nhiều từ PowerPoint, Google Trang trình bày hoặc Canva, bạn có thể tạo các mẫu chính của riêng mình cho các thiết kế bản trình bày trong tương lai.

Đây là một lựa chọn tuyệt vời cho những ai muốn thiết kế bản trình bày theo chủ đề hoặc những người cần làm theo hướng dẫn về phong cách có thương hiệu. Hãy tiếp tục đọc để tìm hiểu cách sử dụng Figma để tạo các mẫu chính cho bản trình bày của bạn.

1. Cách thiết lập một tài liệu Figma cho các bài thuyết trình

Đăng ký tài khoản miễn phí tại Figma.com, hoặc nếu bạn đã có tài khoản, hãy đăng nhập. Bạn có thể sử dụng Figma trực tiếp trong trình duyệt của mình hoặc bạn có thể tải xuống ứng dụng dành cho máy tính để bàn.

Mở một Tệp thiết kế mớisau đó nhấn vào Không có tiêu đề ở trên cùng để đổi tên tệp của bạn, chẳng hạn như “Mẫu bản trình bày chính”. Ở bên trái, hãy nhấp vào Trang 1sau đó dấu cộng để thêm một trang mới. Đổi tên trang mới thành “Mẫu”. Điều này cho phép bạn giữ các trang trình bày chính của mình tách biệt với các trang trình bày thiết kế của bạn sau này.

Để tạo khung — tên của Figma cho artboard hoặc canvas — hãy sử dụng Công cụ khung (F), sau đó nhấp vào bất kỳ đâu để mở khung. Trong cài đặt bên phải, thay đổi W và H thuộc tính kích thước bản trình bày phù hợp; chúng tôi đang sử dụng 1920 x 1080, là kích thước màn hình tiêu chuẩn. Đây sẽ là mẫu chính đầu tiên của bạn.

Bấm đúp vào tiêu đề màu xanh lam ở trên cùng của khung để đổi tên nó. Hãy suy nghĩ về bố cục trang mà bạn đang lập kế hoạch và đặt tên cho phù hợp — ví dụ: “Hai cột ở đầu tiêu đề” hoặc “Hình ảnh bên phải tiêu đề trên cùng” sẽ hữu ích.

2. Thiết kế bố cục bản trình bày

Để trợ giúp thiết kế bố cục, bạn có thể sử dụng lưới bố cục. Để bật tính năng này, hãy chọn khung của bạn, sau đó trên thanh công cụ bên phải, hãy nhấp vào dấu cộng bên cạnh Lưới bố cục. Thao tác này sẽ mở ra một lưới mờ màu đỏ trên đầu thiết kế của bạn.

Để tạo các cột — dễ thiết kế hơn — hãy nhấp vào biểu tượng lưới chấm vuông trong Lưới bố cục, sau đó nhấn vào Lưới điện trong menu thả xuống và chọn Cột. Đặt số đếm thành 12, đây là số điển hình cho thiết kế màn hình. Lưới không lưu vào thiết kế cuối cùng của bạn. Bạn có thể tạm thời bật hoặc tắt nó bằng cách sử dụng biểu tượng mắt hoặc xóa vĩnh viễn nó bằng cách nhấp vào biểu tượng dấu trừ cạnh mắt.

Cho dù bạn có sử dụng lưới bố cục hay không, bạn có thể bắt đầu thêm các thành phần giữ chỗ cơ bản vào bố cục trang chiếu đầu tiên của mình. Nhìn chung, bố cục của các trang trình bày của bạn là tùy thuộc vào bạn.

3. Tạo bố cục văn bản hai cột

Hãy bắt đầu với việc thiết kế một tiêu đề trên cùng với một slide văn bản nội dung hai cột. Để thêm trình giữ chỗ tiêu đề của bạn, hãy sử dụng Công cụ văn bản (T) và nhập “Trình giữ chỗ tiêu đề”. Kích thước văn bản mặc định trong Figma khá nhỏ, vì vậy với trình giữ chỗ của bạn đã nhập, hãy đánh dấu nó và sử dụng cài đặt bên phải để tăng kích thước và chọn phông chữ — tải xuống phông chữ nếu cần. Bạn cũng có thể đặt kerning và các thuộc tính khác.

Để phù hợp với chiều rộng của trang chiếu, hãy tăng chiều rộng của hộp văn bản tiêu đề bằng cách nhấp và kéo góc sang bên phải. Để lại một lề ở mỗi bên. Điều này có nghĩa là hộp văn bản sẽ chứa các độ dài tiêu đề khác nhau trong các bản trình bày trong tương lai.

Để thêm vùng văn bản nội dung hai cột, hãy sử dụng Công cụ văn bản (T) và kéo hộp văn bản theo lưới bố cục của bạn, để lại đủ chỗ cho cột thứ hai có cùng kích thước bên cạnh.

Với hộp văn bản của bạn tại chỗ, hãy chọn một phông chữ và kích thước phù hợp. Chọn hộp văn bản và sao chép nó bằng cách giữ Option (Mac) hoặc Alt (Windows) trong khi kéo hộp. Điều này tạo ra một bố cục hai cột; tuy nhiên, bạn có thể sử dụng hệ thống này để thiết kế các loại bố cục khác.

4. Thêm màu nền hoặc hình ảnh

Bạn có thể đặt màu nền bằng cách chọn khung và đi tới Lấp đầy trên menu bên phải để chọn màu. Nhưng nếu bạn muốn sử dụng một hình ảnh hoặc một tập hợp hình ảnh làm nền, bạn có thể. Chỉ cần kéo hình nền của bạn từ một thư mục vào khung của bạn. Bạn có thể thay đổi kích thước nó ngay lập tức bằng cách kéo các góc để vừa với khung của bạn.

Nếu sử dụng hình ảnh làm nền, hãy đảm bảo bạn sắp xếp hình ảnh ở phía sau hoặc cuối các lớp cho mỗi trang chiếu bằng cách nhấp chuột phải và chọn Gửi lạihoặc bằng cách kéo nó xuống dưới cùng trên bảng lớp bên trái.

Để chỉnh sửa thêm hình ảnh, dưới Lấp đầynhấp chuột Hình ảnh trong trình đơn thả xuống. Bạn sẽ có thể thay đổi chế độ hòa trộn, hệ số cắt và các khía cạnh khác. Để thay đổi độ mờ, hãy thay đổi tỷ lệ phần trăm bên cạnh menu thả xuống.

Đối với một hình ảnh riêng lẻ không phải là hình nền, hãy sử dụng Công cụ khung (F) để vẽ khung ở vị trí bạn muốn hình ảnh nằm và kéo tệp từ máy tính của bạn vào khung. Sau đó, bạn có thể sử dụng các cài đặt tương tự như trước đây.

5. Cách tạo kiểu văn bản trong Figma

Khi tạo một mẫu chính, các kiểu văn bản phải nhất quán trong tất cả các trang chiếu. Điều này có thể được thực hiện thủ công bằng cách đặt từng thành phần văn bản giống nhau, nhưng nếu bạn có nhiều trang trình bày, việc này có thể khá tẻ nhạt. Tin tốt? Bạn có thể tự động hóa các kiểu văn bản của mình trong Figma.

Với văn bản đã chọn được chọn — ví dụ: phụ đề theo kiểu, phông chữ và kích thước ưa thích — hãy nhấp vào hình vuông bốn chấm bên cạnh Văn bản trong menu bên phải. Nhấn vào dấu cộng để thiết lập một phong cách mới.

Trong cửa sổ bật lên, đặt tên cho kiểu — ví dụ: “Tiêu đề trang trình bày hoặc Văn bản nội dung”. Khi thiết kế các trang trình bày khác trong mẫu này, bạn có thể chọn kiểu được liệt kê trong menu văn bản bằng cách chọn văn bản và chọn kiểu. Để hủy liên kết kiểu và ghi đè tính năng, hãy nhấp vào biểu tượng liên kết bị hỏng xuất hiện khi di chuột qua tiêu đề kiểu văn bản.

Nó hoạt động tương tự đối với màu sắc. Chọn thứ gì đó với màu sắc bạn muốn, sau đó nhấp vào nút menu Figma và Thao tác nhanh. Gõ “Chọn tất cả với cùng một màu tô” và nó sẽ chọn mọi thứ có cùng màu. Sau đó, bạn có thể đặt nó làm kiểu màu trong Lấp đầy menu giống như cách tạo kiểu văn bản. Điều này hoạt động tốt đối với màu nền bằng cách chỉ cần chọn khung và chọn màu của bạn.

Nếu bạn chưa làm theo hướng dẫn kiểu, có nhiều cách để tạo bảng màu.

6. Tạo các thành phần

Để có thể sử dụng các mẫu của bạn sau này, chúng cần phải là các thành phần, vì vậy chúng liên kết với nhau. Để biến khung thành một thành phần, hãy chọn khung hiện tại và nhấp vào Cmd + Lựa chọn + K (Mac) hoặc Điều khiển + Alt + K (Các cửa sổ).

Tiêu đề của khung sẽ chuyển từ màu xanh lam sang màu tím với biểu tượng kim cương để cho thấy rằng nó bây giờ là một thành phần. Sau đó, để nhân đôi khung, hãy nhấp vào Cmd + D (Mac) hoặc Điều khiển + D (Windows) một lần và kéo khung mới sang bên phải khung đầu tiên.

Tách thành phần của bản sao khỏi bản gốc bằng cách nhấp chuột phải vào tiêu đề của khung mới và chọn Tách phiên bản. Đổi tên trang chiếu mới với tiêu đề thích hợp cho bố cục của nó. Thêm thiết kế mới vào trang chiếu và sau đó tạo thành phần của riêng nó bằng cách nhấp vào Cmd + Lựa chọn + K (Mac) hoặc Điều khiển + Alt + K (Các cửa sổ). Quá trình này cần được thực hiện mỗi khi bạn tạo một trang chiếu mới.

Khi thiết kế bố cục cho mỗi trang chiếu mới, hãy sử dụng văn bản và kiểu màu tạo sẵn của bạn để tiết kiệm thời gian. Hoàn thành quá trình này với bao nhiêu trang trình bày cơ sở mà bạn yêu cầu, đảm bảo tất cả chúng đều có tiêu đề với tên mô tả.

7. Cách sử dụng các trang trình bày chính của bạn

Để sử dụng các trang trình bày cho các thiết kế trong tương lai của bạn, hãy chọn Trang 1 bên trong Các trang menu — với tiêu đề của mẫu của bạn — và tạo một khung có kích thước bản trình bày mới. Sau đó, ở bên trái, hãy nhấp vào Nội dung> Thành phần cục bộ nơi các trang trình bày mẫu của bạn nên ở. Kéo các trang trình bày mẫu vào khung mới của bạn và căn giữa nó. Chỉnh sửa chỗ dành sẵn cho nội dung của bạn.

Thực hiện theo quy trình tương tự cho đến khi bản trình bày của bạn hoàn tất.

Tiết kiệm thời gian bằng cách tạo các mẫu chính của riêng bạn trong Figma

Bạn có thể cung cấp mẫu chính của mình cho đồng đội hoặc đồng nghiệp, giữ nó để sử dụng cho mục đích cá nhân của bạn hoặc thậm chí bán chúng dưới dạng gói thiết kế. Mặc dù ban đầu có vẻ khó khăn khi tạo một mẫu trang trình bày, nhưng nó sẽ hỗ trợ năng suất khi bạn thực hiện các bản trình bày trong tương lai trong Figma, cuối cùng là tiết kiệm thời gian.

Đọc tiếp

Giới thiệu về tác giả