Làm thế nào để đại diện cho bạc, bạch kim và kim cương?


8

Hầu hết các trang web sử dụng sơ đồ bằng đồng, bạc, vàng, bạch kim và thậm chí có thể là kim cương để xếp hạng các gói dịch vụ mà họ có thể cung cấp. Trong thiết kế trang web của tôi, tôi muốn người dùng có một dấu chấm bên cạnh tên người dùng (như huy hiệu trên stackoverflow) chỉ định kế hoạch người dùng đang sử dụng (vì vậy vàng cho các thành viên vàng). Làm cách nào tôi có thể đại diện cho bạc, bạch kim và kim cương, tất cả trông "xám", trong một khu vực nhỏ có kích thước 6px x 6px (như trên SO, nhưng có lẽ lớn hơn một chút cũng không sao)?

Tiền thưởng : Có sự thay thế nào tốt hơn cho sơ đồ xếp hạng kim loại + kim cương không?


Rất nhiều lời khuyên tốt ở đây. Một điều mà OP cần phải cẩn thận là tông màu. Các lựa chọn biểu tượng không nên chiến đấu với thương hiệu tổng thể. Tôi đang vật lộn để nghĩ ra một phép ẩn dụ, nhưng có lẽ "hello kitty trên Lamborghini" - cả hai đều là những thương hiệu tuyệt vời và thậm chí có thể họ có thể làm việc cùng nhau cho một số người, nhưng nó có thể không phù hợp.
horatio

Câu trả lời:


6

Vấn đề với bạc, bạch kim và kim cương là tất cả chúng thường được thể hiện với màu sắc tương tự nhau. Màu sắc thôi thì không đủ, nhưng hình dạng có thể đi một chặng đường dài. Bạn đề cập rằng bạn muốn các biểu tượng của mình thực sự nhỏ, nếu đó là trường hợp duy nhất để đi là những hình dạng rất đơn giản, như Stein đề cập. Tôi không nghĩ rằng sẽ có hai yếu tố thực tế là cùng một màu , vì vậy tôi chắc chắn sẽ thử với màu vàng:

nhập mô tả hình ảnh ở đây

Có một trang web tôi từng tham gia và đó là điều đầu tiên tôi nghĩ đến khi đọc câu hỏi của bạn. Họ sử dụng hệ thống huy hiệu cho danh tiếng của người dùng và huy hiệu của họ thực sự trông giống như huy chương:

nhập mô tả hình ảnh ở đây

Vì vậy, họ chơi không chỉ với màu sắc và hình dạng, mà còn cả kích thước . Tôi nghĩ một trong những vấn đề quan trọng nhất ở đây là bất kỳ nhóm nào bạn chọn sử dụng, bạn cần phải hiển thị toàn bộ. Ví dụ, huy chương nhỏ trong ví dụ chỉ có ý nghĩa nếu bạn đã nhìn thấy những cái lớn hơn ít nhất một lần (cho đến khi tôi nhìn thấy chúng, tôi nghĩ rằng huy chương đồng nhỏ của tôi là tuyệt vời!).

Tôi nghĩ rằng điều này áp dụng cho tất cả các yếu tố, thậm chí vàng bạc, chúng chỉ hoạt động như một phần của một nhóm (vòng tròn màu xám nếu bạn chưa thấy những gì người dùng khác có chỉ là quảng cáo vòng tròn màu xám). Trong trường hợp này, kích thước có ý nghĩa khi người dùng được liệt kê và bạn có thể so sánh các huy chương.

Bây giờ, tôi bắt đầu suy nghĩ về vấn đề này và nếu có bất kỳ cách giải quyết nào. Nếu màu sắc, hình dạng và kích thước không đủ, và bạn có thể xem xét việc lớn hơn một chút với các biểu tượng, làm thế nào về một diễn giải thực tế? Một viên kim cương rất dễ, mọi người đều biết chúng trông như thế nào (ít nhất là trong 2ngày!). Vấn đề đi kèm với bạch kim và bạc, một trong số chúng sẽ trông rất giống với cái khác. Nhưng sử dụng hình ảnh minh họa thực tế có thể cho phép một số tự do, vậy tại sao không "kim cương, hồng ngọc, ngọc lục bảo"?

Nguồn hình ảnh: Iconfinder

