Cách thiết kế logo công ty: quy trình 6 bước và lỗi cần tránh

Cách thiết kế logo công ty qua một ví dụ trọn vẹn: brief một trang, nghiên cứu đối thủ, 12 bản phác, dựng vector trên lưới, chọn màu và font tiếng Việt, xuất bộ file SVG, PNG, JPG; kèm 6 lỗi cần tránh.

Trả lời nhanh: một logo công ty tốt đi qua 6 bước: viết brief, nghiên cứu đối thủ, phác thảo nhiều ý, dựng vector trên lưới, chốt màu và chữ, rồi xuất đủ bộ file (bản màu gốc, bản đen, bản trắng, SVG và PNG nền trong suốt). Đừng mở phần mềm vẽ ngay: phần lớn logo hỏng là do bỏ qua brief và không thử logo ở cỡ nhỏ hay ở một màu.

Để bài không chỉ là lý thuyết, bài đi qua trọn 6 bước với một công ty giả định làm ví dụ: Công ty Xây dựng Khung Sáng, chuyên thiết kế và thi công nhà phố hẹp. Tên này do mình đặt cho bài viết (mình đã tìm trên web và không thấy công ty nào trùng đúng tên). Hình minh hoạ trong bài là logo và bản phác thật của các nhà thiết kế, tìm qua Pinterest; tên tác giả và nguồn ghi ngay dưới mỗi hình, bản quyền thuộc về tác giả. Riêng phần xuất file là ảnh chụp màn hình thật từ công cụ của ColorME.

Logo của một studio kiến trúc trên danh thiếp: hình hai tam giác bo góc gợi mái nhà và chữ M, chỉ dập nổi không mực mà vẫn nhận ra. Một hình gọn, nói đúng ngành, dùng được ở một màu.

Bước 1: viết brief logo công ty trên một trang

Brief là bản tóm tắt để cả người đặt logo lẫn người vẽ cùng hiểu một thứ. Mình chỉ hỏi 8 câu và ép câu trả lời vào một trang:

• Công ty làm gì, nói trong một câu.
• Khách hàng là ai, cụ thể đến độ tuổi và hoàn cảnh.
• Khách sợ điều gì: logo nên trấn an đúng nỗi sợ đó.
• Tính cách: đúng 3 từ.
• Đối thủ hay dùng gì: để biết cần tránh.
• Logo sẽ xuất hiện ở đâu: biển, đồng phục, con dấu, ảnh đại diện.
• Điều không muốn.
• File cần bàn giao.

Với Khung Sáng, khách là các cặp vợ chồng trẻ lần đầu xây nhà ống, họ sợ nhà tối và bí. Vì vậy 3 từ khoá là sáng sủa, chắc chắn, gọn gàng. Từ đây trở đi, mọi phương án đều được chấm theo 3 từ này, không theo "mình thấy đẹp".

Dòng "Logo phải dùng ở" quan trọng hơn nhiều người nghĩ. Khung Sáng cần logo trên mũ thợ, biển công trình và con dấu một màu, nghĩa là logo phải đọc được khi chỉ có một màu và khi rất nhỏ. Hai yêu cầu đó sẽ quyết định hình dáng ở bước 4.

Bước 2: nghiên cứu đối thủ để tìm chỗ còn trống

Mình gom logo của các công ty cùng ngành rồi xếp lên hai trục: truyền thống hay hiện đại, nặng nề công nghiệp hay nhẹ nhàng gần gũi. Ngành xây dựng có vài nhóm lặp đi lặp lại: mái nhà tam giác kèm cần cẩu, chữ viết tắt trong tấm khiên, ngôi nhà bo tròn màu pastel. Góc "hiện đại mà vẫn ấm" còn thưa, và đó là chỗ Khung Sáng nên đứng.

Bước này cũng là lúc tìm chất liệu riêng. Thay vì lấy biểu tượng chung của ngành, mình lấy từ chính việc công ty làm: giếng trời của nhà ống, mái lệch, khung bê tông, nắng buổi sáng. Mỗi chất liệu được dịch thành một hình: giếng trời thành một khe sáng, mái lệch thành một khối nghiêng.

Bước 3: phác thảo nhiều ý, chọn ra 3

Hãy phác 10 đến 20 ý, mỗi ý 2 đến 3 phút, chưa tô màu. Mục tiêu là số lượng: ý thứ nhất thường là ý ai cũng nghĩ ra. Sau đó loại từng ý và ghi lý do ngay bên cạnh:

