手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >网页设计的3秒法则!
网页设计的3秒法则!
摘要: 最近喜欢看非诚勿扰上的一些奇葩,经常发现有这样的,首轮就“啪啪啪”全灭的,比如说这样:再比如说好心带着蛋糕来给大家吃,“啪啪啪”,首轮又全...

 最近喜欢看非诚勿扰上的一些奇葩,经常发现有这样的,首轮就“啪啪啪”全灭的,

比如说这样:

网页设计的3秒法则!1

再比如说好心带着蛋糕来给大家吃,“啪啪啪”,首轮又全灭的:

网页设计的3秒法则!2

为什么首轮就全灭了?带着这个疑问,我去百度了一下:

网页设计的3秒法则!1

原来是这样:

两个陌生人相遇,双方会在3-5秒内迅速评判对方,产生第一印象。是不是很残酷?他/她对你的初步评价5秒钟就完成了。

这个第一印象的规律引发了我的思考,网页设计是不是也是同理?

怎样让网页具有优秀的第一印象呢?

1. 保证独一无二的视觉冲击力

不要追随潮流。剑走偏锋。虽然可能会失败,但是如果成功,用户会对你网站印象深刻。

这款 Diesel的页面—— Diesel’s Fall Winter 2013

就很有冲击力,情感效应极佳的图片,创新的导航设计,立即会引起用户的注意。

网页设计的3秒法则!3

Story Pixel

做的也不错。复古的设计主题,一半是大地与作物,一般是翡翠色的天空,当你看到这么漂亮、有趣、独一无二的页面,你肯定想要继续浏览。

网页设计的3秒法则!4

2. 可以多尝试一下插画

想要鹤立鸡群,不妨试试插画。

Red Ape 设计公司的官网很有趣,主页充分利用了空间,对作品进行了展示,冲击力很强。

网页设计的3秒法则!5

Stereo Creative的主页利用图片滚动栏展示了他们创作的插画。

网页设计的3秒法则!6

3. 利用情感

情感能够立即激发用户的心理反应。大多数优秀的网页设计均利用情感为网站加分。好的情感表现首先要有好的视觉表现。

Gopher Gridiron的网站很动感, 看到这幅图像你感觉自己仿佛也亲临现场,观看一场激烈的橄榄球比赛。

网页设计的3秒法则!2

Charleston Family Fun 的图像打造出一种其乐融融的家庭氛围,美好的周末,在阳光下带着家中的小孩出去郊游,迅速和用户产生情感上的联系。

网页设计的3秒法则!7

4. 怀旧风格

我发现几乎每个人都有某种怀旧的情绪。采用怀旧风格/复古风格的网页设计倍受青睐。能够让用户回忆起当年。看看 Milk Every Moment的设计:

网页设计的3秒法则!8

这个网站其实就是鼓励大家多喝牛奶,背景的图像让我们也想起了自己的童年。即便你不爱喝牛奶,你也会爱上这个网站。

5. 清晰展现内容

内容为王,内容是网页设计的核心。内容才是一切。

Moz 是一家市场推广公司。大标题开门见山,有需求的用户能迅速找到他们想要的信息。

网页设计的3秒法则!9

Accenture 也充分的“放大”了内容的比重。内容为主,其他均为“绿叶“

网页设计的3秒法则!10

结语

好的第一印象是成功的开端,虽然打造良好的第一印象并不容易,但我们还是要努力去做,可以看看上面这些优秀的案例。仔细反思一下:为什么用户打开你的网站,不到5秒就关了?

网页设计需要包装,让用户迅速喜爱上网站,进而深度探索,了解更精华的内容。

【网页设计的3秒法则!】相关文章:

交互设计师到底是干嘛的?

该怎么做网页设计师才不会落伍

写给网页设计新手的10条实用法则

网页设计中六个字体实用工具

20个简约时尚的网站设计

2014年网页设计的10大发展趋势

网页设计中的对称与不对称

原创及创新网页布局设计

电商网站商品页设计超全面指南

网页设计中的分割法则

精品推荐
分类导航