莹晨网站设计
为北京传诚信旗下的网站建设高端品牌,专注于HTML5自适应网站建设及网站设计。

京ICP备05019839号
京公网安备 11010502031691号


对于提供有付费项目的网站来说,价格表是重要的组成部分,虽然这个价格Table项的布局差不多,但却可以有很多种造型设计,今天为大家展示一些同一布局的价格表却使用不同的样式装扮,也许会有你适用的哦!

对于提供有付费项目的网站来说,价格表是重要的组成部分,虽然这个价格Table项的布局差不多,但却可以有很多种造型设计,今天为大家展示一些同一布局的价格表却使用不同的样式装扮,也许会有你适用的哦!

在看这些表格设计时,建议设计师留意表格的细节,如排版、文字、配色等等,很多细微的改动就能让整体Table变得不一样了!

Sonam

暗调风格的Sonam

网站布局之价格表单设计灵感来源

Jinpa

鼠标移上去会显示选择按钮

网站布局之价格表单设计灵感来源-2

Tenzin

表格中的文字、按钮、表格背景都有一些蓝色调子,这样的配色显得更协调。

网站布局之价格表单设计灵感来源-3

Yama

表格的标题字体经过特别选配,风格庄重大气。

网站布局之价格表单设计灵感来源-4

Rabten

设计十分简约,鼠标结过,价格文字会有动画,更加有吸引力。

Pema

中间的表格突出来,有『特别推荐』、『建议』等推销作用。(最贵很少人买,便宜赚得少,so…)

网站布局之价格表单设计灵感来源-33

Karma

复古与时尚的结合体。

Norbu

有些iOS风格的味道,整体表格的大背景是使用了渐变色。

Dawa

以手写风为主的价格表,很特别,背景纹理用得很好,像黑板,价格的字体像是用粉笔写的,一个表格也用了这么多心细去想,赞个!

Yonten

Tashi

注意文字与按钮的渐变,看来作者对CSS3使用已经很熟悉了。所以网页设计师会些代码也是很重要滴!

总结

设计师们要认真学习这里的细节,从背景、文字样式、颜色、纹理、对齐方式、字体大小层级都要以改变你的样式。

同一个种价格表布局,但有十多种的变法,真是很好的灵感,值得收藏!

案例名称:价格表格设计灵感
在线演示:http://tympanus.net/Development/PricingTablesInspiration/


 
QQ咨询 点我
咨询热线
400-697-8610
咨询热线
010-62199213