• Với Khung Sáng, các ý quen (mái nhà, cần cẩu, bàn tay đỡ nhà, chữ trong khiên) là lối mòn mà bước 2 đã chỉ ra.
• Ý "khung hở góc có tia sáng" trông giống biểu tượng "sửa" trong nhiều phần mềm, nên bị loại dù ý tưởng khá hay.
• Ý "ba nhà phố bậc thang" giống biểu đồ cột, khách dễ nghĩ đến công ty tài chính.

Bản phác thật của các nhà thiết kế: hàng chục ô nhỏ cho cùng một chữ cái, một trang sổ thử nhiều kiểu huy hiệu và chữ, và một bản phác được đánh dấu chọn rồi dựng thành logo. Số lượng đi trước, chọn lọc đi sau.

Ba ý được giữ lại: nhà ống có giếng trời, khối mái lệch có khe nắng, và chữ K có nhánh là tia nắng. Ý khối mái lệch có khe nắng đáng chọn nhất vì nó nói được cả "khung" lẫn "sáng" chỉ bằng hai hình, và vẫn rõ khi thu nhỏ.

Bước 4: dựng vector trên lưới

Bản phác chỉ là gợi ý. Khi dựng vector, hãy vẽ lại hoàn toàn bằng hình cơ bản. Với Khung Sáng, khối nhà là một hình thang (mái dốc khoảng 15°), khe sáng là một hình bình hành có hai mép song song. Lưới 5 đơn vị giúp các góc và khoảng cách lặp lại đều, nên logo trông "chắc" dù không ai đo.

Hai cách dựng vector có lưới: chữ lồng T và S bám theo vòng tròn và đường kẻ đều, rồi được thử ở bản trắng và một màu; sư tử có cánh với mỗi đường cong ăn khớp một vòng tròn. Lưới giúp nét dày và khoảng hở lặp lại đều.

Chỗ chỉnh quan trọng nhất là tách vệt nắng vàng ra khỏi khối xanh, chừa một khe hở khoảng 4 đơn vị lưới ở mỗi bên. Khe này không để trang trí. Khi logo đổi về một màu (in con dấu, khắc, in một màu trên áo), nó là thứ giữ cho vệt nắng không dính vào khối nhà. Phần lỗi cần tránh bên dưới có phép thử bằng công cụ xuất file cho thấy điều này. Khoảng trống được dùng làm hình như vậy gọi là không gian âm trong logo.

Phần mềm hay dùng cho bước này là Illustrator, Figma hoặc Inkscape; điều cần là file cuối là vector (SVG, AI, PDF) chứ không phải ảnh. Theo tài liệu về định dạng ảnh của MDN, SVG phù hợp cho biểu tượng và hình "can be accurately drawn at any size", tức là vẽ chính xác ở mọi kích thước. Nếu bạn chưa phân biệt rõ hai loại file, xem thêm raster và vector.

Bước 5: chốt màu và chữ cho logo công ty

Khung Sáng dùng hai màu chính và một màu nền:

Mình tính độ tương phản theo công thức WCAG trước khi chốt: chữ trắng trên xanh than đạt 15,8 : 1, vàng trên xanh than đạt 9,12 : 1, nhưng vàng trên nền trắng chỉ 1,73 : 1. Nghĩa là màu vàng không bao giờ được đứng một mình trên nền trắng; nó luôn đi cùng khối xanh. Bạn có thể tự kiểm tra cặp màu của mình bằng công cụ kiểm tra độ tương phản.

Với chữ, hãy gõ thử vài font có hỗ trợ tiếng Việt trên đúng tên và khẩu hiệu, ví dụ "KHUNG SÁNG" và "XÂY NHÀ ĐÓN NẮNG". Ở ví dụ này, Be Vietnam Pro bản đậm 800 hợp nhất vì nét chắc, chữ rộng và dấu vẫn rõ khi nhỏ. Montserrat đẹp nhưng đã quá quen trong ngành; Space Grotesk hơi "công nghệ"; Playfair Display sang nhưng không "chắc chắn". Nếu tên công ty chỉ có chữ, bài logo dạng chữ (wordmark) đi sâu hơn vào phần này.

Trước khi chốt, hãy đặt logo lên những thứ thật mà brief đã liệt kê: bản ngang, bản xếp chồng, chỉ biểu tượng, bản một màu; rồi biển công trình, danh thiếp, bìa hồ sơ năng lực và ảnh đại diện thu nhỏ dần đến 32 px. Nếu ở đâu đó logo trông lạc lõng, quay lại bước 4 vẫn rẻ hơn nhiều so với sửa sau khi đã in.

