Logo ngôi sao: ý tưởng và ý nghĩa hình ngôi sao trong logo

Logo ngôi sao (logo star): cách dựng sao 4, 5, 6, 8 cánh có số đo r/R, bo góc, sao lấp lánh, không gian âm, logo của nhà thiết kế, 6 ý tưởng, màu, font có dấu và cách thử 32 px.

Logo ngôi sao (logo star) là kiểu logo dễ vẽ nhất mà cũng dễ hỏng nhất: ai cũng vẽ được một ngôi sao, nên ngôi sao rất dễ trùng với logo khác, với cờ, với huy hiệu, hoặc bết thành một đốm khi thu nhỏ. Bài này không bàn chung về ý nghĩa hình khối, mà đi vào cách dựng: 4, 5, 6, 8 cánh, tỉ lệ bán kính có số đo, bo góc, sao lấp lánh, sao bằng không gian âm, sao ghép chữ. Kèm theo là logo ngôi sao của các nhà thiết kế tìm qua Pinterest, 6 ý tưởng cho 6 tên giả định, cặp màu có số đo tương phản, font có dấu và cách thử thu nhỏ xuống 128 px và 32 px.

Trả lời nhanh: một logo ngôi sao tốt bắt đầu từ hai con số, số cánh và tỉ lệ bán kính trong trên bán kính ngoài (r/R). Sao 5 cánh đều có r/R 0,382, mũi nhọn 36 độ, quen mắt nhưng dễ bết ở cỡ nhỏ và dễ trùng biểu tượng quốc gia. Muốn logo dùng được trên app, biển hiệu và ảnh đại diện, hãy mở r/R lên khoảng 0,45 đến 0,5, bo góc nhẹ, ghép ngôi sao với một hình riêng của ngành (mái sạp, bong bóng chat, chữ cái, hoa hồi), rồi thử ở 32 px trước khi chốt.

Ba logo ngôi sao của nhà thiết kế, mỗi logo ghép sao với một ý riêng: sao khoét trong bong bóng chat, sao băng thành chiếc điện thoại, và nhiều ngôi sao bo tròn xếp thành một ô. Không logo nào là một ngôi sao đứng một mình.

Sáu tên trong bài (Phiên Khuya, Đồi Đếm Sao, Âm Xa, Lời Thật, Tia Sạch, Hồi Muộn) là tên mình đặt ra. Mình đã tra từng tên ngày 23/10/2026 và không thấy doanh nghiệp nào dùng; một tên ban đầu là "Ghé Khuya" bị bỏ vì quá gần tên một quán cà phê có thật. Ý tưởng cho sáu tên này là gợi ý bằng lời, số đo, màu và font, không lấy hay vẽ lại logo của hãng nào. Các logo minh hoạ trong bài là tác phẩm của các nhà thiết kế, tìm qua Pinterest; bản quyền thuộc về tác giả.

Hình ngôi sao trong logo nói lên điều gì (và điều gì là lời đồn)

Ngôi sao gợi những thứ khá rõ: đêm và bầu trời, chất lượng (5 sao khách sạn, sao chấm điểm), sự nổi bật ("ngôi sao" của một sân khấu), lấp lánh và sạch sẽ. Ngoài những liên tưởng đó, mình không gán thêm cho mỗi số cánh một "ý nghĩa phong thuỷ" nào, vì không có nguồn đáng tin nói vậy. Nếu muốn đọc phần lý thuyết chung về tròn, vuông, tam giác, bạn xem bài ý nghĩa hình khối trong thiết kế logo; bài này chỉ nói chuyện dựng sao.

Điều quan trọng hơn ý nghĩa là ngôi sao đã có chủ ở nhiều nơi. Hiến pháp năm 2013, Điều 13, viết: "Quốc kỳ nước Cộng hòa xã hội chủ nghĩa Việt Nam hình chữ nhật, chiều rộng bằng hai phần ba chiều dài, nền đỏ, ở giữa có ngôi sao vàng năm cánh." (Hiến pháp 2013 trên Wikisource). Ngôi sao còn có trên cờ của nhiều nước, trên quân hiệu, huy hiệu và biểu tượng chính trị. Vì vậy một logo kinh doanh nên tránh những tổ hợp đọc ra biểu tượng quốc gia hay chính trị:

