网站布局之价格表单设计灵感来源。
发表日期:2015/12/14 15:13:51 文章编辑: 浏览次数:3092
对于提供有付费项目的网站来说,价格表是重要的组成部分,虽然这个价格Table项的布局差不多,但却可以有很多种造型设计,今天为大家展示一些同一布局的价格表却使用不同的样式装扮,也许会有你适用的哦!
在看这些表格设计时,建议设计师留意表格的细节,如排版、文字、配色等等,很多细微的改动就能让整体Table变得不一样了!
Sonam
暗调风格的Sonam
Jinpa
鼠标移上去会显示选择按钮
Tenzin
表格中的文字、按钮、表格背景都有一些蓝色调子,这样的配色显得更协调。
Yama
表格的标题字体经过特别选配,风格庄重大气。
Rabten
设计十分简约,鼠标结过,价格文字会有动画,更加有吸引力。
Pema
中间的表格突出来,有『特别推荐』、『建议』等推销作用。(最贵很少人买,便宜赚得少,so…)
Karma
复古与时尚的结合体。
Norbu
有些iOS风格的味道,整体表格的大背景是使用了渐变色。
Dawa
以手写风为主的价格表,很特别,背景纹理用得很好,像黑板,价格的字体像是用粉笔写的,一个表格也用了这么多心细去想,赞个!
Yonten
Tashi
注意文字与按钮的渐变,看来作者对CSS3使用已经很熟悉了。所以网页设计师会些代码也是很重要滴!
总结
设计师们要认真学习这里的细节,从背景、文字样式、颜色、纹理、对齐方式、字体大小层级都要以改变你的样式。
同一个种价格表布局,但有十多种的变法,真是很好的灵感,值得收藏!
案例名称:价格表格设计灵感
在线演示:http://tympanus.net/Development/PricingTablesInspiration/
-
免费SSL证书申请网站topssl.cn上线
日期:2024-09-23 浏览次数:1678
-
如何在北京顺义寻找一个踏实的网站建设公司
日期:2023-08-10 浏览次数:4774
-
顺义网站建设:北京顺义网站建设的优点
日期:2023-05-25 浏览次数:5171
-
选择网站公司需要考虑哪些因素
日期:2023-05-25 浏览次数:4015
-
北京模板建站
日期:2023-03-28 浏览次数:4193
-
2020年移动应用程序将如何统治发展趋势
日期:2019-10-21 浏览次数:2228
-
想留住客户,您必需要有RWD响应式的设计
日期:2020-06-26 浏览次数:1989
-
如何判断网站重新设计的时间
日期:2019-03-04 浏览次数:2441
-
2019年页面加载速度的重要性
日期:2019-04-11 浏览次数:2864
-
移动网站优于移动应用的五个优势
日期:2019-01-18 浏览次数:2431