萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計的3秒法則!

網頁設計的3秒法則!

   最近喜歡看非誠勿擾上的一些奇葩,經常發現有這樣的,首輪就“啪啪啪”全滅的,

  比如說這樣:

網頁設計的3秒法則! 三聯

  再比如說好心帶著蛋糕來給大家吃,“啪啪啪”,首輪又全滅的:

7074bfc7jw1douvfx9vwyj (1)_副本

  為什麼首輪就全滅了?帶著這個疑問,我去百度了一下:

qq圖片20131119175515_副本

  原來是這樣:

  兩個陌生人相遇,雙方會在3-5秒內迅速評判對方,產生第一印象。是不是很殘酷?他/她對你的初步評價5秒鐘就完成了。

  這個第一印象的規律引發了我的思考,網頁設計是不是也是同理?

  怎樣讓網頁具有優秀的第一印象呢?

  1. 保證獨一無二的視覺沖擊力

  不要追隨潮流。劍走偏鋒。雖然可能會失敗,但是如果成功,用戶會對你網站印象深刻。

  這款 Diesel的頁面—— Diesel’s Fall Winter 2013

  就很有沖擊力,情感效應極佳的圖片,創新的導航設計,立即會引起用戶的注意。

打造出眾的第一印象

  Story Pixel

  做的也不錯。復古的設計主題,一半是大地與作物,一般是翡翠色的天空,當你看到這麼漂亮、有趣、獨一無二的頁面,你肯定想要繼續浏覽。

打造出眾的第一印象

  2. 可以多嘗試一下插畫

  想要鶴立雞群,不妨試試插畫。

  Red Ape 設計公司的官網很有趣,主頁充分利用了空間,對作品進行了展示,沖擊力很強。

打造出眾的第一印象

  Stereo Creative的主頁利用圖片滾動欄展示了他們創作的插畫。

打造出眾的第一印象

  3. 利用情感

  情感能夠立即激發用戶的心理反應。大多數優秀的網頁設計均利用情感為網站加分。好的情感表現首先要有好的視覺表現。

  Gopher Gridiron的網站很動感, 看到這幅圖像你感覺自己仿佛也親臨現場,觀看一場激烈的橄榄球比賽。

打造出眾的第一印象

  Charleston Family Fun 的圖像打造出一種其樂融融的家庭氛圍,美好的周末,在陽光下帶著家中的小孩出去郊游,迅速和用戶產生情感上的聯系。

打造出眾的第一印象

  4. 懷舊風格

  我發現幾乎每個人都有某種懷舊的情緒。采用懷舊風格/復古風格的網頁設計倍受青睐。能夠讓用戶回憶起當年。看看 Milk Every Moment的設計:

打造出眾的第一印象

  這個網站其實就是鼓勵大家多喝牛奶,背景的圖像讓我們也想起了自己的童年。即便你不愛喝牛奶,你也會愛上這個網站。

  5. 清晰展現內容

  內容為王,內容是網頁設計的核心。內容才是一切。

  Moz 是一家市場推廣公司。大標題開門見山,有需求的用戶能迅速找到他們想要的信息。

打造出眾的第一印象

  Accenture 也充分的“放大”了內容的比重。內容為主,其他均為“綠葉“

打造出眾的第一印象

  結語

  好的第一印象是成功的開端,雖然打造良好的第一印象並不容易,但我們還是要努力去做,可以看看上面這些優秀的案例。仔細反思一下:為什麼用戶打開你的網站,不到5秒就關了?

  網頁設計需要包裝,讓用戶迅速喜愛上網站,進而深度探索,了解更精華的內容。

copyright © 萬盛學電腦網 all rights reserved