• Sao vàng 5 cánh đặt giữa nền đỏ, nhất là khi sao to và đứng một mình.
• Sao trong vòng tròn có bông lúa, bánh răng, dải băng: dáng huy hiệu.
• Sao 5 cánh treo dưới dải ruy băng: dáng huân chương.
• Sao 6 cánh dựng từ hai tam giác lồng nhau, và sao đi cùng trăng lưỡi liềm: đều là biểu tượng tôn giáo, có trên cờ của một số nước.

Thứ hai là logo của các hãng lớn. Ngôi sao đã gắn với Converse, Heineken, Macy's, Texaco; Mercedes-Benz có ngôi sao ba cánh, Subaru có cụm sao Pleiades, Walmart có tia sáng vàng sáu nhánh, còn "sao Michelin" là cả một hệ thống xếp hạng nhà hàng. Starbucks dùng nàng tiên cá chứ không dùng ngôi sao, nhưng tên có chữ "star", nên đừng ghép ngôi sao với vòng tròn xanh lá. Mình không vẽ lại logo nào trong số này; khi phác, bạn chỉ cần đặt bản phác cạnh các logo đó và hỏi: người lạ có nhầm không?

Dựng ngôi sao bằng hai vòng tròn: 4, 5, 6, 8 cánh

Mọi ngôi sao đều là một đa giác đi lần lượt qua hai vòng tròn đồng tâm: đỉnh ngoài nằm trên vòng bán kính R, đỉnh trong nằm trên vòng bán kính r. Số cánh n và tỉ lệ k = r/R quyết định gần như toàn bộ dáng sao. Trong Figma, công cụ Star có đúng thông số này; trang trợ giúp của Figma ghi: "Ratio : The distance of the inner points of the star from the center. This is represented as percentage of the star's diameter." (Figma Learn, Shape tools). Xem thêm mục Star tool trong thư viện thuật ngữ.

Với sao "đều" (nối các đỉnh của đa giác đều, cách nhau m đỉnh), tỉ lệ được tính bằng công thức r/R = cos(πm/n) ÷ cos(π(m−1)/n). Góc ở mũi sao tính bằng 2·atan(k·sin(π/n) ÷ (1 − k·cos(π/n))). Tính theo hai công thức này, ta có bảng sau:

Tỉ lệ r/R đổi tính cách ngôi sao

Giữ nguyên 5 cánh và bán kính ngoài, chỉ đổi bán kính trong, ngôi sao đổi hẳn tính cách. Ở 0,25 mũi chỉ còn 21 độ: căng, sắc, đẹp khi in to nhưng dễ gãy. Ở 0,382 là ngôi sao quen thuộc nhất, cũng là ngôi sao dễ trùng nhất. Ở 0,5 mũi mở ra 53 độ, thân dày, trông thân thiện, hợp app và dịch vụ. Ở 0,65 mũi 78 độ, ngôi sao mập gần như bông hoa.

Quy tắc chung: logo phải xuống tới favicon và ảnh đại diện thì chọn r/R từ 0,45 trở lên. Logo chỉ sống trên biển, áo, bao bì khổ to thì có thể dùng sao nhọn hơn, nhưng vẫn nên có một bản phụ mập hơn cho cỡ nhỏ.

Bốn cách dựng hay gặp: bo góc, sao cong, không gian âm, sao ghép chữ

Các cách dựng khác: ngôi sao hiện ra bằng khoảng âm giữa hai khối hành tinh; ngôi sao nét đều có chữ A trong lòng; tia sáng từ những nét dày bẻ cong; và một tia sáng một màu dựng từ nét thẳng, nét cong đối xứng.

