在设计中使用什么来代替 $$$ 作为成本水平?有没有其他选择?

平面设计 网站设计 界面设计 字体推荐
2022-02-16 00:39:42

这个问题可能很混乱,所以我附上了一张图片。

下面是来自 Yelp 网站的快照,在那里你可以看到 $$$,这是针对价格水平的。所以我想问的是,有没有人用过的替代品?

实际上我正在为类似网站设计一个页面,所以我在想还有什么我们可以使用或有人使用过的吗?

Yelp 网站美元评级图片

4个回答

您有两个选择:使用图像或文字。

这种特殊图标(美元符号)的优点是简洁,清楚地传达了必要的信息。

使用文本涉及到正确标记的问题(便宜而不是便宜;昂贵还是高档)。如果做得好,没有理由反对使用文本 - 但你必须抓住你的市场定位。

“便宜的食物”可能不是某些人想要与他们的产品相关联的东西。“高档”可能等同于对某些人来说很贵,对另一些人来说是负担不起的,当然,并非所有昂贵的地方都是高档的。

TL/DR - 美元图标效果很好。这是大家都明白的。标签可能非常非常棘手。

我看着这个,我不得不问自己几个关于网站设计和目标的问题。当我在一个评论网站下查看一个美元符号时,它很快就会在我的脑海中翻译出价值是什么。

对我来说,您可能面临的一个问题是关于焦点是什么以及您是否修改了美元符号的常见情况。例如,第一个观点应该是图像:

在此处输入图像描述

第二个重点领域是审查评级:

在此处输入图像描述

您可以使用类似的星级评分基础,但如果您使用总共 5 颗星但只定义了 3 颗星,访问者可能很难辨别价格点也会发生变化:

在此处输入图像描述

如果你想围绕幽默做一些事情,你总是可以做一些类似于存钱罐的小猪:

在此处输入图像描述

您还可以使用堆叠硬币:

在此处输入图像描述

有些人可能会理解钱袋参考:

在此处输入图像描述

对我来说,这取决于您打算如何将其与设计联系起来。您可以使用我上面提到的符号作为结算说明,具体取决于价格是否是您设计中的重点。您可以将价格提升到一个新的水平并为其设计一些东西,例如:

在此处输入图像描述

礼貌

也有颜色参考,例如绿色作为基础价值,黄色更高,以及类似红色的高美元金额应用于硬币,但这种想法的使用可能与网站/设计的主题发生冲突。

可以根据所涉及的付款方式设计网站定价。 例如,比特币的使用量正在增长,但如果卖家使用它作为货币,你可以使用他们的图标来表示价格:

在此处输入图像描述

或修改 PayPal 符号以使用您的网站主题颜色:

在此处输入图像描述

然后是您的网站徽标作为比例尺。


仅提及我的个人喜好,从视觉上看,我认为没有理由改变美元符号的任何内容,因为它可能是表示货币的首选。我认为设计的焦点可以使用那个国家的货币,比如$_SERVER['HTTP_ACCEPT_LANGUAGE'];. 从使用 javascript (client-side) 获取访问者语言和国家代码由于您没有详细说明项目的重点是什么,我认为这完全取决于网站的目标。

作为非美国用户,我喜欢货币中性设计的想法(如硬币堆叠)。我倾向于使用金币作为指示性货币。但是硬币只是扁平的闪亮圆柱体,上面有货币符号。去掉货币符号,你得到的东西看起来很像盘子。这意味着什么?餐厅有多忙?多大?

在英国的 Yelp 使用的是 £...££££,而我在欧洲大陆看到了 €...€€€。但是 $...$$...$$$ 模式在英国很直观,这意味着它是如此普遍,你需要克服很多熟悉的东西,这对我来说意味着你需要一个很好的理由来使用不同的东西

在寻找特定的图像时,我首先会看到其他人做了什么。已经使用符号系统开发了丰富的视觉语法供网络使用。因为“成本”或“价值”有完善的符号,您应该从搜索这些图标或符号开始。 在此处输入图像描述

然后看看哪些最适合您的设计。与 3 个美元符号不同,其中一些符号只占用一个方形字符的空间。例如带有向上箭头或向下箭头或大向上箭头等的美元符号。

只是向上、向下或中间倾斜的箭头可以作为成本指标。

堆栈或条形图很常见,含义很清楚。