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

三角形箭头向右的_鼠标箭头居然不是对称的!我一定不是最后一个发现

我一定不是最后一个发现的。电脑桌面上的鼠标光标,居然不是对称的。来,我给你们发大一点看看↓那些早就发现的小机灵鬼也别急着得意。你们发现是发现了ÿ
27ff749ac3bdc4b8ad81c07f6cef7d21.png我一定不是最后一个发现的。电脑桌面上的鼠标光标,居然不是对称的。来,我给你们发大一点看看↓

660a393dfca2f5161263331ac3e9a066.png

那些早就发现的小机灵鬼也别急着得意。95b7a0aef70d5b687aa84c5d019199d6.png你们发现是发现了,但你们知道它为什么不是对称的嘛?原因有两点:一、像素的原因。要知道世界所有的图都是由一个个细小的像素组成的。3b1c77cb7769ca81105657d066711557.png如果将我的头像无限放大,我们最后看的将是这样的↓fe7ef5ce883fc99ec3511951061d5f85.gif鼠标的光标图案也不例外。f175e74f9e4c034193c7e121dd45347d.png鼠标的发明者道格拉斯·恩格尔巴特,起初是有意将光标设计成竖直的。

b23fe247d78bc0ffa62a3da39e8cbb41.png

但是在帕罗奥多研究中心的电脑将其开发出来时,却变成了略向右倾斜的。831610a5515b95bad4131c8e57920cf7.png这主要是因为当时的显示器分辨率太低了,鼠标光标上的像素就像锯齿一样,很容易就能被肉眼看见。

d7294c0dd55bbae3dc8de2e54ba78d9c.png

所以为了让“锯齿”美观,当时的设计师选择让箭头左边的这条边成垂直像素。f17f91467b965dfb2e4e90c0f39000f6.png而右边的那条成45°斜角像素。这也就意味着,这个箭头的对称轴的角度,是22.5°。

6ae81a940c4ce6a25f1f88f81419e661.png

如果为了让光标整体对称。那么箭柄的倾斜度就也应该是22.5°,而22.5°的tan值是0.41左右。90c67a1573fdc2472e880a82568a6537.pngtan 22.5°换化成图形结构,就是BC=CD,AB=BD。AD与箭头的对称轴成平行状态。

d266b7688b131b2191c1d0a105dbc1a9.png

接下来进一步抽象,如果把CD看作是1个像素的边。263aaa2009e6846efaf4c3b7a56a8c0a.png那么BC刚好也是1个像素的边。但AB却是1个像素之多,却又不够2个像素。所以,从像素上就没办法填充出一个成22.5°角的光滑斜边。36504b29f6f6a9b507dba5e3d2383eec.png更别说是画出一个好看的箭柄了。

56308dc72f3f370b1c99c6530fb0e621.png

然而要是多加一点度数,设计成26.57°对称的话,情况就会变得截然不同。tan 26.57°值刚好是0.5,使得AB=BC=CD。5ee4430239197d526a18fb2885833512.png这样,像素在填充箭柄时,只需每横移1个像素就固定往下画2个像素就可以了。边缘就会变的比较好看。

ccf7133d51b5f3032e3fb1f5e99b2732.png

二、视觉效应。从视觉上来讲,对称的设计必然看起来很舒服。423406e3947ef54ac8fa3796bc20c910.png但是舒服久了就容易产生视觉疲劳,造成鼠标光标在显示器上看不那么明显。失去了原本其指向性的意义。

bb20b2fd7a82626c2a8722787b4f7409.png

而偏斜的却不会,再加上光标箭头本就尖锐。aaf30f3ee8709927b8ab84df73340286.png二者合一,则会给视觉上一记最锋利的冲击。很多弯刀的设计就是这么理,你品,你细品。

bde79405ccffb0e8ac1b7a531dbdc960.png

至于鼠标光标为什么向左上倾斜,而不是右、右下、左下。d5628f0de7262765214b7a710bf0f2f7.png原因也很简单,多数人是用右手拿鼠标,而光标的主要意义在于替代我们手显示在桌面上。所以它要尽可能的模仿我们。其次,人们看东西时也是习惯从左向右。

e454f40b8269d73314c113c3bf81675b.png

不要小看一个小小的鼠标光标,它内涵着很多学问。光是我今天说的,就有数学、美学和社会学。5b666c9be2d07cbeb8c2e71a04bd3d25.png我们只是习惯了鼠标箭头的样式,才会固定思维觉得它很平常,但对于创造者来说,鼠标光标的样式在他脑中是为零的。所以,它算得上是历史上最伟大的设计之一。

