网页设计的3秒法则!

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

  比如说这样:


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


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


  原来是这样:

  两个陌生人相遇,双方会在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秒就关了?

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

时间: 2024-08-31 03:31:14

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

30秒内对网页设计好坏进行评价的技巧

这里有几个简单的技巧能帮助你在30秒或更短的时间内对你的网页进行评价,帮你拨开云雾,看清你的网页上那些部分的设计是好的,那些部分不够好. 当你已经做好准备要开发一个网站时,你一定希望你开发出的网站能给用户最好的用户体验. 能够准确快速的评价一个网站是一门艺术,也是一门科学,但这种艺术或科学是可以很快学会的. 这里有几个简单的技巧能帮助你在30秒或更短的时间内对你的网页进行评价,帮你拨开云雾,看清你的网页上那些部分的设计是好的,那些部分不够好. 注意你的视线的第一落点 – 打开网站,但在网站没有完

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

  编者按:新手常苦于没有师傅手把手教,现在机会来了,今天@AnyForWeb_UDC 同学为大家准备了网页UI设计的10条实用法则,案例全,方法赞,非常适合正在学习进步的新手,来涨姿势吧. 一个主观上很想多多学习的设计新手在工作中最常遇到的状况应该是-没人愿意教!(ps:传统思想告诉我们"教会徒弟,饿死师傅",所以新人们的如此遭遇也无可厚非;But-另一种可能性是-师傅真的很忙!) Anyway,今天为菜鸟们奉上关于网页UI设计的10条适用法则,希望能让大家脑洞大开,在设计中得到帮助

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

  新手常苦于没有师傅手把手教,现在机会来了,今天@AnyForWeb_UDC 同学为大家准备了网页UI设计的10条实用法则,案例全,方法赞,非常适合正在学习进步的新手,来涨姿势吧. 一个主观上很想多多学习的设计新手在工作中最常遇到的状况应该是-没人愿意教!(ps:传统思想告诉我们"教会徒弟,饿死师傅",所以新人们的如此遭遇也无可厚非;But-另一种可能性是-师傅真的很忙!) Anyway,今天为菜鸟们奉上关于网页UI设计的10条适用法则,希望能让大家脑洞大开,在设计中得到帮助和启发.

网页设计中永远正确的配色法则

  身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且"错不了"的指导方针,你可以按照这些原则把握最基本的色彩规律.现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色方案.相反,他们是一个起点,是你如何生存在网页设计领域色彩方向的安全指南. 1. 需要配色的是你的画布,而不是你的图片 一个在网页设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置.你的配色

优秀网页设计中的易视性元素

有没有碰上如此情况?你进入会议室,发现墙上的开关控制板有很多相同模样的按钮,你不知道那个开启灯光,那个控制投影机,你大概会采用"试误法"方法来探究每一个的功能,尽管这过程只会花少于10秒,但关键是为甚么我们要站在开关控制板旁边,像傻瓜般不断尝试,忍受由劣质设计所带来的苦果. Donald A. Norman (<设计&日常生活>的作者) 提及优良设计其中一个必须元素是"易视性".易视性就是当你看见工具或仪器的外观,便会知道如何使用及操作,外观能实

来看看将成为明日主流的7大网页设计趋势

  该文在Medium上的"头条推荐"上排名第二位,可见其在国外同行中是备受推崇的.究竟有哪7个国外同行也趋之若鹜的设计风潮,直接来看译文吧 >>> 译者注: 本文来自Medium,中文版由天地会珠海分舵进行编译.发文时为了让国内的读者更容易阅读,译者在编译的时候有进行比较大刀阔斧的删改,如果读者觉得有疑问的,请评论中提出来,或者直接查看英文原文. 创业界流行一句话,"站在风口上,猪都会飞".其实这句话我觉得放在设计界等很多其他地方都适用,比如在设

聊聊日本网页设计个性之美

  日本网页设计之美 文字的用法 日本网页个性独特的原因之一可能就是网页中运用了多样的文字.与常规的使用英语作为基本语言的网页相比,用多样文字至少优秀150%.对于网页设计师来说,这样做看起来似乎很'傻',但是对日本网页设计师来说,这样做让网页更加有魅力. 关于为何如此使用文字,最简单的原因就是基于语言本身的构造.与英文单词相比,日文单词更加独立(比如中文的'好'翻译成英文是good,翻译成日文是好,日文只有一个字,而英文是由四个字母组成).他们的祖先在创建文字的时候希望文字所占的空间更少.意味

十款新兴实用的网页设计与开发工具

  对于设计师和开发者而言,好工具和好想法同样重要.我们常说"工欲善其事,必先利其器",所以在项目开始之初,有必要弄清楚有哪些事情任务需要完成,而哪些成熟的工具可以有针对性地搞定这些问题.随着如今网站开发需求的细化,越来越多项目衍生工具开始诞生,这些新工具通常会相当地具有针对性,它们逐步成熟之后,会很好地反哺到其他的项目. 这次的设计与开发工具的精选当中,有几个可能就是在这样的背景下诞生的.这10款工具乍一看一般,但是在特定的项目中可能会大放异彩. 01. UI Interaction

2014年网页设计趋势

  在过去的2013年及2012年,网页设计理念或多或少都受到大公司设计风格的影响.Google过去几年中也在搜索算法上做出很多调整--更注重网站内容原创性及可用性.HTML 5释放了设计师的思维,有利有弊,HTML 5 动画有时也玩过火了.随着移动Web的访问不断增大,响应式设计变得愈加重要了. 下面我们通过简单的一些案例阐述2014年的Web设计趋势.但是,记住,不要过度使用.不是每一种趋势都适合你的客户.作为设计师或Web开发人员,你有责任紧跟趋势,并量身定做你客户的网站. 准备好,跟随我