• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网页中的滚动条为什么设在右边?

网页中的滚动条为什么设在右边?

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含滚动条,网页滚动条等相关知识,佚名 希望在学习及工作中可以帮助到您
为什么滚动条在右边? 三联教程
  为什么大家每天使用的浏览器、word文档的滚动条都在右边呢?很多设计师认为把滚动条放在左边才是更好的设计,但是事实是自从施乐推出 Star(第一台使用图形界面的计算机)以来,每种图形交互界面都将滚动条放在右边。 除开打字之外,拖动滚动条也许是图形交互界面中最常用的操作之一。想想你一般什么时候会使用滚动条。比如你在一个文档或者表单里找某个东西,你把滚动条一点一点往下拖动,与此同时你在文字中不断扫描直到找到你想要的东西。
  这一系列过程中你的眼部动作是怎样的呢?一般来说我们是从左往右阅读文字的,另外重要 的标志信息(比如人名或者标题)一般出现在最左端。因此你的眼睛必须不断的从右边的滚动条切换到左边文章开始的地方。要想更切身的体会这个过程你可以打开一个文档,将窗口压得又短又宽,然后试着拖动滚动条来找东西。你会发现视线焦点的不断变动非常不舒服。如果滚动条放在左边,这一问题立刻就迎刃而解了。
  事实上,在最早期的WIMP界面中,滚动条是既可以在左也可以在右的,但是默认放在左边。直到施乐在Star中将滚动条设置在右边。这一设置后来为苹果的Lisa所继承,然后一路传承到大名鼎鼎的Macintosh,最后为整个计算机行业所接受。
  那么到底是什么促成了滚动条的居右设计呢?如果滚动条在左边,你的手就得越过整个屏幕才能拖动它。当然真正越过屏幕的不是你的手,而是你的鼠标指针,但是你的大脑会觉得是你的手在越过屏幕。这种心理现象同幻肢有类似之处,你操作的鼠标和屏幕上的鼠标指针在大脑中成为了你手臂的延伸,如此一来屏幕上的信息就会被这只虚拟的手臂挡住了。虽然实际上你还是可以毫无阻碍的阅读页面上的信息,但是你会莫名的觉得哪儿出了问题。

您可能想查找下面的文章:

  • 页面出现滚动条的时候如何让滚动条不影响页面宽度
  • DIV常见任务(上) —常规任务(显示滚动条/隐藏div/禁止事件冒泡等等)
  • 网页中的滚动条为什么设在右边?
  • iframe在IE6下出现横向滚动条的解决方案

相关文章

  • 2018-08-23想进阶成PPT 高手?得先学会这些高级动画特性!
  • 2018-08-23辣眼睛?这种粗粝但有趣的设计风格正悄然流行
  • 2017-08-06IE8兼容视图(IE7 mode)与独立IE7的区别详解
  • 2017-08-06用ps两分钟做个xhtml+css的网站首页
  • 2018-08-23AI教程!手把手教你绘制矢量花丛文字效果
  • 2017-08-06浏览器自动填充表单导致网页样式丢失原因分析及解决
  • 2018-08-23【2018UCAN】“YUAN”——设计的自我蜕变与重塑,等你来!
  • 2018-08-23全民K歌歌房是如何设计出来的?让腾讯的体验设计师告诉你
  • 2017-08-06网页制作不得不知道的几个技巧
  • 2017-08-06你需要知道的18个Web可用性原则

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 参与3个项目后,我总结了这个服务流程设计新思路
    • css 样式加载的优先级使用经验分享
    • 单身设计狗春节自救指南!速看!
    • 2018年即将流行的交互设计六大趋势
    • 打包下载!23款网页设计师必备经典私藏英文字体
    • 从交互角度,分析为什么我沉迷抖音,却不想刷微视?
    • sitemesh教程-页面装饰技术原理及应用
    • CSS3的几个标签速记(推荐)
    • 这10条认知,可能就是你和大厂UI 设计师的差距
    • Banner设计宝典系列!玩转9种最常见的设计风格

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有