首页 > 教程 > 关键词  > 网页布局设计最新资讯  > 正文

浅淡视觉焦点与网页布局设计的关系

2011-08-19 16:58 · 稿源:日光倾城·黎

我一贯认为用户体验不是产品的设计让客户满意,而是让客户在舒服的状态下按我们希望的步骤前进,一个好的产品设计师会为他的客户设计一个隐形的行为轨迹路线。但首先还是要满足客户舒服的感觉,对于网站来说,客户的器官体验主要来自三处--眼、手、耳。其中眼是重中之重,让它感觉舒服了,客户最起码就满意50%以上了。

以前在分析7个B2C网站的提过界面的宽度对用户的浏览会造成障碍,原因就是视觉焦点造成成的。

这里有一张图,大家将图片放在屏幕中心显示,然后看最下面的那一个蓝色娃娃,现在有一个问题,能看清楚整个图片有几个蓝色娃娃吗?

答案是不能,因为视线集中在一点,眼球集中点会以圆的形状向外逐渐模糊,只有盯着看的最中心点是清楚,这个就是视觉焦点。

视觉焦点的概念最初来源于摄影,视觉焦点就是在有限的视线范围内快速捕捉你自己认为吸引你的区域。反映在互联网产品设计中,就是指设计的页面上最吸引人注意的地方,视线上集中交汇的地方,这个位置就叫焦点。在网页设计中,引导用户将关注点集中在你想让他关注的区域,这个也是我之前所说的隐形的行为轨迹路线。

视觉焦点用在实际工作中是如何体现的呢?

注:下面所有的例子在体会时,请都以放大单页面,并将图片放在屏幕中心显示

先看第一张图片

这是一个全文字的PPT,大家请忘记上一篇日志中说的PPT的规则,呵呵,我们这里说视觉焦点。这是一篇推广文,乍看之下,一般人的第一反应都是,整个屏幕一片模糊,不知从哪里开始看,不知道文章写点什么,对象是什么,对自己有没有用,这一系列问题同一时间迸发出来,头开始痛了,然后大脑下达最后指令,不看了,什么东西,太累了,关窗口。

第二张图片

我们弱化信息干扰,将重点突出,可以很清楚看到整个推广文的重点--中国密度板门户。视觉焦点会在不自觉中停留在“中国密度板门户”几个字上面。但相信到此为止,大脑对于阅读整篇一看就知道不好玩,纯广告的文字仍有抗拒,我们的推广目的仍没有达到(这种推广文我一般很少指望客户能当热门小说来拜读,我就指望客户能在视线扫视停留的几分之一秒内,关键信息能到他的脑海里扫扫地)

第三张图片

我们做编辑的,永远要记住读者在阅读文章的时候从来不是逐字逐句,而是习惯跳跃扫视,因此,我们一定要将关键信息高亮显示出来更易于读者把握重要信息。在这次的修改中我们将网址突出显示,希望能勾引有兴趣的客户可以复制这个网址去网站看看。

这是比较简单的视觉焦点利用。但读者的视觉焦点并不是我们想的这么简单和如一。