• Bo góc. Trên khung 200 đơn vị, bo 6 giữ dáng sao mà mũi không đâm; bo 14 thành sao mềm kiểu nhãn dán. Bo bằng cách cắt lùi mỗi góc một đoạn bằng nhau rồi nối bằng đường cong, để mọi mũi tròn như nhau (xem corner radius).
• Sao lấp lánh 4 cánh cong. Bốn cung Bézier nối bốn mũi. Tay nắm càng xa tâm thì thân sao càng béo: 0,02·R là mũi kim, 0,34·R đã thành ngôi sao tròn trịa.
• Sao bằng không gian âm. Ví dụ, logo Đồi Đếm Sao có thể không vẽ ngôi sao, mà khoét ngôi sao khỏi đĩa trời đêm. Ngôi sao luôn cùng màu nền, nên logo một màu vẫn đủ ý. Nét cắt phải đủ dày (khoảng 9/200 trở lên) để còn thấy khi nhỏ.
• Sao ghép chữ. Âm Xa có thể thay lòng chữ A bằng sao 5 cánh. Sao phải nằm giữa, cách hai chân chữ đều nhau, và đủ to: quá to thì chữ A gãy, quá nhỏ thì mất ở 32 px.

Vì sao sao 5 cánh nhọn bết ở cỡ nhỏ, và cách sửa

Khi thu nhỏ một ngôi sao từ 512 px xuống 48, 24 rồi 16 px, nguyên nhân bết rất cơ học: khi một mũi sao hay một nét mảnh hơn 1 pixel, máy phải trộn màu sao với màu nền trong pixel đó, nên mũi thành xám nhạt. Sao 5 cánh nhọn có 5 mũi hẹp dần về 0, nên đến 16 px gần như mất hết mũi, chỉ còn một đốm năm góc.

• Bỏ bản viền mảnh cho cỡ nhỏ: nét 5/200 chỉ còn khoảng 0,3 px ở 16 px.
• Mở r/R lên 0,5: góc mũi từ 36° lên 53°, thân sao dày hơn hẳn.
• Bo nhẹ các đỉnh: mũi tròn không còn phần mảnh hơn 1 px.
• Bỏ chi tiết phụ (sao nhỏ, hạt, vệt) trong bản favicon; tham khảo thêm mục kích thước tối thiểu của logo.

Sao 4 cánh lấp lánh giờ hay bị đọc là "AI"

Ngôi sao 4 cánh cong từng là ký hiệu quen của "sạch bóng", "mới tinh", "lấp lánh". Mấy năm gần đây, rất nhiều nút bấm và sản phẩm AI dùng một hoặc vài ngôi sao 4 cánh như vậy. Kết quả: đặt ngôi sao 4 cánh trơn cạnh tên một dịch vụ vệ sinh, nhiều người sẽ hiểu là "có AI" trước khi hiểu là "nhà sạch".

Gợi ý cho Tia Sạch: không bỏ tia sáng, mà cho nó một ngữ cảnh. Khung kính bo góc là hình chính, hai vệt chéo là chỗ vừa lau, tia sáng chỉ là một điểm nhỏ ở góc khung, có khe hở để tách khỏi nét khung. Nhìn vào sẽ thấy "lau kính sạch bóng", không thấy "nút AI".

6 ý tưởng logo ngôi sao cho 6 tên giả định

Điểm chung: không ý tưởng nào là "một ngôi sao đứng một mình". Ngôi sao luôn đi kèm một hình của ngành, nên vừa khó trùng vừa nói được doanh nghiệp làm gì. Hồi Muộn là ví dụ ngôi sao "có sẵn trong đời thật": hoa hồi vốn có hình sao, nên logo vừa là sao vừa là gia vị, không cần vẽ thêm cốc hay hạt cà phê.

Logo ngôi sao trên app, biển, nhãn dán, túi và cốc