Hy vọng nó giúp!


Có kim cương như hình dạng kim cương rất đơn giản nhưng hiệu quả!
dayuloli

8

Làm thế nào một người có thể đại diện cho một số vật liệu màu xám trong 6 x 6 px bằng cách sử dụng màu sắc thực tế? Chà ... bạn không thể, ít nhất là nếu chúng được đặt để trông khác biệt.

Cá nhân tôi chỉ muốn sử dụng ba màu đồng, bạc, vàng có thứ tự khá được công nhận, được biết đến từ các huy chương thể thao.

Ngay khi bạn thêm nhiều kim loại hoặc nguyên tố, bạn bắt đầu giả định đơn hàng dựa trên giá trị thị trường mà hầu hết mọi người không biết và giá trị có thể thay đổi giá trị tương đối (tôi tin rằng đồng đã đắt hơn bạc nhiều lần) . Hoặc một số người có thể cho rằng nó được sắp xếp theo thứ tự đẹp hơn (rất chủ quan), v.v. và bạn không có thỏa thuận nào về đơn hàng.

Đối với một bảng màu tốt hơn: làm thế nào về màu sắc của bức xạ cơ thể đen (đỏ, cam, vàng, trắng, xanh). Bạn sẽ phải tự quyết định xem mát hay nóng là "tốt nhất", nhưng bạn có thể sử dụng khá nhiều yếu tố khác biệt. Ngay cả khi nó hơi táo tợn, chuỗi màu sắc vẫn tự nhiên (vì nó là như vậy) và nó được sử dụng cho nhiều hình minh họa (trong đó thang độ xám đơn giản sẽ không thể nhìn thấy đủ).

Chỉnh sửa : Kim cương thậm chí còn có vấn đề hơn kim loại, vì kim cương không có giá cố định! Giá trị của nó phụ thuộc vào kích thước, ngoại hình và nếu đó là "tự nhiên" hoặc nhân tạo, (cũng là sự khan hiếm nhân tạo được tạo ra bởi các tập đoàn kim cương). Khác nhau, từ những viên kim cương lớn vô giá có giá trị hàng tỷ đô la, đến 150 USD cho mỗi kg bột mài kim cương (thậm chí có thể rẻ hơn, đó là một mức giá ngẫu nhiên tôi tìm thấy), kim cương vừa rẻ hơn rất nhiều và đắt hơn rất nhiều so với vàng 40 000 USD pr kg.


3
Tôi đồng ý. Giải pháp duy nhất tôi có thể thấy là chế tạo đồng, bạc và vàng, và sau đó bạn có thể làm kim cương như một hình dạng kim cương thực sự. Nhiều hơn tôi nghĩ sẽ có vấn đề. Bạn có thể sử dụng bảng màu tương tự như thế này, nhưng bạn sẽ phải dựa vào việc "dạy" người dùng của mình để hiểu nó: viewerfacility.net/images/layout/bronze-silver-gold.png
benteh

2

Một số điều cần lưu ý:

  • vàng, bạc, đồng là hàng ngũ được biết đến với hầu hết mọi người.
  • bạch kim và kim cương được biết là có giá trị, nhưng tôi không nghĩ rằng hầu hết mọi người sẽ biết xếp hạng chúng ở đâu so với 3 ban đầu
  • màu sắc, một mình, không đủ để làm cho một biểu tượng có thể truy cập đầy đủ bằng mắt - rất nhiều người bị mù màu hoặc có thể đang sử dụng màn hình nhảm nhí hoặc iPhone của họ dưới ánh mặt trời, v.v. (điều này có thể hoặc không phải là mối lo ngại trong trường hợp của bạn )
  • màu sắc, một mình, như bạn đã tìm ra, không đủ khả năng để chỉ ra một hệ thống xếp hạng 5 thang.

Như vậy, dựa trên tất cả những điều trên, tôi sẽ xem xét những điều sau:

  • 3 màu, đồng, bạc, vàng
  • 2 cấp trên vàng sẽ được chỉ định bằng vàng + số nhận dạng phụ. Có lẽ là '+' và '++'?
  • cách khác, giữ 5 màu, nhưng làm cho chúng trở thành thứ hạng để dễ đọc hơn. Có lẽ chỉ đơn giản là số: 1 - 5.
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.