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

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

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

第四张图片

虽然使用了和第三张一样的技巧,对“中国密度板门户”进行了加粗高亮显示,但大部分读者的视觉焦点一般会停留在图片下方的三串数字上面(有米有,有米有看数字,嘻嘻),这是因为我们的大脑对简单的很容易理解的东西更偏好,会自动寻找自己最容易理解的内容先阅读。这就是很多调查说带图片的文章浏览度会高的原因,并不是图片容易吸引用户阅读,而是图片可以帮助用户的大脑休息然后方便阅读文字。

第五张图片

第六张图片

我们了解了视觉焦点,那视觉焦点和用户体验有什么关系呢,我说过用户体验的最初级的就是让用户感觉舒服。人们看屏幕时,最舒服的视觉停留位置在屏幕正中下方位置,这个位置的时候,人的眼球是微微往下,脖子也是微微向下,正是最放松的状态。通过第五张图和第六张图比较,可以很明显感觉到人的眼球会先捕捉不同颜色的字体,但看第五张图时,人的眼球几乎不用移动就可以看到高亮文字,而看第六张图时,人的眼球会有一个很明显的下移动作,如果这时再把眼球移到文章的第一行,会有一个疲劳和紧张的感觉,与眼球往下的舒驰的感觉不动。

而在网页布局设计中,视觉焦点是如何体现的呢?虽然很多报告说用户浏览网站时视线注意力呈“F现象”,人们喜欢第一眼看左上角的内容,其实都是从中间往上移动到左上角,只是这个动作比较自然时间也短,不容易让人注意到。一般人们第一眼如图所示粉色的位置

时下主流的电脑屏幕都较宽,但不代表我们设计的网页也要跟着变宽,如果一行文字从屏幕的左边到屏幕的右边,用户在阅读时不止需要移动眼球,甚者还需要移动脖子,如果是图片多的网站,还好,但如果是纯文字的资讯网站那将是一场悲剧,并不是每一个网站都可以像卓越的。现在的网页设计宽度标准是960像素,这个数字虽然没有兼顾到800*600的用户,但对于主流分辨率上,正好将网站呈现在屏幕的正中并两旁有留白,给人以不狭隘不拥挤的感觉。

我们要永远记住我们不是用户的偶像,他们不会用探照灯从头到尾如获至宝般关注我们的作品,用户习惯地是扫视和快速寻找页面上一些能够引导他理解内容的关键点。Jakbo Nielsen的研究表明:一个页面上的认识负担越重,导航和浏览就会越困难,用户离开并寻找其他替代品的可能性就越大。减少认识负担从减低眼球运动开始。

