::GAME2.TW::臺灣遊戲攻略

華語手機遊戲攻略,遊戲資訊專業網站

價格的表現形式與設計

不管價格怎麼表現,最敏感的還是多少錢,對用戶來說這個是最關鍵的,所以數字又大又醒目就是最好的表現方式了麼?平時在上網的時候有沒有特別注意過價格的不同表現形式?

我選了6個不同類型網站,看看他們在價格表現上有什麼不同,分別是“淘寶”,“聚划算”,“攜程”,“大眾點評”,“ebay”,“Amazon” ,這幾個網站都是和錢打交道的網站,業務又較多較廣,我做了一個統計:

淘寶,聚划算

攜程,大眾點評

ebay,amazon

使用不同價格表現形式數量對比

  • 淘寶攜程:4種
  • 聚划算大眾點評:3種
  • ebay,amazon:1種

國內站點3種以上,國外1種,國內因為各種業務在價格的體驗也有所不同,有時候加上“元”,有時候不加“元”。

使用最多的類型

“¥150″這種形式是使用情況是最多的,這類型在表現數字上面可以做到通用性,對中英文國內外都可以清晰表現價格,而且Excel裡面的貨幣和會計專用的格式就是¥15.25 ,其他的形式應該是根據不同的頁面配上的形式。

表現形式與設計

其實對於非外貿型或者與國外沾邊的類型的網站,在價格表現形式上要能正確顯示價格,做到統計即可,形式上並沒有特別的約定,但以設計的角度來講,不同的價格形式給頁面帶來的感覺是很不一樣的。

A.淘寶列表頁

  • 表現1,是淘寶原版,價格和整個模塊搭配的很不錯,“¥”的灰色和粗體讓價格醒目又不突兀。
  • 表現2,沒有“¥”也沒有“元”,搭配上小數點,很難第一時刻想起這是價格,看起來有些怪怪的。
  • 表現3,加了“元”,和下面的運費就顯得有些不搭配了,右側不整齊。
  • 表現4,同時加了“¥”“元”,整體效果可以,但是和第一種相比還是顯得多餘了

B.淘寶單品頁

  • 表現1,原版。
  • 表現2,“限時折扣” + “¥” + “價格” + “元” + “剩餘時間”,樣式錯綜複雜。
  • 表現3,價格這塊看起來像是沒有結尾似的
  • 表現4,加了“¥”沒有“元”,整體效果可以,但是和第一種相比還是顯得多餘了,如果沒有“限制折扣”的圖標,上下行之間就非常不整齊。

各種不同價格形式使用參考

其實發現國內的價格表現還是跟著設計走,考慮到前後文字的搭配與整體風格而訂下樣式,我總結了一些,大家可以參考:

“¥” + “價格”:價格的後面沒有文字,又想要突出價格,參考“淘寶列表頁”

“¥” + “價格”+“元”:如果你的頁面的價格hold不住,用這個吧

“價格”+“元”:價格的前後都有文字包圍,適合標題,段落,可參考“團購標題”

“價格”:多用在刪除線中,比如原價:150

來源:http://icojump.in/?p=1906

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy