DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：支付寶首頁改版的成功之處。

新

舊

前一陣子支付寶首頁改版了，據支付寶的人說改版以後效果十分之不錯。那麼我們來看看這次支付寶改版有那些值得借鑒的地方。

一、頭圖介紹

首先頂部仍然和上一版一樣，采用了很大的頭圖，不過不同的是采用了輪換的方式，這個細節的改動確實很不錯。通常來一張頂部頭圖，是用來介紹和宣傳產品功能的最好手段。但是往往的問題的，要表達的東西過多，雖然頭圖面積很大，但是還是很難充分利用好要表達的內容。有些時候甚至根本起不到表達和介紹的內容，僅僅是好看而已。但是支付寶這次采用了輪換的方式，輪換通常用來用作圖片新聞，用在頭圖還是很少見的。這次頭圖不僅可以自動切換，每個切換按鈕都是精工細琢。把支付寶的特色功能點進行分類，一張一張圖來介紹，而且每張圖都采用了類似漫畫的方式。這樣做不僅起到了充分介紹產品特點的作用，同時也增加了趣味性，讓用戶印象十分深刻。

二、數字、logo、信任

作為一個線上支付產品，最關鍵的一點就是贏得用戶的信任。而這次改版可以發現，基本采用了兩種表達方式贏得用戶的信任，第一個就是數字，第二個就是合作單位。對於數字，譬如：65家機構，46萬家商戶，14家銀行等，頁面特別在數字的地方加粗，加亮，或者用注釋的方式顯現出來。大量的數字可以很好的贏得用戶的信任感，也就是常說的“數據說服力”。合作單位：頁面上也用較大的地方來擺放各種合作公司的LOGO，而且我們不難發現這些logo都是精挑細選，不僅是大公司，而且是熱門很熟悉的公司，再有每一個行業的logo只有一個出現在首頁上。因為這些公司都是大家熟悉信任的公司，那麼他們與支付寶合作，就會把這種權威性轉嫁給支付寶。也就是常說的“狐假虎威”。

三、入口

網站的登錄和注冊仍然是放在首頁，不過細節上的變化就是，整個頁面強調的是登錄，而在上一版中強調的是新用戶注冊。新版中登錄用了橘黃色，十分搶眼。雖然注冊按鈕很大，但是用的是灰白色，不是十分明線。這跟上一版的設計正好是相反的方式。新版的登錄框規劃的更好，登錄，注冊，問題處理很自然的用一個線性的整體方式表現出來。而在上一版就比較凌亂。

四、色彩

不知道是不是，支付寶的團隊大量配置蘋果電腦的原因。新版的色彩搭配方式和蘋果網站十分相似，采用了無色+有色的方式。內容圖片用色彩豐富的配圖，而且每張圖都制作精良。區塊分割采用了灰色。可以很好的分割各個內容塊兒，又不會突兀。

作為電子商務網站來說，支付寶這次首頁改版是相當成功的，各個部分都是精雕細琢，整體又十分和諧。總體風格由原來的穩重大氣，變成了時尚大氣。這也非常迎合了大量80後使用人群的風格。

ps：支付寶花大把資金招人，看來是沒白招。