举报

  • 相关推荐
  • 大家在看
  • 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字)

  • 海乐行国际联会与乌尔巴冶金厂携手布局核燃料产业链

    2025年7月,在第六届"一带一路"国际合作高峰论坛期间,中国海乐行国际联合会与哈萨克斯坦国家原子能工业公司旗下的乌尔巴冶金厂(UMP)签署核燃料制造合作协议。双方将在燃料组件认证、产能提升、人才培养、技术研发等领域展开深度合作,并计划建立联合培训中心。此次合作标志着中哈两国在核能高端制造领域迈入新阶段,将共同探索绿色低碳发展路径,为"一带一路"沿线国家核能建设提供稳定供应链。UMP拥有70年核材料生产经验,其产品已成功应用于中国多个核电项目。

  • 润致耀然:中面部抗衰新焦点,鼻唇沟焕变的秘密武器

    文章聚焦鼻唇沟抗衰问题,指出该区域是面部年轻化的关键战场。研究显示91%女性变美诉求与中面部相关,而鼻唇沟改善直接影响整体年轻态。润致耀然采用"立体原生网"HA技术,通过动态微网仿生交联技术构建独特支撑结构,能有效抵抗重力,实现深层组织提升。相比传统填充剂,其创新结构具有更均匀的孔隙分布和力学支撑优势,效果可持续6-12个月。临床案例显示使用后鼻唇沟明显改善,面部轮廓更立体自然。该产品正成为中面部抗衰领域的新宠。

  • 中航未来丨与国内外200余家航空公司等民航单位建立稳定合作关系

    中航未来航空实训基地通过"校企合作、协同育人"模式,与200余家民航单位建立稳定合作关系,提供全方位就业服务。基地开展职业规划指导、模拟面试、岗前培训等服务,帮助学生提升就业竞争力。2019-2025年间,每年举办近300场招聘会,已助力数万学子入职国内外航空公司、机场等单位。2025年新学期持续拓展就业渠道,严格落实现场招聘和就业跟踪服务,确保学生实现高质量就业。基地以培养民航专业人才为宗旨,通过产教融合战略,为学生职业梦想保驾护航。

  • 韩女子咬断性侵者舌头被判刑 正当防卫认定成焦点

    2025年7月20日,韩国司法界一桩跨越六十余年的旧案再次进入公众视野。韩国一地方法院宣布,将于7月23日上午11时对现年78岁的崔顺实涉嫌重伤害一案进行重审,此案源于1964年崔顺实(当时18岁)为反抗性侵咬断侵害人舌头,却反被判刑的争议事件。 据案件资料显示,1964年,年仅18岁的崔顺实遭遇一名21岁男性卢某的性侵企图。在激烈反抗中,崔顺实咬断了卢某的舌头约1.5厘�

  • 口令识别码中的“机关”:不当获取好友关系数据是否构成不正当竞争?

    2024-2025年中国互联网平台用户规模持续扩大,用户数据成为核心竞争资源。部分APP通过诱导分享获取第三方平台用户关系链数据,加剧行业竞争。专家指出此类行为涉嫌违反《反不正当竞争法》,通过特殊识别码获取好友关系数据构成不正当竞争。平台用户资源属于营业性资产,受法律保护。诱导分享行为不仅侵犯平台权益,还可能违反个人信息保护法,存在数据收集不透明�

  • HUAWEI MateBook Fold 非凡大师斩获2025年iF设计奖:折叠屏电脑设计新标杆

    华为MateBook Fold非凡大师荣获2025年德国iF设计奖,该奖项被誉为工业设计界的"奥斯卡"。这款全球最大18英寸折叠屏笔记本以突破性铰链设计和7.3mm超薄机身(展开仅1.16kg)获得评委会认可,在技术创新与用户体验间取得卓越平衡。产品搭载3.3K专业大屏(1600nits峰值亮度/229PPI),配合鸿蒙操作系统带来沉浸式办公体验。水滴型铰链采用三段式转轴设计,确保屏幕平整耐用。此次获奖进一步巩固了华为在笔记本行业的创新引领地位。

  • 视觉中国战投企业景致三维:启动深圳首家3D数字技术订单班

    视觉中国战略投资企业景致三维联合深圳携创高级技工学校,于2025年7月22日启动深圳首家"3D梦工场订单班"。该项目针对3D数字技术人才缺口,定向培养逆向工程师、动画师、渲染师等紧缺人才。课程引入亚马逊、京东等真实商业项目案例,学生将系统学习3ds Max、Maya等主流工具,并考取职业资格证书。学习期间企业提供奖学金和带薪实习,毕业生考核合格可直接入职景�

  • 马斯克:特斯拉Optimus机器人将采用消费者从未见过的设计

    特斯拉的Optimus机器人已进入生产阶段,但未来交付给消费者的版本很可能与当前形态大不相同,消费者从未见过的设计,埃隆马斯克在最近的公司第二季度财报电话会议上对此做出了暗示。 近年来,特斯拉持续展示了Optimus机器人的迭代升级,最终推出了目前正在生产的V2版本。在2025年第一季度的公司全体会议上,马斯克曾向员工表示,特斯拉将力争在今年生产首批Optimus机器

  • 领先三年布局再循环产业,海尔智家又建分拣中心,打通循环全链路

    2025年是"十四五"规划"无废城市"建设收官之年。随着环保意识提升,废旧家电处理成为城市固废治理核心战场。海尔智家率先布局家电回收产业,2022年建成行业首家互联工厂,2023年7月又在青岛建成标准化家电回收分拣中心,形成"回收-分拣-拆解-再生"全流程闭环体系。创新"五网融合"回收模式,通过自建物流、门店回收及"海鲸绿色回收"平台实现全生命周期管理。在拆解环节研发纯度99.9%的PCR循环新材料,解决行业技术难题。分拣中心作为连接回收端与拆解端的中转站,极大提升处理效率。目前海尔已构建覆盖"收、运、拆、用"全环节的家电绿色管理闭环体系,成为行业首个实现全生命周期管理的企业。

这篇文章对你有价值吗?

今日大家都在搜的词: