Tự thiết kế mẫu hóa đơn: Hướng dẫn thực tế cho trình chỉnh sửa trực quan

Bởi đội ngũ InvoiceFlow — đăng ngày 16 tháng 6 năm 2026 — 9 phút đọc

InvoiceFlow đi kèm 12 mẫu PDF có sẵn — sạch sẽ, chuyên nghiệp, đậm nét, thanh lịch, gọn gàng, hiện đại, cổ điển, sáng tạo, tối giản, dành cho nhà thầu, kẻ sọc và trả góp. Với hầu hết mọi người, đến đây là hết chuyện. Bạn chọn mẫu phù hợp với ngành nghề của mình, gắn logo vào và thế là xong. Các mẫu này đã được dựng lại để hiển thị chính xác trong mọi hệ chữ viết mà ứng dụng hỗ trợ, nên một hóa đơn bằng tiếng Nga, tiếng Ả Rập hay tiếng Trung trông cũng chỉn chu như hóa đơn tiếng Anh.

Nhưng "hầu hết mọi người" không phải là tất cả. Một số doanh nghiệp có hệ thống nhận diện thương hiệu mà mẫu có sẵn không thể diễn đạt trọn vẹn. Một số cần một khối thông tin cụ thể đặt ở một vị trí cụ thể — một dòng theo quy định pháp lý, một mã tham chiếu dự án, một bố cục hướng dẫn thanh toán đúng như khách hàng của họ vốn mong đợi. Đó chính là lúc cần đến trình chỉnh sửa mẫu tùy chỉnh trực quan. Đây là hướng dẫn thực tế để sử dụng nó hiệu quả: khi nào nên dùng, cách soạn một mẫu từ các khối dựng cơ bản, và những nguyên tắc thiết kế phân biệt một hóa đơn được đọc với một hóa đơn bị bỏ qua.

Trước tiên, hãy thành thật: bạn có thực sự cần mẫu tùy chỉnh không?

Trình chỉnh sửa trực quan rất mạnh mẽ, và sự mạnh mẽ dễ dẫn đến lạm dụng. Trước khi mở nó ra, hãy thử cách đơn giản hơn. Chín trên mười trường hợp, một mẫu có sẵn cộng với thương hiệu tốt đã đưa bạn đi được 95% chặng đường.

Hãy chọn mẫu có sẵn khi:

Hãy xây dựng mẫu tùy chỉnh khi:

Nếu bạn thuộc nhóm thứ hai, hãy đọc tiếp. Nếu bạn thuộc nhóm thứ nhất, chỉ riêng thương hiệu có thể là đủ — và chúng tôi cũng sẽ đề cập đến điều đó, vì nó cộng hưởng với bất kỳ mẫu nào bạn chọn.

Cách trình chỉnh sửa tư duy: các phần theo lưới ô

Trình chỉnh sửa mẫu tùy chỉnh được xây dựng quanh một lưới ô. Thay vì một khung trắng nơi bạn phải vật lộn với việc định vị tuyệt đối, hóa đơn được chia thành các phần, và mỗi phần là một ô để bạn điền vào. Bên trong, bố cục được lưu dưới dạng JSON — một mô tả có cấu trúc về việc phần nào xuất hiện, theo thứ tự nào và được tạo kiểu ra sao — nhưng bạn không bao giờ phải đụng đến JSON trực tiếp. Bạn soạn một cách trực quan; chính cấu trúc là thứ làm cho kết quả có thể đoán trước được trên những hóa đơn có độ dài khác nhau.

Khả năng đoán trước đó chính là điểm mấu chốt. Một khung kéo-thả chính xác đến từng điểm ảnh trông có vẻ tự do cho đến khi bạn tạo một hóa đơn thật với tên khách hàng dài, một mục hàng xuống ba dòng và một con số tổng lên đến hàng chục nghìn. Lúc đó, bố cục tự do sẽ sụp đổ. Một lưới ô giữ được hình dạng vì mỗi phần biết cách giãn ra và sắp xếp lại.

Các phần bạn dùng để soạn ánh xạ trực tiếp đến những bộ phận của một hóa đơn mà mọi người nhận đều đã hiểu:

Phần đầu trang

Dải trên cùng: logo, tiêu đề tài liệu ("Hóa đơn"), số hóa đơn, ngày phát hành và ngày đến hạn. Đây là thứ đầu tiên người nhận thấy và là thứ họ sẽ tìm kiếm sau này khi lưu trữ hay tham chiếu tài liệu.

Khối người gửi

