不管價(jià)格怎么表現(xiàn)，最敏感的還是多少錢，對用戶來說這個(gè)是最關(guān)鍵的，所以數(shù)字又大又醒目就是最好的表現(xiàn)方式了么？平時(shí)在上網(wǎng)的時(shí)候有沒有特別注意過價(jià)格的不同表現(xiàn)形式？

我選了6個(gè)不同類型網(wǎng)站，看看他們在價(jià)格表現(xiàn)上有什么不同，分別是“淘寶”，“聚劃算”，“攜程”，“大眾點(diǎn)評”，“ebay”，“Amazon”，這幾個(gè)網(wǎng)站都是和錢打交道的網(wǎng)站，業(yè)務(wù)又較多較廣，我做了一個(gè)統(tǒng)計(jì)：

淘寶，聚劃算

攜程，大眾點(diǎn)評

ebay，amazon

使用不同價(jià)格表現(xiàn)形式數(shù)量對比

淘寶攜程：4種

聚劃算大眾點(diǎn)評：3種

ebay，amazon：1種

國內(nèi)站點(diǎn)3種以上，國外1種，國內(nèi)因?yàn)楦鞣N業(yè)務(wù)在價(jià)格的體驗(yàn)也有所不同，有時(shí)候加上“元”，有時(shí)候不加“元”。

使用最多的類型

“¥150″這種形式是使用情況是最多的，這類型在表現(xiàn)數(shù)字上面可以做到通用性，對中英文國內(nèi)外都可以清晰表現(xiàn)價(jià)格，而且Excel里面的貨幣和會(huì)計(jì)專用的格式就是¥15.25，其他的形式應(yīng)該是根據(jù)不同的頁面配上的形式。

表現(xiàn)形式與設(shè)計(jì)

其實(shí)對于非外貿(mào)型或者與國外沾邊的類型的網(wǎng)站，在價(jià)格表現(xiàn)形式上要能正確顯示價(jià)格，做到統(tǒng)計(jì)即可，形式上并沒有特別的約定，但以設(shè)計(jì)的角度來講，不同的價(jià)格形式給頁面帶來的感覺是很不一樣的。

A.淘寶列表頁

表現(xiàn)1，是淘寶原版，價(jià)格和整個(gè)模塊搭配的很不錯(cuò)，“¥”的灰色和粗體讓價(jià)格醒目又不突兀。

表現(xiàn)2，沒有“¥”也沒有“元”，搭配上小數(shù)點(diǎn)，很難第一時(shí)刻想起這是價(jià)格，看起來有些怪怪的。

表現(xiàn)3，加了“元”，和下面的運(yùn)費(fèi)就顯得有些不搭配了，右側(cè)不整齊。

表現(xiàn)4，同時(shí)加了“¥”“元”，整體效果可以，但是和第一種相比還是顯得多余了

B.淘寶單品頁

表現(xiàn)1，原版。

表現(xiàn)2，“限時(shí)折扣” + “¥” + “價(jià)格” + “元” + “剩余時(shí)間”，樣式錯(cuò)綜復(fù)雜。

表現(xiàn)3，價(jià)格這塊看起來像是沒有結(jié)尾似的

表現(xiàn)4，加了“¥”沒有“元”，整體效果可以，但是和第一種相比還是顯得多余了，如果沒有“限制折扣”的圖標(biāo)，上下行之間就非常不整齊。

各種不同價(jià)格形式使用參考

其實(shí)發(fā)現(xiàn)國內(nèi)的價(jià)格表現(xiàn)還是跟著設(shè)計(jì)走，考慮到前后文字的搭配與整體風(fēng)格而訂下樣式，我總結(jié)了一些，大家可以參考：

“¥” + “價(jià)格”：價(jià)格的后面沒有文字，又想要突出價(jià)格，參考“淘寶列表頁”

“¥” + “價(jià)格”+“元”：如果你的頁面的價(jià)格hold不住，用這個(gè)吧

“價(jià)格”+“元”：價(jià)格的前后都有文字包圍，適合標(biāo)題，段落，可參考“團(tuán)購標(biāo)題”

“價(jià)格”：多用在刪除線中，比如原價(jià)：150

作者：ICO

文章來源：icojump.in

標(biāo)簽： 價(jià)格表現(xiàn) 視覺設(shè)計(jì) 交互設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。