举报

  • 相关推荐
  • AI日报:扣子空间网页设计功能上线;阿里Wan 2.2即将上线;​OpenAI即将发布 GPT-5

    【AI日报】今日AI领域重要动态:1)Coze推出网页AI设计功能,5分钟生成网页;2)通义千问发布Qwen-MT翻译模型,支持92种语言;3)ChatGPT全面推出Agent功能;4)阿里云Wan2.2视频生成AI即将上线;5)Anthropic推出审计Agent提升AI对齐测试;6)OpenAI计划8月发布GPT-5;7)谷歌发布无代码AI应用开发工具Opal;8)南洋理工与上海AI Lab推出PhysX-3D项目,为3D模型添加物理属性;9)快手开源KAT-V1大模型,40B版本性能接近DeepSeek-R1;10)讯飞星火X1升级版上线,在多语言和语音处理方面显著提升。(140字)

  • 最新AI资讯哪里看?盘点国内优质AI资讯网站和获取渠道

    本文介绍了获取最新AI资讯的重要性及有效方法。在AI技术快速发展的背景下,及时获取准确信息对从业者至关重要。文章推荐了36氪、钛媒体、虎嗅等国内优质AI资讯平台,以及清华北大等高校研究机构的官方渠道。建议构建多元化信息获取体系,包括订阅专业日报、关注社交媒体热点、使用聚合平台等。同时强调信息筛选验证的重要性,提倡建立个人知识管理系统。未来AI资�

  • 最新AI资讯去哪看?国内优质AI资讯网站推荐大全

    本文介绍了国内值得关注的优质AI资讯平台,帮助读者高效获取前沿AI动态。随着AI技术快速发展,专业资讯平台比社交媒体更能提供系统性、专业化的内容。重点推荐四个平台:1)AI科技大本营,覆盖广泛AI领域,更新快且技术深度兼具;2)机器之心,专注学术论文解析和产品评测;3)新智元,聚焦产业应用和前沿研究;4)AIbase,每日整理国内外重大AI事件。特别推荐AIbase的&

  • 国内MCP服务器搜索引擎有哪些?MCP服务网站推荐

    在人工智能技术飞速发展的今天,AI模型与外部工具和服务的交互能力正逐渐成为推动技术进步的关键因素。今天,我们聚焦于一个新兴的、极具潜力的平台——AIbase(https://mcp.aibase.cn/),它为全球的AI开发者和研究人员提供了一个前所未有的MCP(Model Context Protocol,模型上下文协议)服务器集合平台,助力AI技术的进一步发展。 MCP协议是一种开放标准协议,旨在允许AI模型与外部

  • 人工智能行业每日资讯汇总:国内值得关注的AI资讯网站推荐

    本文介绍了在AI技术快速发展的当下,如何高效获取行业资讯的方法。推荐了国内5个优质AI资讯平台:量子位(专注国内AI企业动态)、机器之心(学术与产业并重)、AI科技评论(深度行业分析)、AIbase(综合信息聚合)和新智元(聚焦AI产业化)。文章建议通过关注公众号、使用RSS工具、创建浏览器书签等方式提升信息获取效率,强调持续关注权威资讯源能保持知识更新、提

  • AI新闻聚合网站推荐:2025年最值得关注的AI资讯平台

    本文介绍了AI新闻聚合网站的重要性及其核心价值,分析了当前市场上优质平台的分类与特点,并提供了选择建议。AI新闻聚合网站通过算法筛选和人工编辑,为用户提供高质量、时效性强的AI资讯内容。文章推荐了综合性平台(AIbase)、技术导向平台(AI Research Daily)和行业应用平台(AI in Business)三类代表性网站,建议用户根据需求选择。同时强调了构建多元化信息获取体系的重要性�

  • 苹果发布首个iOS 26公测版 液态玻璃设计引发热议

    7月25日,苹果推送首个iOS26公测版,参与Beta计划的用户可通过官网申请升级。新系统引入"LiquidGlass"设计语言,通过动态光线折射与镜面高光效果,使界面元素随用户操作实时变化。该设计覆盖主屏和锁屏界面,支持图标外观个性化定制及3D锁屏壁纸效果。技术层面优化了光线追踪算法,在保持流畅性的同时降低功耗。测试反馈显示公测版稳定性显著提升,但苹果仍建议避免主力设备升级。值得注意的是,iPhone XS系列及XR将止步于iOS18,成为首批被淘汰的全面屏机型,而iPhone11系列及后续机型可获得升级支持。这一决策可能与新设计对GPU性能的要求有关。

  • 国内MCP资源平台有哪些?MCP工具网站推荐

    在人工智能技术飞速发展的今天,Model Context Protocol(MCP,模型上下文协议)作为一种创新的开放标准协议,正在为AI模型与外部工具和服务的交互带来前所未有的便利。今天,我们有幸深入报道一个专注于MCP服务器和相关服务的集合平台——AIbase(https://mcp.aibase.cn/)。这个平台不仅为全球的AI开发者提供了一个强大的资源库,还通过一站式整合、安全实践和开发效率工具,极大地

  • TME产品设计周开幕 腾讯音乐首席执行官梁柱:共同创造用户喜爱的体验

    腾讯音乐娱乐集团(TME)近日盛大开启2025年产品设计周活动,主题为"设计无界·创意无限"。活动汇聚各界设计精英,TME首席执行官梁柱强调设计师需热爱产品并主动代言,产品经理与设计师要紧密协作,追求设计语言一致性,共同打造优质用户体验。活动期间还颁发了TME设计共创年度大奖和音乐科创特别奖。据悉,TME旗下Q Music Ideas设计开放平台已举办十余场设计大赛,与多个知名IP建立深度合作。活动邀请了故宫博物院单霁翔主任、洛可可设计集团贾伟等专家分享设计理念。TME表示将持续以用户为中心,优化产品体验,推出更具创新性的音乐产品和服务。

  • 电路板过孔、槽设计注意事项之线路板板打样

    本文总结了PCB设计中过孔设计的关键要点:1)过孔处理方式包括开窗工艺(易测试但影响防护)、盖油工艺(常规选择)和塞油工艺(高防护但成本高);2)过孔直径建议0.3-0.5mm,过小增加加工难度,过大易产生孔凹陷;3)非金属化槽孔宽度应≥1.0mm;4)插件孔公差控制在±0.13/-0.08mm;5)大面积铜皮需设置透气孔;6)半孔应采用专用工艺,槽孔长宽比≥2。合理设计过孔对PCB电气性能和加工质量至关重要。