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

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

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

Sonam

暗调风格的Sonam

Jinpa

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

Tenzin

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

Yama

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

Rabten

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

Pema

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

Karma

复古与时尚的结合体。

Norbu

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

Dawa

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

Yonten

Tashi

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

总结

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

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

tympanus

文章来源:设计达人

(0)

相关推荐

  • 史上最全的25个UX/UI设计灵感类网站

    不论是UI设计师还是UX设计师每天花在找寻设计灵感的时间通常不会少于2小时以上,而多亏现在互联网的发展迅速,使得我们可以轻易就能从网上获取各种设计资源和设计灵感.本篇文章收集了最佳的25个UX和UI设 ...

  • 令人意外的网站布局欣赏

    找出一个从来没人用过的布局可能有难度,但是要设计出出人意表的网站还是不难的.错位的元素,少见的配色,不一样的动效与变化,都能促成一个令人难忘的优秀网页.今天的推荐,与此相关. 出于种种原因,绝大多数的 ...

  • 优秀表单设计应遵循的原则

    小编:表单是网站的重要组成部分.表单的目标是引导用户沿着一条路径,提高用户填写表单的效率,防止他们出错或中途流失,提升愉悦度及转化率.最好的表单用最少的文本来引导用户. 设计师常犯的错误,以及正确做法 ...

  • 9个新人容易中枪的表单设计问题

    在网站中,表单是用户跟我们沟通的主要桥梁.透过表单,用户可以买东西.订阅新文章.更新资料--可以说网站最重要的功能,都是靠表单来完成.然而这个跟顾客打交道的重要环节,我们真的有做好了吗?以下分享的是一 ...

  • 被忽略的榜单设计

    之前曾有朋友跟我说她最近在做榜单,建议我码一篇榜单的相关文章.说实话我一直觉得市面上移动端做的比较好的榜单样式不是很多,作为一个从游戏界面设计师转移动端界面设计师的人来说还是有较大感受的.因为在游戏场 ...

  • 如何获取设计灵感?你没理解它真正的含义

    对于这些所谓的设计灵感,并不是说利用那些收集的设计表皮去套用到⾃己的产品设计中,我们更多的还是需要去思考这些产品是为何做出这样的设计决策. 前阵子有不少人反馈:呆总,我平时看了不少图,但是做项目的时候 ...

  • 表单设计总结

    表单是我们比较常见的一个信息录入工具.糟糕的表单设计会带来令用户抓狂的交互体验,极大的影响用户信息录入的效率.这篇文章我就来大家梳理一下关于表单设计的一些知识点. 表单的构成 常见表单是由多个列表项构 ...

  • 自学手机网站开发教程 手机网页设计和制作

    操作方法 01 如今有不少人通过手机上网,"哪里有人群,哪里就有发展",这也导致互联网正在向移动端发展,所以现在有很多人想学手机网站开发,可是要想手机网站开发,首先要有一份全的手机 ...

  • FineReport怎么进行表单设计

    FineReport是一款报表软件,它的报表操作功能是报表软件中的佼佼者。下面小编就为大家进行介绍一下FineReport简单的一些表单设计功能,希望能帮到大家 新建表单点击文件>新建表单,如下 ...