设计与产品ux.stackexchange.com
为什么鼠标指针是倾斜的而不是直的?
Why is the mouse cursor slightly tilted and not straight?
2014 — 2024,它一次次回到首页
黑点是上首页(≥ 50 分)的那次投稿,空心点是没冲上去的投稿,点越大分数越高。
导读
这是 UX StackExchange 上一个经久不衰的问答:为什么鼠标指针是略微倾斜的箭头,而不是笔直的箭头。页面里的回答和讨论从早期位图光标的像素网格限制、可辨识度、点击热点位置以及遮挡阅读内容等角度给出不同解释,更像是在还原一组设计约束,而非单一官方原因。
为什么经久不衰:它把日常到几乎不被注意的界面细节拆成历史、技术与视觉习惯问题,读起来短小却能看到经典设计如何在约束中形成。
HN 评论精选
回忆 Windows 3.1 的 16×16 自定义光标工具,说明早期光标受小网格像素限制。
我记得 Windows 3.1 有个画自定义光标的工具。小时候(大概 10 岁)我玩它玩得很开心,后来完全忘了,直到现在才想起!那个工具好像是一个 16×16 的网格,确实最容易看清的箭头会用上竖直方向,不过用水平和斜线的光标其实也不差。
eterm查看英文原文
I remember windows 3.1 had a utility for drawing custom cursors. I had great fun making cursors (I was around 10 at the time I guess) and had completed forgotten about it until now! I think that utility was a 16x16 grid, and indeed the easiest to see arrows utilsed the vertical, although actually a cursor which uses the horizontal and diagonal isn't bad either.
从遮挡阅读内容的角度解释:光标只覆盖一侧可减少对阅读的干扰。
似乎没人提到一个挺合理的解释:标准西方文本(以及一般内容)是有阅读方向的;因此光标只覆盖一侧,直觉上就不那么碍事(我们可以顺畅读到点击点,而不被下面的内容搞混)。
darkmighty查看英文原文
Nobody seems to mention a pretty good reason also: standard western text (and content in general) is oriented right-to-left; therefore covering only one side seems to me intuitively less obstructing (we can read perfectly up to the click spot, instead of being confused by what's underneath it)
认为斜箭头的尖端能与图像原点/点击热点重合,便于实现。
我一直以为这是因为斜箭头光标的尖端位于图像的 0,0 坐标,这样鼠标光标图像的原点和箭头的点击点就是同一个位置;而如果是任何竖直箭头,点击点就不再对齐 0,0 了。
ebbv查看英文原文
I always assumed because the point of the diagonal arrow cursor is located at 0,0 in the image, making the origin location of the mouse cursor image and the click point of the arrow the same. Whereas with any vertical arrow cursor, the click point would no longer line up with 0,0.
历次讨论
同类还值得读
贝塞尔曲线入门
A Primer on Bézier Curves
Pomax 编写的贝塞尔曲线在线教程,从基础概念一路讲到曲线求交、投影、曲率等进阶内容,并配有可交互的示例和配套的 bezier.js 库。
设计与产品上首页 7 次 · 2014–2022pomax.github.io编辑精选WebGL 水面模拟
WebGL Water
Evan Wallace 制作的 WebGL Water 演示:在浏览器里实时渲染一片水面,展示折射、反射和焦散等 GPU 图形效果。
设计与产品上首页 6 次 · 2011–2025madebyevan.com设计建议:永远不要使用黑色
Design Tip: Never Use Black
设计随笔提出“永远不要用纯黑”的建议,主张在界面和绘画中改用深灰或带色相的暗色,并借阴影与色彩关系来论证。
设计与产品上首页 5 次 · 2012–2021ianstormtaylor.com用于思考不可想象之物的媒介
Media for Thinking the Unthinkable
Bret Victor 的这个页面围绕《Media for Thinking the Unthinkable》展开,探讨我们用来思考和表达复杂问题的媒介,以及以文字/符号为主的传…
设计与产品上首页 5 次 · 2013–2020worrydream.com编辑精选页面重量很重要
Page Weight Matters
博文讲 YouTube 工程师 Chris Zacharias 的一次页面瘦身实验:团队做了一个更轻量的页面版本,起初从整体平均加载时间看反而更慢;按地理区域分层后才发现,轻量版…
设计与产品上首页 4 次 · 2012–2022blog.chriszacharias.com