網(wǎng)站布局之價格表單設(shè)計(jì)靈感來源。
發(fā)表日期:2015/12/14 15:13:51 文章編輯: 瀏覽次數(shù):2961
對于提供有付費(fèi)項(xiàng)目的網(wǎng)站來說,價格表是重要的組成部分,雖然這個價格Table項(xiàng)的布局差不多,但卻可以有很多種造型設(shè)計(jì),今天為大家展示一些同一布局的價格表卻使用不同的樣式裝扮,也許會有你適用的哦!
在看這些表格設(shè)計(jì)時,建議設(shè)計(jì)師留意表格的細(xì)節(jié),如排版、文字、配色等等,很多細(xì)微的改動就能讓整體Table變得不一樣了!
Sonam
暗調(diào)風(fēng)格的Sonam
Jinpa
鼠標(biāo)移上去會顯示選擇按鈕
Tenzin
表格中的文字、按鈕、表格背景都有一些藍(lán)色調(diào)子,這樣的配色顯得更協(xié)調(diào)。
Yama
表格的標(biāo)題字體經(jīng)過特別選配,風(fēng)格莊重大氣。
Rabten
設(shè)計(jì)十分簡約,鼠標(biāo)結(jié)過,價格文字會有動畫,更加有吸引力。
Pema
中間的表格突出來,有『特別推薦』、『建議』等推銷作用。(最貴很少人買,便宜賺得少,so…)
Karma
復(fù)古與時尚的結(jié)合體。
Norbu
有些iOS風(fēng)格的味道,整體表格的大背景是使用了漸變色。
Dawa
以手寫風(fēng)為主的價格表,很特別,背景紋理用得很好,像黑板,價格的字體像是用粉筆寫的,一個表格也用了這么多心細(xì)去想,贊個!
Yonten
Tashi
注意文字與按鈕的漸變,看來作者對CSS3使用已經(jīng)很熟悉了。所以網(wǎng)頁設(shè)計(jì)師會些代碼也是很重要滴!
總結(jié)
設(shè)計(jì)師們要認(rèn)真學(xué)習(xí)這里的細(xì)節(jié),從背景、文字樣式、顏色、紋理、對齊方式、字體大小層級都要以改變你的樣式。
同一個種價格表布局,但有十多種的變法,真是很好的靈感,值得收藏!
案例名稱:價格表格設(shè)計(jì)靈感
在線演示:http://tympanus.net/Development/PricingTablesInspiration/
-
免費(fèi)SSL證書申請網(wǎng)站topssl.cn上線
日期:2024-09-23 瀏覽次數(shù):1089
-
如何在北京順義尋找一個踏實(shí)的網(wǎng)站建設(shè)公司
日期:2023-08-10 瀏覽次數(shù):4141
-
順義網(wǎng)站建設(shè):北京順義網(wǎng)站建設(shè)的優(yōu)點(diǎn)
日期:2023-05-25 瀏覽次數(shù):4565
-
選擇網(wǎng)站公司需要考慮哪些因素
日期:2023-05-25 瀏覽次數(shù):3425
-
北京模板建站
日期:2023-03-28 瀏覽次數(shù):3606
-
如何為您的網(wǎng)站選擇CMS
日期:2019-05-15 瀏覽次數(shù):2273
-
良好網(wǎng)站設(shè)計(jì)的有效原則
日期:2018-12-28 瀏覽次數(shù):2340
-
互聯(lián)網(wǎng)技術(shù)的現(xiàn)在和未來
日期:2019-01-28 瀏覽次數(shù):2343
-
2020年移動應(yīng)用程序?qū)⑷绾谓y(tǒng)治發(fā)展趨勢
日期:2019-10-21 瀏覽次數(shù):2077
-
網(wǎng)站運(yùn)行不良有哪些原因
日期:2019-01-03 瀏覽次數(shù):2431