Với một app đánh giá, logo và sao chấm điểm nên cùng họ nhưng là hai thứ khác nhau. Logo Lời Thật có thể là ngôi sao khoét trong bong bóng; sao chấm điểm trong màn hình là ngôi sao đặc, cùng r/R 0,5 và bo góc, có nửa sao. Sao chưa chấm nên để màu xám đủ đậm như #958A85 (3,36:1 trên nền trắng), vì sao chấm điểm là thông tin, không phải trang trí. W3C viết về tương phản phi văn bản: "The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s)" (W3C, Understanding SC 1.4.11). Xám nhạt như #CFC6C0 chỉ đạt 1,68:1, không đủ. Kích thước biểu tượng app bạn xem thêm ở mục app icon.

Khi đặt logo lên đồ thật, hãy thử từng môi trường: biển treo trên tường tối, nhãn dán bế tròn trên nắp laptop, túi vải in một màu, đai cầm cốc giấy. Mỗi nơi cần một bản khác nhau: bản màu, bản một màu hay bản chỉ có hình.

Màu cho logo ngôi sao: đo tương phản, sửa cặp trượt

Tỉ lệ tương phản dưới đây tính theo công thức WCAG cho các cặp màu trong bảng ý tưởng. Các cặp chính đều từ 5,58:1 trở lên. Năm cặp trượt đều là cùng một lỗi: màu nhấn sáng đặt lên giấy trắng hoặc giấy kem.

Bản thân logo được miễn yêu cầu này; W3C ghi rõ: "Text that is part of a logo or brand name has no contrast requirement." (W3C, Understanding SC 1.4.3). Nhưng logo mờ thì vẫn khó đọc, còn khẩu hiệu, địa chỉ và nút bấm đi kèm thì phải đạt. Cách đo và ngưỡng xem thêm ở mục contrast ratio. Một lưu ý riêng cho ngôi sao: vàng trên đỏ là cặp màu đẹp, nhưng ngôi sao vàng trên nền đỏ chính là quốc kỳ. Nếu thương hiệu cần đỏ, hãy cho ngôi sao màu khác (trắng, kem) hoặc đừng để sao đứng một mình giữa nền.

Font cho tên có dấu: kiểm tra trong dữ liệu Google Fonts

Sáu font gợi ý trong bài đều có bộ tiếng Việt trong dữ liệu Google Fonts (mình kiểm tra trường "subsets" ngày 23/10/2026): Unbounded, Fraunces, Space Grotesk, Plus Jakarta Sans, Manrope, Newsreader, cùng Be Vietnam Pro cho chữ phụ. Ba font hay gặp trong logo hiện đại là Syne, Sora và Outfit thì không có bộ tiếng Việt.

Khi gõ thử: ở sáu font có bộ tiếng Việt, dấu chồng như "ễ", "ộ", "ặ" nằm gọn, cùng độ đậm với chữ. Ở Syne, Sora, Outfit, trình duyệt phải mượn chữ có dấu từ font khác, nên chữ Đ, ồ, ế lệch nét hẳn so với phần còn lại. Nếu muốn dựng tên thành chữ riêng, bài thiết kế logo dạng chữ (wordmark) đi sâu hơn.

Cách thử logo ngôi sao ở 128 px và 32 px

Cách thử gợi ý: xuất mỗi logo trong ô 512 × 512 px, rồi thu nhỏ bằng sips hoặc trình sửa ảnh bất kỳ xuống 128 px và 32 px. Nhìn từng ảnh 32 px ở đúng cỡ và phóng 4 lần không làm mịn. Bảng dưới đây ghi rủi ro thường gặp của từng ý tưởng.

Quy luật chung: ngôi sao mập (r/R khoảng 0,5) chiếm phần lớn khung thường giữ được ở 32 px. Ý tưởng có chi tiết nhỏ cần một bản favicon giản lược: bỏ sao nhỏ, bỏ hạt khoét, phóng to ngôi sao trong chữ A. Chỉ đổi r/R từ 0,382 lên khoảng 0,46 đã làm ngôi sao nhỏ dày hơn hẳn.