1c3561f8b6fc4e95768d35600df3cd37.png

只是辛苦一些强迫症盆友了。22bea3d861295f73cb80e094a9e9104c.png对不起,告诉你们了这样一个知识。

b27083c45a24088d056ca380d96fc61a.gifed976a713338c3e8eb0d6b6aa270dcf9.gif

喜欢唐唐的,点zan




推荐阅读
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 本文介绍了Python高级网络编程及TCP/IP协议簇的OSI七层模型。首先简单介绍了七层模型的各层及其封装解封装过程。然后讨论了程序开发中涉及到的网络通信内容,主要包括TCP协议、UDP协议和IPV4协议。最后还介绍了socket编程、聊天socket实现、远程执行命令、上传文件、socketserver及其源码分析等相关内容。 ... [详细]
  • 关羽败走麦城时路过马超封地 马超为何没有出手救人
    对当年关羽败走麦城,恰好路过马超的封地,为啥马超不救他?很感兴趣的小伙伴们,趣历史小编带来详细的文章供大家参考。说到英雄好汉,便要提到一本名著了,没错,那就是《三国演义》。书中虽 ... [详细]
  • 本文分享了一个关于在C#中使用异步代码的问题,作者在控制台中运行时代码正常工作,但在Windows窗体中却无法正常工作。作者尝试搜索局域网上的主机,但在窗体中计数器没有减少。文章提供了相关的代码和解决思路。 ... [详细]
  • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • PHP设置MySQL字符集的方法及使用mysqli_set_charset函数
    本文介绍了PHP设置MySQL字符集的方法,详细介绍了使用mysqli_set_charset函数来规定与数据库服务器进行数据传送时要使用的字符集。通过示例代码演示了如何设置默认客户端字符集。 ... [详细]
  • Java序列化对象传给PHP的方法及原理解析
    本文介绍了Java序列化对象传给PHP的方法及原理,包括Java对象传递的方式、序列化的方式、PHP中的序列化用法介绍、Java是否能反序列化PHP的数据、Java序列化的原理以及解决Java序列化中的问题。同时还解释了序列化的概念和作用,以及代码执行序列化所需要的权限。最后指出,序列化会将对象实例的所有字段都进行序列化,使得数据能够被表示为实例的序列化数据,但只有能够解释该格式的代码才能够确定数据的内容。 ... [详细]
  • 橱窗设计的表现手法及其应用
    本文介绍了橱窗设计的表现手法,包括直接展示、寓意与联想、夸张与幽默等。通过对商品的折、拉、叠、挂、堆等陈列技巧,橱窗设计能够充分展现商品的形态、质地、色彩、样式等特性。同时,寓意与联想可以通过象形形式或抽象几何道具来唤起消费者的联想与共鸣,创造出强烈的时代气息和视觉空间。合理的夸张和贴切的幽默能够明显夸大商品的美的因素,给人以新颖奇特的心理感受,引起人们的笑声和思考。通过这些表现手法,橱窗设计能够有效地传达商品的个性内涵,吸引消费者的注意力。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • faceu激萌变老特效的使用方法详解
    本文介绍了faceu激萌变老特效的使用方法,包括打开faceu激萌app、点击贴纸、选择热门贴纸中的变老特效,然后对准人脸进行拍摄,即可给照片添加变老特效。操作简单,适合新用户使用。 ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • 大连微软技术社区举办《.net core始于足下》活动,获得微软赛百味和易迪斯的赞助
    九月十五日,大连微软技术社区举办了《.net core始于足下》活动,共有51人报名参加,实际到场人数为43人,还有一位专程从北京赶来的同学。活动得到了微软赛百味和易迪斯的赞助,场地也由易迪斯提供。活动中大家积极交流,取得了非常成功的效果。 ... [详细]
  • 给定一个二叉树,要求随机选择树上的一个节点。解法:遍历树的过程中,随机选择一个节点即可。具体做法参看:从输入 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文介绍了在微店中如何修改分销产品的价格以及设置价格的方法。客户在拍下商品后,在1小时内可以进行修改价格的操作,通过进入订单管理,点击未付款子项,可以找到订单信息并进行改价操作。修改价格后,买家会收到改价后的短信通知,在微店订单中进行付款即可。 ... [详细]
author-avatar
顽童0006_648
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有