灵武企业网站建设:设计定价表的最佳实践

灵武企业网站建设


目录:

  1. pricing表格-最佳做法
  2. Inspiration

pricing表格-最佳做法

本节将向您介绍如何构建定价表的基本概念,以及应该使用什么设计来说服您的访问者。定价表应该是明确和直灵武企业网站建设接的,没有混乱,为您的游客。

Pricing表结构

最佳实践是在必须显示大量功能时使用水平解决方案,而当您没有提供太多计划时使用垂直解决方案,并且您不打算包含很长的功能列表。

Dropbox-pricing-charts-best-examples-tips-inspiration

Dropbox是垂直布局定价图的一个例子。他们的计划只有微小的差别,所以这是一个有效的方式来显示他们。

Shopify-pricing-charts-best-examples-tips-inspiration

冠军声音是一个典型灵武企业网站建设的横向定价表结构的例子。他们需要包括一些功能,更容易比较,并排观看,所以横向布局是最好的解决方案。

Design

设计可以为你的企业做两件事之一-要么让它沉灵武企业网站建设下去,要么把它提升到顶端。在设计定价图时,你必须非常小心。字体,标题,布局-这一切都必须做到平衡和整洁。

此外,你必须确保图表的设计工作与主网站。但是,不要忘记你的主要目标。在价格表中,设计只是实现您的目标的工具,即-增加销售。简单是成功的关键。

记住,你不是在为学校创建一个拼贴画,而是为了一个特定的原因而创建一个设计。不要用不必要的元素把你的图表弄得乱七八糟。

一个常见的错误是写下大多数计划没有提供的功能列表,然后在图表中放置几十个红色十字架。消费者不想看到你没有提供什么,他们想看看你得到了什么和价格。

Drupal-gardens-pricing-charts-best-examples-tips-inspiration

认为维生素是在定价图表中正确使用设计的一个很好的例子。在左侧部分,您可以看到功能和最重要的短语是粗体。他们正在使用微妙的绿色标志,只有两个红色的十字架,这是必要的比较这两个计划。

Rulefm-pricing-charts-best-examples-tips-inspiration

Rule.fm是在定价图表中适当使用设计的另一个例子。他们已经调整了图表以适应他们的主要设计,并设法巧妙地使用设计元素。

Emphasis

强调一个特定的计划是一种常见的做法,你也应该这样做。有很多不同的计划可供选择,重要的是让客户尽可能容易地为他们选择合适的方案。

强调一个特定的计划,你会立即让你的访客注意到这个特别的计划。大多数服务选择突出显示最流行的包,但是您可以尝试。然而,不要走极端-强调最便宜和最昂贵的计灵武企业网站建设划不会带来太多的收入。

强调正确的一个可以极大地提升你的业务,而且从潜在客户的角度来看,它也是非常有用的。

灵武企业网站建设:设计定价表的最佳实践

Shopify使用更大的背景图形和价格字体大小来强调他们最受欢迎的计划。他们使用不同的背景为每个定价计划,虽然他们没有夸大配色方案和颜色创造了正确的氛围。

Evernote-pricing-charts-best-examples-tips-inspiration

宁是用不同的背景颜色来强调一个特定的计划。请注意,这是一个中等价格的计划,所以强调是最有可能被用作一种营销策略。绿色立刻引起了你的注意,而且很可能你甚至不会看其他的定价计划。

Difference

如果你没有提供一个免费的计划,这可能并不重要,尽管你仍然应该意识到这一点。尽可能清楚地区分定价计划之间的区别。

Draftboard-pricing-charts-best-examples-tips-inspiration

当我看大卡特尔的定价图表时,我只是无法抗拒实际想要注册的感觉。他们设法区分他们的保费计划和他们的免费计划,并使它非常有吸引力。

Vaultpress-pricing-charts-best-examples-tips-inspiration

Evernote也为他们的溢价计划提供了一个吸引人的视角。除了平滑的价格图表,他们还在页面上有一些图标的描述。记住,图表不是吸引客户的唯一途径。

Be Clear

虽然你可能认为提供更多的计划是有效的,并给予客户更广泛的选择,但太多的计划会严重影响你的底线。更重要的是,许多服务没有提供足够的独特功能来维持许多定价计划。最流行的解决方案是有大约2-5个计划选项。超越这一点只会混淆你的顾客,损害你的生意。

仅仅有正确的定价计划是不够的。你必须以正确的方式提供你的服务。有些桌子让你对公司想要卖的东西感到不确定和困惑。还有一些表格让你对功能的数量感到困惑和不知所措。