Checklist trước khi chốt logo ngôi sao

• Ghi lại số cánh, r/R, bán kính bo góc: ba con số này là "công thức" để ai cũng dựng lại được.
• Ngôi sao có đi kèm một hình riêng của ngành không? Nếu chỉ là ngôi sao trơn, gần như chắc chắn đã có người dùng.
• Đặt bản phác cạnh cờ, huy hiệu và các logo sao nổi tiếng: có tổ hợp nào đọc ra biểu tượng quốc gia, chính trị, tôn giáo không?
• Thử bản một màu, bản đảo màu, bản trên giấy trắng, và đo tương phản các cặp màu đi kèm.
• Thu nhỏ thật xuống 32 px (và 16 px nếu làm favicon), nhìn ở đúng cỡ.
• Gõ tên có dấu bằng font đã chọn, phóng to xem từng dấu chồng.

Khi đã chốt, phần bàn giao file cho khách có hướng dẫn riêng trong bài xuất file logo bàn giao khách: PNG, SVG, JPG. Nguyên tắc chung để logo gọn và dễ nhớ nằm trong 7 nguyên tắc thiết kế logo đơn giản mà đẹp. Nếu bạn định lấy một hình ngôi sao có sẵn trên mạng để sửa lại, hãy đọc trước bài logo tải trên mạng được dùng tới đâu. Muốn có nhanh vài phương án để so sánh, bạn có thể thử công cụ tạo logo của ColorME (mình chưa dùng công cụ này cho bài viết, nên không nhận xét về kết quả). Còn nếu muốn tự dựng sao bằng hai vòng tròn, bo góc và cắt không gian âm như trên, khoá Illustrator của ColorME dạy đầy đủ các thao tác đó.

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

Logo hình ngôi sao có ý nghĩa gì?

Ngôi sao thường gợi bầu trời đêm, chất lượng (5 sao, sao chấm điểm), sự nổi bật và cảm giác lấp lánh, sạch sẽ. Mỗi số cánh không có một "ý nghĩa" cố định nào đáng tin; điều nên lo hơn là ngôi sao đã có trên cờ, huy hiệu và logo của nhiều hãng, nên cần dựng sao theo cách riêng.

Logo ngôi sao 5 cánh có nên dùng không?

Dùng được, nhưng sao 5 cánh đều (r/R 0,382) rất quen mắt và dễ bết ở cỡ nhỏ. Nên mở r/R lên khoảng 0,45 đến 0,5, bo góc nhẹ, ghép với một hình của ngành, và tránh sao vàng đứng một mình trên nền đỏ vì đó là hình quốc kỳ Việt Nam.

Tỉ lệ bán kính trong và ngoài của ngôi sao là bao nhiêu thì đẹp?

Sao 5 cánh đều có r/R 0,382 (mũi 36 độ). Từ 0,25 đến 0,3 trông sắc, từ 0,45 đến 0,5 trông chắc và thân thiện, từ 0,6 trở lên bắt đầu giống bông hoa. Logo cần dùng ở cỡ nhỏ nên chọn từ 0,45 trở lên.

Vì sao logo ngôi sao bị nhoè khi làm favicon?

Vì mũi sao nhọn và nét viền mảnh hơn 1 pixel ở cỡ 16 đến 32 px, máy phải trộn màu sao với nền nên mũi thành xám. Cách sửa: dùng sao đặc thay cho sao viền, mở r/R, bo nhẹ đỉnh và bỏ chi tiết phụ trong bản favicon.

Logo sao 4 cánh lấp lánh có bị giống biểu tượng AI không?

Có nguy cơ. Rất nhiều nút và sản phẩm AI hiện dùng ngôi sao 4 cánh cong, nên một ngôi sao 4 cánh trơn dễ bị đọc là "AI". Hãy đặt tia sáng vào ngữ cảnh của ngành (khung kính, giọt nước, viên đá) và để nó là phần phụ, không phải toàn bộ logo.