Biểu tượng
Biểu tượng Spaceship chuyển đổi các hành động và ý tưởng phức tạp thành những ký hiệu dễ nhận biết ngay lập tức, giúp người dùng điều hướng và tương tác dễ dàng.
Phổ quát nhưng độc đáo, các biểu tượng của chúng tôi là những thành phần nhỏ nhất của thương hiệu, được thiết kế để nhận diện ngay lập tức đồng thời giữ rõ nét bản sắc Spaceship.
Phiên bản
Tất cả biểu tượng Spaceship có hai phiên bản: viền (chính) và đầy (phụ).
Cấu trúc
Biểu tượng được thiết kế theo các quy tắc xác định — từ lưới cơ bản đến thông số nét vẽ — đảm bảo kết quả nhất quán và cân đối.
Kích thước
Được thiết kế để mở rộng linh hoạt, biểu tượng nên được sử dụng với năm kích thước để giữ độ rõ nét và hài hòa thị giác trong toàn hệ thống.
Màu sắc
Màu sắc là yếu tố thiết yếu giúp người dùng nhận diện sản phẩm dễ dàng hơn trong một giao diện cụ thể. Để đảm bảo tính nhất quán trong các ngữ cảnh giao diện này, biểu tượng sử dụng màu sắc của Spaceship Design System.
Màu thương hiệu
Là các màu cốt lõi của Spaceship, đây nên là lựa chọn chính cho biểu tượng — dù trong các ngữ cảnh chức năng như giao diện nền tảng hay trong các mục đích minh họa như đại diện tính năng trên trang sản phẩm. Xem trang màu sắc để biết thêm chi tiết.
Màu sản phẩm
Màu chính của sản phẩm nên được áp dụng cho các biểu tượng tương ứng. Điều này rất quan trọng để nhận diện và nâng cao nhận thức về sản phẩm trong hệ sinh thái Spaceship.
Màu thông báo
Sử dụng màu thông báo để nhấn mạnh các thông điệp cảnh báo. Chúng chỉ nên được áp dụng cho các biểu tượng cảnh báo, ngoại trừ một số trường hợp đặc biệt khi biểu tượng khác cũng đại diện cho trạng thái thành công, lỗi hoặc cảnh báo.
Hướng dẫn
Dưới đây là một số ví dụ về những điều nên tránh khi sử dụng biểu tượng.
Không làm biến dạng, xoay hoặc lật biểu tượng. Luôn thay đổi tỷ lệ một cách đồng đều.
Không sử dụng biểu tượng lớn hơn 40x40px. Hãy hướng tới sự cân bằng giữa các thành phần.
Không sử dụng các sắc độ hoặc bóng mờ.