Skype-pricing-charts-best-examples-tips-inspiration

动漫定价图无疑不会让你困惑。他们使用的是带有一些口音的极简设计风格。他们提供了三个定价方案,每一个都是不同的。主要功能列在顶部,然后是更高级的功能,这些功能只在PRO计划中提供。

Formstack-pricing-charts-best-examples-tips-inspiration

起草板已经采用了“少即多”的方法。他们使用的是带有绿色口音的灰色定价表。这张图表没有乱七八糟的元素,所以很容易理解。此外,他们还强调了一个特定的计划,因此潜在客户更容易做出决定。

包起来

有很多要考虑的,不是吗?嗯,只要涉及到金钱,你就必须调整和塑造你的设计,才能达到预期的效果。我希望这五点帮助你对设计有效的定价元素有一点了解,并给你一个更清晰的关于拥抱设计以及如何最好地将它与市场相结合的想法。

Inspiration

为了让您更容易受到启发,并尽可能好地设计您的下一个定价表,我们还为您提供了一些最好的定价表。

1. 网络电话(一个网络语音沟通工具)

Wufoo-pricing-charts-best-examples-tips-inspiration

2. 营销专家天博互动

灵武企业网站建设:设计定价表的最佳实践

3. Proposable

灵武企业网站建设:设计定价表的最佳实践

4. Vaultpress

Zendesk-pricing-charts-best-examples-tips-inspiration

灵武企业网站建设:设计定价表的最佳实践

6. Wufoo

灵武企业网站建设:设计定价表的最佳实践

7. Formstack

Big-cartel-pricing-charts-best-examples-tips-inspiration

8. Squarespace

灵武企业网站建设:设计定价表的最佳实践

9.Zen桌

Animoto-pricing-charts-best-examples-tips-inspiration

10. Crazyegg

Woothemes-pricing-charts-best-examples-tips-inspiration

11. WooThemes

Crazyegg-pricing-charts-best-examples-tips-inspiration

12.竞选监测器

灵武企业网站建设:设计定价表的最佳实践

13.Raven工具

Proposable-pricing-charts-best-examples-tips-inspiration

14. Typekit

Campaign-monitor-pricing-charts-best-examples-tips-inspiration

15.商业催化剂

Raven-tools-pricing-charts-best-examples-tips-inspiration

那是关于灵感的问题。现在,我们希望您完成下面的教程,并创建一个伟大的定价表在Photoshop。当然,我们的意见和建议帮助。

许多公司和个人过去和现在都使用定价表来显示他们的可用计划。

如果你只提供一个计划,那么使用定价表是没有意义的。但是如果你有更多,那么这是一种非常有用和有吸引力的方式来显示关于你的每一个计划的信息。我们将使用AdobePhotoshop创建一个仅需20-30分钟的定价表。

准备好了吗?

灵武企业网站建设:设计定价表的最佳实践

第一步

灵武企业网站建设:设计定价表的最佳实践

创建一个新的1200x600px文档。我们的定价单本身将是1000x340 px,但我们需要一些工作空间,这就是为什么我们的主要文档更大的原因。

步骤二

Typekit-pricing-charts-best-examples-tips-inspiration

步骤三

Business-catalyst-pricing-charts-best-examples-tips-inspiration

第四步

灵武企业网站建设:设计定价表的最佳实践

第五步

灵武企业网站建设:设计定价表的最佳实践

第六步

灵武企业网站建设:设计定价表的最佳实践

步骤7

灵武企业网站建设:设计定价表的最佳实践

使用“Helvetica”作为每个计划的价格。由于我们想突出我们的“先进”计划,我们将使价格标签更亮的红色。

[地名] 阶地(英语) 8

灵武企业网站建设:设计定价表的最佳实践

第九步

灵武企业网站建设:设计定价表的最佳实践

第一步0

灵武企业网站建设:设计定价表的最佳实践

第一步1

灵武企业网站建设:设计定价表的最佳实践

通过添加渐变类型的笔画来完成按钮。

第一步2

灵武企业网站建设:设计定价表的最佳实践

第一步3

“先进”计划除了更亮的价格标签和CTA按钮外,没有太大的不同。红色按钮和灰色按钮非常相似,唯一的例外是它的基色是:#ed161c和下面的笔画颜色。

第一步4

将笔画颜色从灰色更改为下面的红色颜色,并完成按钮。

Final Result

你想自己检查细节吗?-下载PSD