六安沧州西安三亚宝鸡菏泽
投稿投诉
菏泽德阳
山西湖州
宝鸡上海
茂名内江
三亚信阳
长春北海
西安安徽
黄石烟台
沧州湛江
肇庆鹤壁
六安韶关
成都钦州

当你在看网页时你的眼睛在看哪里

  理解人眼的阅读习惯,才能做出更加合理有效的设计。
  要创造正确的视觉层次,你就要理解我们的眼睛如何处理信息,UXPin的ChrisBank说。
  一个艺术大师除了要具备创造力,还要考虑一些细节问题,比如写作、用色、尺寸、包含哪些内容,可能更重要的是舍弃哪些。这可不是容易的事,所以我们才会对达芬奇和梵高这样的大师推崇备至。
  网页UI设计师也应该如此。这本免费电子书网页UI最佳实战中讨论过,网站也是视觉艺术的一种形式,以它独有的方式,它要遵循很多传统艺术形式的规则。这是审美的科学,掺杂了一些商业准则,非比寻常的网站界面,必须让人感觉毫无压力、引人入胜。
  本文中,我们首先看看视觉层次是什么,如何创造,然后我们再了解它如何在视线的自然运动中发挥作用。
  组织视觉
  LukeWroblewski,专栏作家兼雅虎产品设计高级主管,在他的的文章通过视觉层次沟通中阐释了网站界面的视觉表现在以下方面的重要性:
  通知用户像一只无形的手,界面应该引导用户一步步采取行动,却不会让用户感到压迫。比如当你向下滚动,支付服务商Square引导你了解它的价值所在,每一步都有相关的引导号召你采取行动。
  传达内容之间的关联界面展现内容的方式,应该符合用户对信息的优先级理解。例如,人气设计网站Abduzeedo在顶部包含了清晰的分类,推荐内容在中间,底部则是详细的分类。
  影响情绪人们去餐馆可不只是为了食物果腹。他们要的是口味、质感、外观,还有令人难忘的环境。界面设计也一样,而且假如你建立了积极的情绪响应,人们可能更容易谅解网站的缺点。比如Wufoo就是个完美案例,界面非常实用且令人愉悦。
  你的UI设计,最终目标是要解答以下三个问题:
  这是什么?(有用)
  如何使用?(易用)
  关我什么事?(渴望)
  人眼的可预见性
  不论是角落的匆匆一瞥,还是对某个路人的仔细打量,人的视线总是自动聚集在某些特定的兴趣点上。虽然这点因人而异,多数人还是容易遵循某种明确的走向也包括如何浏览网站。
  在一篇关于视觉原则的文章中,99Designs的设计专栏作家,AlexBigman,谈到了在左向右阅读的民族中,两种占据主导地位的阅读模式。我们依次来看看。
  01。F模式
  通常体现在文字密集的网站中,比如博客,读者首先沿着左侧的文字垂直向下浏览,从每段的前几句寻找他感兴趣的关键词或要点,F模式由此得来。
  当读者找到了喜欢的东西,他们就开始正常阅读,构成了水平线。结果就导致了看似字母F或E的路径。CNN和NYTtimes两者都使用了F模式。
  NielsonNormanGroup的JakobNielson进行了一次易读性研究,基于232名用户浏览上千个网站,还有F模式涉及实践的详尽说明用户很少逐字逐句阅读。
  前两段最重要,应该包含你的营销妙语。
  起始段、副标题、重点列表中要带有诱人的关键词。
  它会如何影响网站的界面设计?请看下图。
  图中可以看到,数秒钟内就能看到最重要的内容,下方立马接上更详细的内容(还有行动号召),方便快速浏览。
  对于想要嵌入广告和行动号召,又不希望内容被淹没的网站,F模式非常有帮助。切记,永远是内容为王,侧边栏的存在是加深用户的参与。和其他所有模式一样,F模式是一套指导方针而非模版因为读过F中的头几行之后,F模式可能会让人感觉枯燥。
  02。Z模式
  Z模式浏览发生在不以文字为核心的网站中。读者首先浏览页面顶部的一条横线,不论是因为菜单栏,还是出于在顶部从左至右浏览一遍的习惯。当视线到达尽头,它会飞速向左下移动(这也是出于阅读习惯),在页面下方部分重复水平方向上的搜寻。
  Z模式几乎可以运用于任何网站界面,因为它满足了网站的核心需要,比如层级、品牌、行动号召。Z模式对于简洁至上、核心是行动号召的界面效果最佳。
  在一个内容复杂的网站中强行使用Z模式,或许不如F模式来得奏效,但Z模式有助于带来一些秩序,导致布局的简化(还有转化率的上升)。牢记以下几则要点:
  背景分离背景,让用户的视线停留在网站结构内。
  1号点这是你logo的最佳位置。
  2号点增加一个彩色的次要行动号召,有助于顺着Z模式引导用户。
  页面中央页面中央的焦点轮播图能把顶部与底部区域分离开,引导视线顺着Z模式流动。
  3号点增加图标,从此处开始,顺着横轴移动,能将用户引导至4号点的最终行动号召。
  4号点这里就是终点了,是你主要行动号召的最理想位置。
  预测用户的视线如何移动能带来巨大的优势。在页面上排布元素之前,通过优先级找出最重要和最无关紧要的元素。一旦你知道要给用户看什么,将它们置于各种模式的热点区,创造正确的交互,简直易如反掌。
  你甚至还能在整个页面中贯穿和延伸Z模式,如果你觉得在行动号召之前还有更多有价值的主张,可以重复运用14号点。

