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

再比如說(shuō)好心帶著蛋糕來(lái)給大家吃，“啪啪啪”，首輪又全滅的：

為什么首輪就全滅了？帶著這個(gè)疑問(wèn)，我去百度了一下：

原來(lái)是這樣：

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

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

1. 保證獨(dú)一無(wú)二的視覺(jué)沖擊力

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

這款 Diesel的頁(yè)面——?Diesel’s Fall Winter 2013

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

Story Pixel

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

2. 可以多嘗試一下插畫(huà)

想要鶴立雞群，不妨試試插畫(huà)。

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

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

3. 利用情感

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

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

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

4. 懷舊風(fēng)格

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

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

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

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

Moz?是一家市場(chǎng)推廣公司。大標(biāo)題開(kāi)門(mén)見(jiàn)山，有需求的用戶(hù)能迅速找到他們想要的信息。

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

結(jié)語(yǔ)

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

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

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

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量62萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：