热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何让你的网页吸引人们驻足

我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的,他将放弃并离开。

这篇文章大体概括了一些设计网页中的大问题。希望能给你做网页时给予一些儿启发。

  1. 记住:你能掌控的时间是有限的
  2. 我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的,他将放弃并离开。

  3. 记住:用户是略读页面
  4. 当你进入一个房间时,你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形,你环视整个屋子,然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿,浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等。

  5. 网站的左上角是最明显的位置
  6. 这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始),另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角,这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。

  7. 了解“F”结构
  8. 一些视觉跟踪调查研究证明,用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到,中间区域仅有一半被看到,再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候,你可以去考虑一下这一因素。

  9. 了解用户忽略什么
  10. 用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告,同时,用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字,他们仅仅是了解页面文章的大意。

  11. 文字和图片
  12. 一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息,我建议你使用大的标语文字来代替那些很炫的头部图片……

  13. 用设计元素来吸引注意
  14. 来吸引注意的好的元素是文字口号,行动纲领的按钮(通常用亮色调),分成1-2-3级,或者就是一个普通的列表…… 如果你在写一篇很长的文章,很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题,通过这简单的步骤向用户阐述这篇文章的主题。

  15. 文字格式
  16. 恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当然,你也需要用格式化强调一些你认为很重要的文字或者句子,这些能够引导你的读者阅读完全文。

  17. 使用简洁图片
  18. 我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时,要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。你使用人的脸部图片更容易引起用户的注意,尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。

  19. 使用留白
  20. 使用留白可以给某些元素更多的可视空间,如果某元素与边距或其它元素太近就容易被混淆,那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。

本文地址:http://www.nowamagic.net/librarys/veda/detail/688,欢迎访问原出处。


推荐阅读
  • vue使用
    关键词: ... [详细]
  • 一、Hadoop来历Hadoop的思想来源于Google在做搜索引擎的时候出现一个很大的问题就是这么多网页我如何才能以最快的速度来搜索到,由于这个问题Google发明 ... [详细]
  • 本文介绍了设计师伊振华受邀参与沈阳市智慧城市运行管理中心项目的整体设计,并以数字赋能和创新驱动高质量发展的理念,建设了集成、智慧、高效的一体化城市综合管理平台,促进了城市的数字化转型。该中心被称为当代城市的智能心脏,为沈阳市的智慧城市建设做出了重要贡献。 ... [详细]
  • 本文介绍了数据库的存储结构及其重要性,强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离,可以实现对物理存储的重新组织和数据库的迁移,而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构,并介绍了表空间的概念和作用。 ... [详细]
  • IhaveconfiguredanactionforaremotenotificationwhenitarrivestomyiOsapp.Iwanttwodiff ... [详细]
  • Python字典推导式及循环列表生成字典方法
    本文介绍了Python中使用字典推导式和循环列表生成字典的方法,包括通过循环列表生成相应的字典,并给出了执行结果。详细讲解了代码实现过程。 ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • “你永远都不知道明天和‘公司的意外’哪个先来。”疫情期间,这是我们最战战兢兢的心情。但是显然,有些人体会不了。这份行业数据,让笔者“柠檬” ... [详细]
  • 本文主要解析了Open judge C16H问题中涉及到的Magical Balls的快速幂和逆元算法,并给出了问题的解析和解决方法。详细介绍了问题的背景和规则,并给出了相应的算法解析和实现步骤。通过本文的解析,读者可以更好地理解和解决Open judge C16H问题中的Magical Balls部分。 ... [详细]
  • 本文讨论了使用差分约束系统求解House Man跳跃问题的思路与方法。给定一组不同高度,要求从最低点跳跃到最高点,每次跳跃的距离不超过D,并且不能改变给定的顺序。通过建立差分约束系统,将问题转化为图的建立和查询距离的问题。文章详细介绍了建立约束条件的方法,并使用SPFA算法判环并输出结果。同时还讨论了建边方向和跳跃顺序的关系。 ... [详细]
  • 生成对抗式网络GAN及其衍生CGAN、DCGAN、WGAN、LSGAN、BEGAN介绍
    一、GAN原理介绍学习GAN的第一篇论文当然由是IanGoodfellow于2014年发表的GenerativeAdversarialNetworks(论文下载链接arxiv:[h ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
  • 本文介绍了在Win10上安装WinPythonHadoop的详细步骤,包括安装Python环境、安装JDK8、安装pyspark、安装Hadoop和Spark、设置环境变量、下载winutils.exe等。同时提醒注意Hadoop版本与pyspark版本的一致性,并建议重启电脑以确保安装成功。 ... [详细]
  • Android Studio Bumblebee | 2021.1.1(大黄蜂版本使用介绍)
    本文介绍了Android Studio Bumblebee | 2021.1.1(大黄蜂版本)的使用方法和相关知识,包括Gradle的介绍、设备管理器的配置、无线调试、新版本问题等内容。同时还提供了更新版本的下载地址和启动页面截图。 ... [详细]
author-avatar
Wx丶华少
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有