對于提供有付費(fèi)項(xiàng)目的網(wǎng)站來說，價(jià)格表是重要的組成部分，雖然這個(gè)價(jià)格Table項(xiàng)的布局差不多，但卻可以有很多種造型設(shè)計(jì)，今天為大家展示一些同一布局的價(jià)格表卻使用不同的樣式裝扮，也許會(huì)有你適用的哦！

在看這些表格設(shè)計(jì)時(shí)，建議設(shè)計(jì)師留意表格的細(xì)節(jié)，如排版、文字、配色等等，很多細(xì)微的改動(dòng)就能讓整體Table變得不一樣了！

Sonam

暗調(diào)風(fēng)格的Sonam

Jinpa

鼠標(biāo)移上去會(huì)顯示選擇按鈕

Tenzin

表格中的文字、按鈕、表格背景都有一些藍(lán)色調(diào)子，這樣的配色顯得更協(xié)調(diào)。

Yama

表格的標(biāo)題字體經(jīng)過特別選配，風(fēng)格莊重大氣。

Rabten

設(shè)計(jì)十分簡約，鼠標(biāo)結(jié)過，價(jià)格文字會(huì)有動(dòng)畫，更加有吸引力。

Pema

中間的表格突出來，有『特別推薦』、『建議』等推銷作用。（最貴很少人買，便宜賺得少，so…）

Karma

復(fù)古與時(shí)尚的結(jié)合體。

Norbu

有些iOS風(fēng)格的味道，整體表格的大背景是使用了漸變色。

Dawa

以手寫風(fēng)為主的價(jià)格表，很特別，背景紋理用得很好，像黑板，價(jià)格的字體像是用粉筆寫的，一個(gè)表格也用了這么多心細(xì)去想，贊個(gè)！

Yonten

Tashi

注意文字與按鈕的漸變，看來作者對CSS3使用已經(jīng)很熟悉了。所以網(wǎng)頁設(shè)計(jì)師會(huì)些代碼也是很重要滴！

總結(jié)

設(shè)計(jì)師們要認(rèn)真學(xué)習(xí)這里的細(xì)節(jié)，從背景、文字樣式、顏色、紋理、對齊方式、字體大小層級都要以改變你的樣式。

同一個(gè)種價(jià)格表布局，但有十多種的變法，真是很好的靈感，值得收藏！

案例名稱：價(jià)格表格設(shè)計(jì)靈感
在線演示：http://tympanus.net/Development/PricingTablesInspiration/