YL
PRICING

定价 UI 设计模式

定价(Pricing)分类收录 8 种常用界面模式:三档定价、月付年付切换、功能对比表、用量滑块定价、单一定价卡、企业定制卡等,每条含中英文学名、效果预览与可复制的 AI 设计提示词。

定价

Pricing

8 条

三档定价

Three-tier Pricing

定价三档锚定订阅

左中右三张价卡:入门 / 推荐(深色凸起)/ 旗舰。中间那张永远卖得最好。

月付年付切换

Billing Toggle

定价切换年付折扣

一颗开关切月付/年付,价格数字带过渡动画地变便宜——年付转化神器。

功能对比表

Feature Comparison Table

对比表功能矩阵套餐

行是功能、列是套餐的完整矩阵,绿色的勾和灰色的杠一眼分出高下。

用量滑块定价

Usage Slider Pricing

滑块用量计价互动

拖滑块选用量,价格实时联动——把"算钱"变成一个好玩的小游戏。

单一定价卡

Single Plan Card

定价单一买断一口价

只有一个价格、一张卡——当你的产品简单到不需要选择时,别制造选择。

企业定制卡

Enterprise Card

企业销售定制B2B

深色卡片写"价格面议",靠合规、安全、SLA 关键词吸引大客户来询。

价格锚点

Price Anchoring

锚定划线价折扣促销

划掉的原价 + 红色折扣角标 + 现价大字——原价越显眼,现价越香。

免费增值卡

Freemium Card

免费增值入门Freemium

免费档也要认真做一张卡——它是付费版的"广告位"和信任起点。