Bước 6: xuất bộ file logo bàn giao

Một logo công ty không phải một file. Khách sẽ cần bản màu cho website, bản trắng để đặt lên ảnh hoặc nền tối, bản đen để in một màu, file vector cho nhà in làm biển, và ảnh vuông cho ảnh đại diện. Mình dùng công cụ Xuất bộ file logo của ColorME, chưa đăng nhập, với file khung-sang-logo.svg (chữ đã chuyển thành đường nét):

1. Mở trang công cụ, kéo file SVG vào. Công cụ hiện ngay 5 ô xem trước: màu gốc nền trong suốt, đen nền trắng, trắng nền tối, ảnh đại diện nền trắng và nền tối.
2. Bấm "Tuỳ chỉnh", gõ tên thương hiệu khung-sang để đặt tên file.
3. Bấm "Tải ZIP".

Bước 6: công cụ Xuất bộ file logo với file SVG của Khung Sáng (ảnh chụp màn hình thật, chưa đăng nhập, 22/10/2026) và các thư mục trong file ZIP tải về.

File ZIP mình nhận được có 20 file chia trong 4 thư mục, cộng một file doc-truoc.txt giải thích nên dùng định dạng nào ở đâu. Mỗi bản màu (gốc, đen, trắng) có SVG, PNG cạnh dài 500, 1000 và 2000 px, một file WebP và một file JPG có nền; thư mục ảnh đại diện có hai ảnh 1080 × 1080 px. Tên file theo tên mình gõ, ví dụ khung-sang-den-1000px.png.

Trang công cụ ghi: "Miễn phí, logo không rời khỏi máy." Trong phần câu hỏi thường gặp, câu "Logo của tôi có bị tải lên máy chủ không?" được trả lời: "Không. Mọi file được tạo trong trình duyệt trên máy bạn; logo và file ZIP không được gửi đi hay lưu lại ở đâu." (mình chép nguyên văn từ trang ngày 22/10/2026).

Những gì công cụ chưa làm, theo chính trang công cụ: chưa có file CMYK hay EPS để in ("Trình duyệt chỉ xuất được màu RGB cho màn hình. Khi in, hãy gửi file SVG cho nhà in hoặc người thiết kế để chuyển sang CMYK hay Pantone."); nếu bạn chỉ có PNG hoặc JPG thì bộ file sẽ không có SVG. Với logo của mình, công cụ không tạo ô "trắng trên màu thương hiệu"; mình không thử thêm để biết vì sao. Cách đọc từng loại file trong bộ bàn giao có trong bài xuất file logo bàn giao khách.

6 lỗi cần tránh khi thiết kế logo công ty

Sáu lỗi dưới đây rất hay gặp khi làm logo công ty.

1. Nhồi quá nhiều chi tiết

Chữ chạy vòng, mặt trời, cần cẩu, ngôi sao: ở 150 px trông "đủ ý", ở 32 px chỉ còn một chấm tròn. Hãy luôn xem logo ở 32 px trước khi chốt. Bài 7 nguyên tắc logo đơn giản có cách rút gọn từng bước.

2. Hai mảng màu khít nhau

Đây là lỗi mình thử thật. Mình đưa vào công cụ Xuất bộ file logo hai file: một file vệt vàng nằm khít trong khe của khối xanh, một file có khe hở. Ở bản đen của file khít, vệt nắng biến mất và logo chỉ còn một khối đặc. File có khe hở thì vẫn giữ được vệt nắng. Trang công cụ cũng nói trước điều này: "Logo có các mảng màu chồng lên nhau (ví dụ chữ trắng trên nền tròn màu) sẽ nhập thành một khối: hãy xem trước, và tự vẽ bản một màu riêng nếu cần." Đọc thêm về logo một màu.

3. Chỉ bàn giao file JPG nền trắng

Đặt JPG nền trắng lên nền màu là lộ ngay một ô chữ nhật trắng. Khách cần thêm SVG và PNG nền trong suốt. MDN cũng ghi PNG được ưu tiên "when transparency is needed" (khi cần nền trong suốt).

4. Font không đủ dấu tiếng Việt

