最近喜歡看非誠勿擾上的一些奇葩,，經(jīng)常發(fā)現(xiàn)有這樣的,，首輪就“啪啪啪”全滅的,，
比如說這樣：

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

為什么首輪就全滅了,？帶著這個疑問，我去百度了一下：

原來是這樣：

兩個陌生人相遇,，雙方會在3-5秒內(nèi)迅速評判對方,，產(chǎn)生第一印象。是不是很殘酷,？他/她對你的初步評價5秒鐘就完成了,。
這個第一印象的規(guī)律引發(fā)了我的思考，網(wǎng)頁設(shè)計是不是也是同理,？
怎樣讓網(wǎng)頁具有優(yōu)秀的第一印象呢,？請看：

相關(guān)推薦：
《應(yīng)該怎么做？網(wǎng)頁設(shè)計師才不會落伍》
《推薦,！對于設(shè)計師,，堅持是什么？》
《超贊,！26個精彩的網(wǎng)格布局網(wǎng)站欣賞》

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

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

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

就很有沖擊力,，情感效應(yīng)極佳的圖片,，創(chuàng)新的導(dǎo)航設(shè)計，立即會引起用戶的注意,。

Story Pixel

做的也不錯,。復(fù)古的設(shè)計主題，一半是大地與作物,，一般是翡翠色的天空,，當(dāng)你看到這么漂亮、有趣,、獨一無二的頁面,，你肯定想要繼續(xù)瀏覽。

2. 可以多嘗試一下插畫

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

Red Ape 設(shè)計公司的官網(wǎng)很有趣，主頁充分利用了空間,，對作品進(jìn)行了展示,，沖擊力很強(qiáng),。

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

3. 利用情感

情感能夠立即激發(fā)用戶的心理反應(yīng),。大多數(shù)優(yōu)秀的網(wǎng)頁設(shè)計均利用情感為網(wǎng)站加分,。好的情感表現(xiàn)首先要有好的視覺表現(xiàn)。

Gopher Gridiron的網(wǎng)站很動感,， 看到這幅圖像你感覺自己仿佛也親臨現(xiàn)場,，觀看一場激烈的橄欖球比賽。

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

4. 懷舊風(fēng)格

我發(fā)現(xiàn)幾乎每個人都有某種懷舊的情緒,。采用懷舊風(fēng)格/復(fù)古風(fēng)格的網(wǎng)頁設(shè)計倍受青睞。能夠讓用戶回憶起當(dāng)年,?？纯?nbsp;Milk Every Moment的設(shè)計：

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

5. 清晰展現(xiàn)內(nèi)容

內(nèi)容為王,，內(nèi)容是網(wǎng)頁設(shè)計的核心,。內(nèi)容才是一切。

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

Accenture 也充分的“放大”了內(nèi)容的比重,。內(nèi)容為主,，其他均為“綠葉“

結(jié)語

好的第一印象是成功的開端，雖然打造良好的第一印象并不容易,，但我們還是要努力去做,，可以看看上面這些優(yōu)秀的案例。仔細(xì)反思一下：為什么用戶打開你的網(wǎng)站,，不到5秒就關(guān)了,？
網(wǎng)頁設(shè)計需要包裝，讓用戶迅速喜愛上網(wǎng)站,，進(jìn)而深度探索,，了解更精華的內(nèi)容。

原文地址：speckyboy.com
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處,，謝謝各位小編,。