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

網頁設計的3秒法則!打造出眾的第一印象

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

網頁設計的3秒法則!打造出眾的第一印象

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

網頁設計的3秒法則!打造出眾的第一印象

原來是這樣:

兩個陌生人相遇,雙方會在3-5秒內迅速評判對方,產生第一印象。是不是很殘酷?他/她對你的初步評價5秒鐘就完成了。
這個第一印象的規律引發了我的思考,網頁設計是不是也是同理?
怎樣讓網頁具有優秀的第一印象呢?請看:

相關推薦:
《應該怎么做?網頁設計師才不會落伍》
《推薦!對于設計師,堅持是什么?》
《超贊!26個精彩的網格布局網站欣賞》

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

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

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

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

網頁設計的3秒法則!打造出眾的第一印象

Story Pixel

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

網頁設計的3秒法則!打造出眾的第一印象

2. 可以多嘗試一下插畫

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

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

網頁設計的3秒法則!打造出眾的第一印象

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

網頁設計的3秒法則!打造出眾的第一印象

3. 利用情感

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

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

網頁設計的3秒法則!打造出眾的第一印象

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

網頁設計的3秒法則!打造出眾的第一印象

4. 懷舊風格

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

網頁設計的3秒法則!打造出眾的第一印象

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

5. 清晰展現內容

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

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

網頁設計的3秒法則!打造出眾的第一印象

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

網頁設計的3秒法則!打造出眾的第一印象

結語

好的第一印象是成功的開端,雖然打造良好的第一印象并不容易,但我們還是要努力去做,可以看看上面這些優秀的案例。仔細反思一下:為什么用戶打開你的網站,不到5秒就關了?
網頁設計需要包裝,讓用戶迅速喜愛上網站,進而深度探索,了解更精華的內容。

原文地址:speckyboy.com
優設網翻譯:@MartinRGB

本文由優設網原創翻譯,轉摘請注明優設網譯文出處,謝謝各位小編。

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

網頁設計的3秒法則!打造出眾的第一印象
 

收藏 8
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。