Nhiều font đẹp không có bộ ký tự tiếng Việt. Khi gặp chữ như "Ắ", trình duyệt hay phần mềm lấy chữ đó từ một font khác, nét và độ cao lệch hẳn. Khi mình thử, Poppins 700 làm chữ "Ắ" trong "NẮNG" thành chữ có chân. Trước khi chọn font, gõ thử đúng tên công ty, hoặc kiểm tra bằng công cụ kiểm tra font tiếng Việt.

5. Chữ quá mảnh và nhét cả tên pháp lý

"Công ty TNHH Thiết kế và Xây dựng Nhà ở Khung Sáng" là tên trên giấy phép, không phải tên trên logo. Logo chỉ cần tên gọi; tên đầy đủ để ở danh thiếp, hoá đơn, hồ sơ. Chữ nét mảnh cũng mờ đi rất nhanh khi in nhỏ hoặc thêu.

6. Không chừa vùng an toàn

Logo kéo to sát mép biển trông chật và khó nhìn. Hãy quy định một vùng an toàn quanh logo, ví dụ bằng chiều cao chữ, và một kích thước tối thiểu để người làm biển, in áo không tự ý thu nhỏ.

Hai lỗi nằm ngoài bản vẽ

• Chép mẫu logo công ty có sẵn. Mẫu tải về dễ trùng với hàng trăm doanh nghiệp khác và có thể vướng giấy phép. Bài logo miễn phí bản quyền được phép làm gì giải thích các giới hạn thường gặp.
• Không tra cứu nhãn hiệu trước khi in. Trang của Cục Sở hữu trí tuệ có mục tra cứu nhãn hiệu Việt Nam, ASEAN và toàn cầu. WIPO cũng lưu ý rằng ngoài Global Brand Database, nên tra cả cơ sở dữ liệu của cơ quan sở hữu trí tuệ từng nước, hoặc hỏi luật sư nhãn hiệu.

Logo công ty xây dựng nên dùng hình gì?

Từ ví dụ trên có thể rút ra một cách nghĩ dùng được cho nhiều ngành: đừng bắt đầu từ biểu tượng chung của ngành (mái nhà, cần cẩu, bánh răng, chiếc lá), hãy bắt đầu từ điều công ty làm khác người khác. Khung Sáng làm nhà ống sáng sủa, nên logo là một khối nhà có khe nắng. Một công ty chuyên nhà xưởng có thể đi từ kết cấu khung thép; một đội cải tạo nhà cũ có thể đi từ hình "trước và sau". Hình càng riêng, khách càng dễ nhớ.

Nếu bạn muốn xem lại quy trình ở dạng tổng quát, không qua ví dụ, có thể đọc thêm bài quy trình thiết kế logo chuyên nghiệp cho người mới bắt đầu. Còn nếu bạn muốn tự tay dựng logo vector như bước 4, bạn có thể tham khảo khoá Illustrator của ColorME.

Câu hỏi thường gặp

Logo công ty cần bàn giao những file gì?

Tối thiểu: bản màu gốc, bản đen và bản trắng; mỗi bản có SVG (vector), PNG nền trong suốt ở vài kích thước và JPG có nền; thêm ảnh vuông cho ảnh đại diện. Nhà in sẽ cần file vector để chuyển sang CMYK hoặc Pantone.

Logo công ty nên có mấy màu?

Một hoặc hai màu chính là dễ dùng nhất, cộng một màu nền. Quan trọng hơn số màu là logo phải đứng được khi chỉ còn một màu đen hoặc trắng, vì con dấu, khắc và in một màu không có màu thứ hai.

Có nên dùng mẫu logo công ty có sẵn không?

Mẫu có sẵn hợp để tham khảo bố cục, nhưng dùng nguyên mẫu làm logo chính dễ trùng với doanh nghiệp khác và có thể vướng điều khoản giấy phép. Nếu đã định đăng ký nhãn hiệu, nên có một logo vẽ riêng.

Logo công ty xây dựng nên dùng hình gì?

Nên tránh nhóm hình quá quen như mái nhà tam giác, cần cẩu, bàn tay đỡ nhà. Hãy lấy chất liệu từ điều riêng của công ty: loại công trình, cách làm, vật liệu. Ví dụ trong bài dùng khối nhà mái lệch và khe nắng cho một công ty chuyên nhà phố.

Công cụ Xuất bộ file logo có tải logo của tôi lên máy chủ không?

Trang công cụ trả lời: "Không. Mọi file được tạo trong trình duyệt trên máy bạn; logo và file ZIP không được gửi đi hay lưu lại ở đâu."