水塔储备的水是死水吗经常有人无法分开死水和活水,其实很简单就看有没有流动性,流动的就是活水,反之就是死水,死水到底能不能喝?小编觉得死水是不能喝的,因为水一旦长时不流动肯定就会滋生细菌,那么水塔储……哪种握笔器适合小学生现在很多小学生都在使用握笔器,因为很多家长认为握笔器可以纠正小学生的不良握笔姿势,虽然这种想法是非常好的,但是握笔器却不能经常使用,不然很容易导致产生依赖性,现在握笔器的品牌非……玻璃水倒多少合适不少车主在第一次给爱车添加玻璃水时都会疑问玻璃水倒多少合适,下面小编来给您支支招。关于玻璃水倒多少合适的问题,小编认为,应该根据车型,按照说明书上的建议数量进行添加。不要……什么是碳酸饮料呢碳酸饮料是人们日常生活中必不可少的食品。在炎热夏季,人们常用来消暑解热,在餐桌上也是必备之品。那么什么是碳酸饮料呢?下面本站就来讲讲相关的儿童食品安全小知识。碳酸饮料就是……什么是办公室隐形污染办公室隐性污染可能很多白领都听说过,其中,高楼大厦缺氧的隐性污染已被证实在影响着上班一族的身体健康,那么,什么是办公室隐形污染呢?下面本站来给大家介绍下吧。办公室隐形污染……在农贸市场购物如何防盗农贸市场人多,所以小偷往往乘虚而入。接下来小编和您讲讲在农贸市场购物如何防盗?1、外出购物,尽量不携带大量现金和贵重物品;应将钱放在内衣口袋或提包内并护在胸前,证件和卡类……拉拉裤可以晚上用吗拉拉裤的最大好处是方便穿脱,能够在宝宝动来动去的时候就轻松完成更换纸尿裤这件事,不打扰宝宝的探索和认知。那么,拉拉裤可以晚上用吗?就让本站的小编和你一起去了解一下吧!宝宝……预防雷电的安全知识有哪些雷暴云中正负不同极性电荷区的形成过程,称为雷暴云的起电过程。雷暴云中存在着强烈的上升气流和各种尺度及不同相态的水成物粒子,通过扩散、离子捕获、粒子间的碰撞分离等过程,使不同尺度……急性妊娠脂肪肝是什么每一位怀孕的准妈妈都知道,怀孕时要注意均衡饮食,不然可能会增加患妊娠期糖尿病、妊娠期高血压等风险,但大多数人并不知道急性妊娠期脂肪肝才是妊娠晚期特有的致命性少见病。急性妊娠脂肪……剖腹产最多能生几胎剖腹产就是剖开腹壁及子宫,取出胎儿,是一个重要的手术助产方法。例如产妇有明确的骨盆异常、骨盆狭窄,患有严重的内外科疾病如心脏病、前置胎盘、胎盘早剥等情况,产科医生会建议其进行剖……上海汽车限行范围上海的小汽车有很多,有很大的交通压力和环保压力,上海也实行了限行措施,下面带您了解一下上海汽车限行范围。上海汽车限行范围1。限行区域1:探索路、奇妙路和郊野路。……如何预防小儿急性呼吸道感染小儿急性上呼吸道感染系指鼻腔至喉部之间的急性炎症的总称,是最常见的感染性疾病,而且在四季、任何年龄均可发病,小儿因为免疫力低,更容易出现急性上呼吸道感染,预防孩子上呼吸道感染的……
池塘水发黑快速处理方法水发黑的原因池塘水发黑,主要是由于膝口藻或隐藻大量繁殖,成为优势藻种,导致水体变黑。这种情况下,需要停止施肥,延缓它们的生长速度,同时还要补充益生菌,促进其它有益藻的繁殖。另外还可以投放药……和的产品设计差异个案例告诉你数据如何驱动产品设计ToBornottoB,that’snotaquestion。对于产品设计人员来说,重要的是不忘初心,方得始终,永远不要忘记在心里问自己我的产品为什么客户解决了什么问题,怎么解……开过的红酒塞住能放多久适当喝点红酒可以美容养颜,因为红酒是用葡萄酿造成的酒,所以相对于来说要更养生一些。所以,就算不是宴会上,我们也可以自己开上一瓶红酒,睡前小酌一杯,这样更助于入眠。不过开瓶没喝完……天平座的性格特点每个人都有属于自己的星座,不同星座的人性格也会有所不同。天平座的人有很多性格特点,为了让大家更好的了解天平座都有哪些特点,接下来小编将来给大家详细介绍它的有关知识,希望对您有所……订书钉变花图解小小的几个订aclasstaghrefwiki10945ICaaEB3。html书钉a,经过摆拼,就变成了一朵花,下面就来摆一摆吧。工具材料订书钉操作方法……麻子是什么麻子是陕甘地区的特产食品,外形类似于芝麻,老少皆宜。麻子味甘,性平,归脾、胃、大肠经,功效润肠通便、润燥杀虫,临床用名有火麻仁、炒火麻仁。麻子是什么,很多人压根都没听说过……搜狗怎么搜索微信公众平台文章aclasstaghrefwiki10351IQEOPLB2。html搜狗a怎么搜索微信公众平台文章呢?今天小编为大家讲解一下。操作方法01:hr打开电脑,找到搜狗……表格如何设置内容只能输入不能修改Excelaclasstaghrefwiki10404IamBSuc4。html表格a如何设置内容只能输入不能修改呢?今天小编教下大家,希望能够帮助到有需要的小伙伴。操作……建设银行手机银行登陆密码忘了怎么办建设银行aclasstaghrefwiki10788djMDj7yL8kDMdhq。html手机银行a可以方便快捷的查到自己的账户余额,办理各项业务,下面我来讲一下登录密码忘记……哪些方法可以避免手机信息泄露操作方法01:hr不连接可疑的wifi现在很多人玩手机,一旦没有网络,就会特别的焦虑,有很多人一旦出门就会到处找wifi。殊不知有些wifi就是黑客建立的,这些黑客……不知道裤子穿多大码怎么量现在很多人都不知道自己穿多大尺寸的衣服,这时候不知道如何网购选衣服,基本像客服抱体重和身高大概就可以知道穿多大衣服了,如果实体店的话,不知道选哪个尺码去试衣服,不知道自己裤子或……年味进入腊月,年的味道越来越浓了。街市两边纷纷挂起了红彤彤的灯笼,大的、长的、圆的、方的等等,各式各样。超市中也纷纷传来了打折的消息,许多庭院中传出了飘渺的香烟,烟中含着腊肉的气味……
友情链接:易事利快生活快传网聚热点七猫云快好知快百科中准网快好找文好找中准网快软网