Ai đang xuất hóa đơn — tên doanh nghiệp, địa chỉ, mã số thuế và thông tin liên hệ của bạn. Với các trường địa chỉ nhận biết theo quốc gia, nhãn vùng và mã bưu chính tự thích ứng theo quốc gia bạn xuất hóa đơn, và với một số quốc gia những trường đó được ẩn hoàn toàn khi không áp dụng.

Khối khách hàng

Ai là người được xuất hóa đơn. Được lấy từ danh sách khách hàng của bạn, nên bạn không phải gõ lại địa chỉ. Khối này là nơi việc "khớp với mong đợi của người nhận" bắt đầu: một khách hàng doanh nghiệp muốn có tên đăng ký và mã số thuế của họ; một cá nhân chỉ cần tên và địa chỉ.

Bảng các mục hàng

Phần cốt lõi: mô tả, số lượng, đơn giá và thành tiền cho mỗi dòng. Đây là nơi chiếm phần lớn không gian theo chiều dọc, và là nơi kỷ luật bố cục quan trọng nhất. Thuế có thể đã gồm hoặc chưa gồm, bạn có thể áp dụng nhiều mức thuế, và bảng tự tính giá trị chưa thuế và số tiền phải trả cho bạn.

Khối tổng cộng

Tạm tính, thuế, mọi khoản chiết khấu và số tiền phải trả cuối cùng. Chúng ta sẽ quay lại với khối này — đây là khối quan trọng nhất trên trang và là khối mà mọi người hay xem nhẹ trong thiết kế nhất.

Phần chân trang

Hướng dẫn thanh toán và điều khoản. InvoiceFlow không phải là đơn vị xử lý thanh toán; hóa đơn hiển thị cách thanh toán — chi tiết ngân hàng, một liên kết thanh toán hoặc mã QR — và khách hàng tự thanh toán qua phương thức của họ. Phần chân trang là nơi chứa điều đó, cùng với điều khoản phí trễ hạn và bất kỳ lời cảm ơn nào. Nếu có áp dụng lịch thanh toán, lịch đó sẽ hiển thị tại đây dưới dạng phân tích rõ ràng, có ghi ngày.

Bạn quyết định những phần nào xuất hiện và theo thứ tự nào. Bạn không phải tự nghĩ ra cấu trúc — bạn sắp xếp lại cấu trúc mà hóa đơn vốn đã có.

Ghi đè theo từng hóa đơn và chia sẻ giữa các hồ sơ

Hai tính năng phạm vi khiến trình chỉnh sửa thực sự hữu dụng chứ không chỉ để trang trí.

Ghi đè theo từng hóa đơn. Một mẫu là mặc định, không phải cái lồng nhốt. Hầu hết hóa đơn dùng mẫu chuẩn của bạn, nhưng với một khách hàng nhất quyết đòi một bố cục nhất định — hoặc một công việc cỡ lớn đơn lẻ xứng đáng được trình bày trang trọng hơn — bạn có thể ghi đè mẫu chỉ trên hóa đơn đó. Phần còn lại trong việc xuất hóa đơn của bạn không bị động đến.

Phạm vi hồ sơ. InvoiceFlow hỗ trợ nhiều hồ sơ doanh nghiệp trong một ứng dụng, nên bạn có thể vận hành nhiều thương hiệu mà không phải loay hoay với việc đăng nhập. Một mẫu tùy chỉnh có thể được chia sẻ giữa các hồ sơ — hữu ích khi hai thương hiệu chung một nhận diện gốc và bạn muốn một hệ thống tài liệu duy nhất — hoặc giữ riêng cho từng hồ sơ, để mỗi thương hiệu có vẻ ngoài có chủ đích riêng. Bạn chọn cho từng mẫu. Một studio với một thương hiệu chính và một dự án phụ có thể giữ chúng khác biệt về thị giác; một công ty tư vấn vận hành hai pháp nhân khu vực có thể dùng chung một mẫu và chỉ thay logo cùng thông tin.

Thương hiệu: hệ thống hai logo

Một mẫu là bộ khung; thương hiệu là thứ biến nó thành của bạn. InvoiceFlow dùng hệ thống hai logo: bạn lưu một logo vuông và một logo ngang riêng biệt, và các mẫu tự động đặt logo phù hợp tùy theo nơi cần dùng. Một biểu tượng vuông hợp với góc gọn; một logo ngang hợp với dải đầu trang trải hết chiều rộng. Không có hai biến thể, bạn sẽ kết thúc với một logo ngang bị bóp méo nhét vào ô vuông hoặc một biểu tượng vuông lạc lõng giữa một biển khoảng trắng đầu trang — cả hai đều mang dáng vẻ "làm vội."

Việc đưa tệp logo gọn gàng vào được công cụ cắt ảnh tích hợp lo liệu, nên bạn không phải nhảy ra một trình chỉnh sửa riêng để vuông hóa một bản xuất. Cài đặt cả hai biến thể một lần, và mọi mẫu — có sẵn hay tùy chỉnh — đều biết dùng cái nào ở đâu.

Phông chữ: phần không ai để ý cho đến khi nó hỏng

Kiểu chữ là nơi những hóa đơn nghiệp dư tự để lộ mình, và là nơi những hóa đơn quốc tế đổ vỡ hoàn toàn. InvoiceFlow đi kèm NotoSans và cung cấp phông chữ tự chọn, điều này quan trọng vì hai lý do.

Thứ nhất, hiển thị chính xác trong các hệ chữ viết không thuộc Latin. Một phông chữ không có ký tự Kirin, Ả Rập hay CJK không báo lỗi ầm ĩ — nó âm thầm thay thế bằng những ô vuông, dấu hỏi chấm hoặc một mặt chữ dự phòng lệch tông. NotoSans được thiết kế chính xác để tránh điều này; nó mang đủ độ phủ ký tự để tên một khách hàng người Nga, một địa chỉ Ả Rập hay một mô tả mục hàng tiếng Trung hiển thị thành chữ, không phải những ô vuông vô nghĩa. Nếu bạn xuất hóa đơn qua nhiều hệ chữ viết, chỉ riêng điều này đã đáng để thiết kế xoay quanh nó.

Thứ hai, sự tiết chế. Quyết định về kiểu chữ hiệu quả nhất là dùng một họ phông chữ duy nhất và dựa vào độ đậm cùng kích thước để tạo thứ bậc. Một số hóa đơn đậm, lớn hơn; phần thân chữ thường; một con số tổng hơi nặng hơn một chút. Ghép hai họ chữ có thể hiệu quả, nhưng chỉ khi bạn làm có chủ đích. Khi phân vân, hãy chọn một họ chữ, ba độ đậm.

Soạn mẫu tùy chỉnh đầu tiên của bạn, theo thứ tự

Đây là trình tự tạo ra một mẫu dùng được nhanh nhất, với ít lần chỉnh sửa nhất.

1. Khởi đầu từ mẫu có sẵn gần nhất, trong đầu

Dù bạn đang xây dựng mẫu tùy chỉnh, hãy quyết định mẫu nào trong 12 mẫu có sẵn gần với mục tiêu của bạn nhất. Nó cho bạn biết thứ tự các phần nào đã vận hành tốt cho ngành nghề của bạn — bố cục cho nhà thầu dẫn dắt khác với bố cục tối giản — và tránh cho bạn việc phải nghĩ lại những quyết định đã được giải quyết.

2. Chốt phần đầu trang

Vị trí logo, tiêu đề tài liệu, số hóa đơn, ngày tháng. Hãy quyết định logo của bạn nằm bên trái, bên phải hay ở giữa, và dải đầu trang muốn biến thể nào (vuông hay ngang). Đây là phần khách hàng chụp màn hình và dùng để lưu trữ, nên hãy làm cho nó rõ ràng không mập mờ.

3. Đặt khối người gửi và khối khách hàng

Quy ước là người gửi ở góc trên bên trái, khách hàng ở dưới hoặc đối diện. Dù bạn chọn cách nào, hãy giữ nhất quán trên mọi loại tài liệu để một khách hàng quay lại nhận ra giấy tờ của bạn ngay từ cái nhìn đầu tiên.

4. Thiết kế bảng mục hàng cho trường hợp xấu nhất

Không phải trường hợp mẫu gọn gàng — mà là trường hợp thực tế lộn xộn. Một mô tả dài bị xuống dòng. Một dòng với số lượng và đơn giá lẻ. Một sự pha trộn giữa các mục đã gồm thuế và chưa gồm thuế. Nếu bảng giữ được hình dạng dưới tải đó, nó sẽ chịu được mọi thứ.

5. Làm cho con số tổng không thể bị bỏ sót

Sẽ nói thêm bên dưới, nhưng hãy coi đây là một bước thiết kế, không phải điều nghĩ đến sau cùng.

6. Viết phần chân trang một lần, cho đúng

Hướng dẫn thanh toán (chi tiết ngân hàng, liên kết hoặc mã QR), điều khoản của bạn, và chính sách phí trễ hạn nếu có. Việc nêu chính sách phí trễ hạn tại đây là điều khiến việc áp dụng nó sau này trở nên công bằng. Nếu bạn xuất hóa đơn theo kỳ trả góp, hãy xác nhận lịch thanh toán hiển thị đúng như cách bạn sẽ giải thích bằng lời.

7. Kiểm thử, rồi kiểm thử trên phương diện quốc tế

Tạo một tệp PDF thật và mở trên điện thoại — hầu hết khách hàng đọc hóa đơn trên điện thoại, và một bố cục thanh lịch trên máy tính xách tay có thể không đọc nổi trên màn hình năm inch. Sau đó, nếu bạn từng xuất hóa đơn qua nhiều ngôn ngữ, hãy tạo một hóa đơn bằng hệ chữ viết không thuộc Latin và xác nhận phông chữ vẫn ổn. Tùy chọn ngôn ngữ theo từng hóa đơn cho phép một tệp PDF gửi đi bằng ngôn ngữ của khách hàng bất kể ngôn ngữ ứng dụng của bạn, nên hãy kiểm thử ngôn ngữ mà bạn thực sự sẽ gửi.

Những nguyên tắc thiết kế quan trọng hơn cả công cụ

Làm cho con số tổng nổi bật

Người nhận có một câu hỏi cấp bách: bao nhiêu, và đến khi nào. Mọi thành phần khác tồn tại để hỗ trợ hai sự thật đó. Số tiền phải trả nên là con số nổi bật nhất về mặt thị giác trên trang — lớn hơn, đậm hơn, được tách biệt bằng khoảng trống hoặc một dải nền nhẹ. Đặt ngày đến hạn ngay bên cạnh nó. Một hóa đơn chôn con số tổng của mình trong một hàng các con số giống nhau gọn gàng buộc người đọc phải đi tìm, và một người đọc phải đi tìm là một người đọc cất nó lại để "tính sau."

Khớp với mong đợi của người nhận

Một tài liệu chỉ "chuyên nghiệp" tương đối so với những gì người đọc mong đợi. Một phòng kế toán phải trả của doanh nghiệp muốn một bố cục sạch sẽ, thông thường với một trường mã PO hoặc tham chiếu rõ ràng và các dòng thuế minh bạch — sự sáng tạo bị đọc thành rủi ro. Một khách hàng cá nhân đặt một sản phẩm độc nhất muốn sự ấm áp và rõ ràng hơn là tính trang trọng. Hãy thiết kế cho người mở tệp, chứ không phải cho gu thẩm mỹ của riêng bạn.

Bớt đi trước khi thêm vào

Mỗi khối bạn thêm vào là một thứ người đọc phải xử lý. Nếu một phần không giúp họ hiểu họ nợ gì, vì sao, và thanh toán ra sao, hãy cắt bỏ nó. Những hóa đơn gọn gàng nhất không phải là những hóa đơn có nhiều thiết kế nhất — mà là những hóa đơn có ít trở ngại nhất.

Nhất quán trong cả họ tài liệu

Báo giá, hóa đơn, hợp đồng và phiếu giao hàng của bạn nên trông giống như anh em một nhà. Khi một khách hàng nhận báo giá, chấp nhận nó, rồi sau đó nhận hóa đơn, sự liền mạch về thị giác lặng lẽ báo hiệu rằng vẫn là một doanh nghiệp chỉn chu đứng sau tất cả. Hãy dùng cùng một họ mẫu, cùng những logo, cùng những phông chữ xuyên suốt vòng đời.

Kết luận thẳng thắn

Trình chỉnh sửa trực quan không có mặt để biến bạn thành một nhà thiết kế. Nó có mặt cho khoảnh khắc khi 12 mẫu có sẵn thực sự không phù hợp — và để đảm bảo rằng khi bạn bước ra ngoài chúng, kết quả vẫn có cấu trúc, vẫn sắp xếp lại đúng, và vẫn hiển thị trong mọi ngôn ngữ bạn bán hàng đến. Hãy soạn với lưới ô, gắn thương hiệu bằng hệ thống hai logo, đặt một phông chữ phủ được các hệ chữ viết của bạn, làm cho con số tổng không thể bị bỏ sót, và thiết kế cho người mở tệp. Làm được điều đó, một mẫu tùy chỉnh thôi không còn là vật trang trí mà trở thành một phần trong cách bạn được thanh toán đúng hạn.