这个图片是什么原理，看到黑点就真的代表眼睛需要休息吗？_百度拇指医生
&&&网友互助
?这个图片是什么原理，看到黑点就真的代表眼睛需要休息吗？
听说来自于冷笑话的，所以这个图片是不管怎么都会看到黑点？为什么？
拇指医生提醒您：以下问题解答仅供参考。
这是一种视错觉图而已，不过是视像暂留在视线扫描的一种反应。
　　视错觉就是当人观察物体时，基于经验主义或不当的参照形成的错误的判断和感知。视错：是指 观察者在客观因素干扰下或者自身的心理因素支配下，对图形产生的与客观事实不相符的错误的感觉。我们日常生活中，所遇到的视错觉的例子有很多。比如，法国国旗红：白：蓝三色的比例为35：33：37，而我们却感觉三种颜色面积相等。这是因为白色给人以扩张感觉，而蓝色则有收缩的感觉，这就是视错觉。
　　每个人都会有这种现象，你只需要盯住一个点看就不会眼花了。
截图试试，，如果截图还是这样子的话就需要休息，截图后没有黑点，那就纯属娱乐、
说明你需要休息
为您推荐：
* 百度拇指医生解答内容由公立医院医生提供，不代表百度立场。
* 由于网上问答无法全面了解具体情况，回答仅供参考，如有必要建议您及时当面咨询医生
向医生提问为什么要用css加载不同分辨率图片？这就让你彻底搞懂其中原理！
为什么要用css加载不同分辨率图片？这就让你彻底搞懂其中原理！
图片是前端er经常要处理的，最近发现，我身边很多人不知道手机端的图片为什么是用2倍大，背景定位又是怎么计算的呢？今天就来看下原理。
高清显示屏显示原理
高清显示屏起源于 retina ，就是鼎鼎大名的乔布斯提出的，这是一种备足够高像素密度而使得人体肉眼无法分辨其中单独像素点的液晶屏。总结有以下两个特点：一种具备超高像素密度的液晶屏同样大小的屏幕上显示的像素点由1个变为多个，如下图：
retina显示屏 只是高清显示屏的一种
随着苹果的 retina显示屏 推出以来，很多厂商也开始推出自己的高清显示屏，如三星手机、小米手机、华为手机等，而目前市场的移动设备大都是高清显示屏了，其实它们的显示原理都是来自苹果的 retina显示屏。高清显示屏下图片变模糊
了解高清显示屏的原理后，我们可以想象有同一张图片在不同的2部手机中，一部是普通显示屏，一部是高清显示屏，在同样大小的屏幕上，高清显示屏中的位图会被放大，图片会变得模糊。
常见高清显示屏中位图被放大的比例
我们可以了解到 retina显示屏 中图片被放大的倍数高达 2:1，而其实各种高清显示屏放大的倍数是不同的，有 1.3:1、1.5:1、2:1、3:1 ，目前最多的是 2:1，而 有些手机甚至已经到了图片被放大的倍数高达 3:1。如何区分普通显示屏和高清显示器
devicePixelRatio，通过它的数值来区分普通显示屏和高清显示器，关于它的详细介绍可以去看张鑫旭大神写的一篇文章《设备像素比devicePixelRatio简单介绍》，写的非常好。实际上它就是设备上物理像素和设备独立像素( device-independent pixels (dips) )的比例，即 devicePixelRatio = 屏幕物理像素/设备独立像素 。
那么，通过计算 devicePixelRatio 的值，是可以区分普通显示屏和高清显示器，当devicePixelRatio值等于1时（也就是最小值），那么它普通显示屏，当devicePixelRatio值大于1(通常是1.5、2.0)，那么它就是高清显示屏。如何设计高清背景图
为了更好的提升用户体验，节省移动端的流量，针对不同的显示屏，我们可以采取不用的方案，保证图片在不同显示屏幕下正常展现，这个方法跟设计原生APP中针对不同分辨率采用使用不同图片的原理相似。
利用媒体查询结合 devicePixelRatio 可以区分普通显示屏和高清显示屏，来加载不同尺寸的图片：针对普通显示屏(devicePixelRatio = 1.0、1.3)，加载一张1倍的图片针对高清显示屏(devicePixelRatio >= 1.5、2.0、3.0)，加载一张2倍大的图片
基于现在大部分手机都是高清显示屏（大部分还是2倍屏），所以一般设计稿给的尺寸也都是2倍的，完了也可以通过上边说的判断去制作3倍图进行加载保证用户体验。优秀设计联盟-SDC-优设网-设计师交流学习平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 7 分钟
上次分享了后，Akanelee 妹纸特地提醒小编有后续文，谢谢！ ^_^
妹纸是台湾设计师，分享的文章都是干货满满的。
8px那篇引起很多回应，我想这要从几个角度来解释。UI 口中的「糊」和 RD 眼里的「糊」是有差别的。图片会糊的原因分成几种：
1. 小图放大会糊。& 这是废话，BJ4。
2. 大图缩小会糊。& 一定有人想问为什么。
3. 就算是向量档，只要像素没有对齐一样会糊。
4. PX 非整数。& Pixel 没有0.x 这种数值。
大图缩小会糊
这只老鼠的照片，缩小后屁股那边的毛色就糊成一团了。这就是为什么 Desktop icon 在制作上会建议不要放文字、图片越简单干净越好。512px 的精致设计到了72px 就什么也不剩了。
比如这张唱片好了，非常漂亮，很多的细节，缩小之后文字上的纹路糊了、左下方的字也看不清楚，背景的人像硬币也只剩色块，细节通通不见了。这也是一种模糊的方式。
画向量会糊
我的 BLOG 读者应该是 RD 人数比较多，所以这部份相信你们很少接触。（连很多 UI 都没留意到这个问题了）。即使是用向量制图还是会糊的！举个例子：
可以看到左边那个矩型好像有长毛边、右边那个边缘锐利。
左右两个矩形其实是同一个，只差在有没有对齐像素网格线而已。
要保持向量图的锐利边缘，可以这样设定：Photoshop & 偏好设定 & 接口。
只要是形状图层，记得一定要把对齐边缘勾起来。就算是从 illustrator 贴过来的也要勾，会明显看到边缘变干净了。
这种糊在画大图的时候不怎么明显，一切图下去就容易在小尺寸的 icon 上出现问题。所以做小图放大最安全，但做大图再缩小画面精致，看要怎么取舍了。
Web 上要用 8px 进行设计的条件
8px 的文章很多人问我为什么不是 Web，8px 设计法是为了解决「图片会糊」的问题，基于 web、8px 这两点为前提做出说明。
如果在 640px 屏幕上变动宽度的方式放上 4px 的图，他需要占画面宽的 0.625%，所以在 240px 屏幕的情况下该图片的宽度就会变成是 1.5px。但 1.5px 不存在，所以表现出来一定是 1px 或 2px，造成模糊。这就是 8px 设计想要避免的状况。
但在 8px 设计法在 reponsive design 实务上会遇到困难。在 web 上的图片有两种型式，固定呎吋和变动呎吋。固定呎吋就不用提了，屏幕呎吋再怎么变他就是这么大。但变动呎吋是跟着父元素的大小变化，如果说这其中参杂着固定呎吋的设定就会产生问题。
举例来说，在 640px 的 HTML 里放一个 div，padding 设左右 8px，里面再放一个 div，并在此 div 内放上一张宽 100% 的图片。所以该图片在 640px 下的宽度会是 624px，但在 HTML 宽度变成 240px 的情况下时就会变成 224px。从 8px 设计的概念来看，624px 是 8px (640px 的基数) 的倍数没错，但 224px 并不是 3px (240px 的基数) 的倍数，这就违反了该设计的原则了。
简单说，在 responsive web 上要用 8px 为单位做图不是不行。但条件是所有的 margin, border, padding, width, height 全都得用 % 去设，而且 % 也得算的刚好，不然也会破功。
（此部份感谢老公说明：8px 用在 Web 设计上…何苦呢…）
iOS 注意双数问题、注意像素对齐，基本上不太会糊。Android 比较麻烦，切图前请向你家 RD 询问如何切图及标示文件怎么标，做9-patch的话、底图和文字是不是要分开切？图片是要用固定 px 还是算等份之类通通问清楚做笔记。注意因应屏幕尺寸产出的各种切图清晰度，或干脆产出 3 套不同尺寸的 psd 档、各别调整后再切图。
原文地址：
作者：Akanelee
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量68万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
设计师基础知识：你知道线框图和原型有啥区别吗
编者按：这篇文章出自UXPin的首席执行官Marcin Treder。编译：@陈子木
线框图并非是原型，但即使是经验丰富的设计师也可能会将两者混为一谈。实...
评论还可以输入字
验证码加载中....
评论就这些咯，让大家也知道你的独特见解
以上留言仅代表用户个人观点，不代表优设立场
阅读 10622编者按：自从阿里巴巴UCAN用户体验论坛大会结束后，很多同学问优设这边有没有嘉宾演讲的文字版，这几天会陆续放出来，让没去成现场的人也可以听到大牛的干货咯。今...阅读 20918@TTTing1 ：我意识到很多人还是不懂电商设计是做什么的，所以我决定要不再写一篇关于服务于平台的电商设计师和服务于店铺的电商设计的差别的文章，接下来我给...阅读 6950编者按：今天饿了么UED的小满同学给大家翻译了一篇国外的用户体验设计回顾总结文，里边提到的9个观点都特别有前瞻性，剥离开细枝末节的视觉风格和交互原则，这些很...阅读 14293@青溪Joanna ：交互说明文档，是交互设计师的输出物中必不可少的一项，它关系着设计方案能否最大程度的被实现。交互新人，大多会烦恼如何写交互文档，今天来聊...阅读 15556大家在浏览网页时经常可以看优秀的海报设计，这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球...这期节目我们请到的是 Rokid 首席设计师姜公略。他和我们分享了他从哈佛到谷歌，再到成为人工智能创业公司 Rokid 首席设计师的成长之路，也深入探讨了人...阅读 12591@C7210 ：Sketch毕竟没有什么学习曲线，颇易上手，相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧，而将一些稍许费力耗时的方式一路...阅读 50418编者按：十月份字体素材全靠它了！今天这波字体可以说是惊喜连连，风格上复古的摇滚的稳重高贵的俏皮活泼的应有尽有，不少字体都有自己的专属介绍网站，可见设计师的心...阅读 18630大家一定对这样的场景有点熟悉，评审的时候，经常会有指点江山的「大神」聚集在设计师周围提出各种问题，有一个问题的出现频率居高不下，那就是「画面有点空，可以再丰...
我们的团队
大家在关注
一扫"掌"握！
上周热门文章
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里向您推荐：
所有回答：0
最佳回答：0
采纳率：0.00%
上环是什么样子的图片网上有吗？我想看看是什么原理，为什么能起到避孕作用。
共有3个答案
宝宝年龄：宝宝3岁
所有回答：16220
最佳回答：4939
采纳率: 30.45%
上环就是计划生育要求避免怀孕，避免不必要的流产采取的一项政策，上环是指上避孕环从而采取避孕的效果，只要生完宝宝身体健康就满月就要求带环
11-26 15:34
上环就是计划生育要求避免怀孕，避免不必要的流产采取的一项政策，上环是指上避孕环从而采取避孕的效果，只要生完宝宝身体健康就满月就要求带环
蜗牛慢慢爬2015
宝宝年龄：6岁以上
所有回答：31325
最佳回答：2410
采纳率: 0.77%
蜗牛慢慢爬2015
你可以去百度百科搜一下看看的，很详细。
11-26 15:30
你可以去百度百科搜一下看看的，很详细。
宝宝年龄：宝宝1岁4个月
所有回答：27711
最佳回答：15343
采纳率: 55.37%
宝宝1岁4个月
百度网上面有上环图片的。你可以去查看一下的。
11-26 15:30
百度网上面有上环图片的。你可以去查看一下的。
迪迪点点 1人回答
肥嘟嘟de宝 0人回答
HAnker@joke 3人回答
herry茜茜 1人回答
husuhs 3人回答
西柚小随 2人回答
喜宝fan 2人回答
客户端下载已被7人收藏
&神奇的图片，这是什么原理？
来自：保密
发帖：32＋217
看看上下两个图形哪个更灰一些？伸出一根手指挡在中间再看看
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...楼主...
来自：保密
发帖：0＋46
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
来自：保密
发帖：125＋829
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
来自：保密
发帖：3＋215
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
来自：保密
发帖：43＋2583
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
天から貰ったこの命 咲いて散るのが我人生
たとえこの華散ろうとも 一生一度の青春を
地獄で咲かせて天で散る 自分で選んだ道だから
命尽きても悔いは無し 我等華麗な暴走天使
来自：保密
发帖：0＋107
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
来自：保密
发帖：10＋3985
估计是因为受中间亮的那段影响。
-------------------------------------------------------------------------------------------
这家伙很勤劳，但是不知道写什么。
来自：保密
发帖：197＋3522
有全套……
-------------------------------------------------------------------------------------------
想玩cod的就跟上来吧
http://www.sh-clan.com/bbs/List.asp?BoardID=8
来自：保密
发帖：243＋7809
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
拉好裤子和钱包上的拉链.
来自：保密
发帖：32＋642
求下面的全套
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
来自：保密
发帖：0＋44
放一根手指在中间还是下面的要亮一些~~~为什么放手指会觉得下面的也变暗了是因为手指遮住了光线导致产生阴影~~个么看上去下面的就和上面的差不多黑了~~
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...10楼...
来自：保密
发帖：133＋5225
-------------------------------------------------------------------------------------------
过自己想要的生活不是自私 要求别人按自己的意愿才是
...11楼...
来自：保密
发帖：2＋5519
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...12楼...
来自：保密
发帖：46＋3043
手指放在下面那张图的中间了
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...13楼...
来自：保密
发帖：1＋43998
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
大兴街是我长大成人的所在
...14楼...
来自：保密
发帖：1＋638
还是下面的图片好看一些
获网友奖分20点 &
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...15楼...
来自：保密
发帖：503＋14707
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
戳 --- PM：mjj@5zj.org
------------------------------------------------------
这个家伙很懒，什么也没留下......
...16楼...
来自：保密
发帖：3＋115
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
Internet Explorer 无法显示该页面
...17楼...
来自：保密
手指放在下面那张图的中间了
-------------------------------------------------------------------------------------------
阳光洒满肩头，仿佛自由人。
...18楼...
来自：保密
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
ThinkPad&ThinkCentre高级经销商
价格从优，服务不打折
...19楼...
来自：保密
发帖：19＋661
下面这形状无敌了。。。pm套图
-------------------------------------------------------------------------------------------
时间的手翻云覆雨了什么~从我手中夺走了什么！
...20楼...
来自：保密
发帖：62＋503
放一根手指在中间还是下面的要亮一些~~~为什么放手指会觉得下面的也变暗了是因为手指遮住了光线导致产生阴影~~个么看上去下面的就和上面的差不多黑了~~
胡说八道，上下两张色度本来就一样，只是中间那亮条影响了你的视觉，用其他角度看图片就可以了，上下灰色部分很明显
-------------------------------------------------------------------------------------------
荒翻杠开大吊车
...21楼...
来自：保密
发帖：4＋727
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...22楼...
来自：保密
发帖：7＋605
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...23楼...
来自：保密
发帖：64＋1782
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
我们都只是宇宙中的尘埃,终将会被遗忘.所以放下执念享受人生吧.
...24楼...
来自：保密
发帖：2＋133
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...25楼...
来自：保密
发帖：3＋143
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...26楼...
来自：保密
发帖：251＋9578
房间光线关系。一般你看显示器的时候都有上方的光线
你如果把显示器平放不用去档中间 也是一样的
-------------------------------------------------------------------------------------------
我爱的人已有了爱人
...27楼...
来自：保密
发帖：245＋10752
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
男人忽悠女人，叫调戏；女人忽悠男人，叫勾引；男女相互忽悠，叫爱情。
...28楼...
来自：保密
发帖：1＋216
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...29楼...
来自：保密
发帖：0＋1507
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
首先，请你以一种，团成一个团的姿势，然后，慢慢地比较圆润的方式，离开这座让你讨厌的城市，或者讨厌的人的周围
...30楼...
来自：保密
发帖：62＋6856
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
Rocker不上班Rapper不撑伞
...31楼...
来自：保密
发帖：827＋12519
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
侬只乡窝宁
...32楼...
来自：保密
发帖：96＋15998
-------------------------------------------------------------------------------------------
临兵斗者皆阵列在前
...33楼...
来自：保密
发帖：12＋1684
手指放在下面那张图的中间了
-------------------------------------------------------------------------------------------
...34楼...
来自：保密
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
3个礼拜的记忆
...35楼...
来自：保密
发帖：337＋9096
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...36楼...
来自：保密
发帖：4＋4956
手指放在下面那张图的中间了
看看上下两个图形哪个更灰一些？伸出一根手指挡在中间再看看
[向左转] [向右转] [原图]
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...37楼...
来自：保密
发帖：888＋7604
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
...38楼...
来自：保密
发帖：221＋3735
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
首先，请你以一种，团成一个团的姿势，然后，慢慢地比较圆润的方式，离开这座让你讨厌的城市，或者讨厌的人的周围
...39楼...
来自：保密
发帖：0＋4331
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...40楼...
来自：保密
发帖：33＋2945
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
人生就是这样，一点道理都没有
...41楼...
来自：保密
发帖：1＋251
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...42楼...
来自：保密
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
键 盘 车 神
...43楼...
来自：保密
发帖：19＋8508
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...44楼...
来自：保密
发帖：15＋1067
求下面的全套
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...45楼...
来自：保密
发帖：178＋6108
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
无线路由器的爱好者
...46楼...
来自：保密
发帖：411＋3761
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
一个坚强的挨踢人员
...47楼...
来自：保密
发帖：131＋2064
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
这个家伙很懒，什么也没留下......
...48楼...
来自：保密
发帖：166＋9980
还是下面的图片好看一些
-------------------------------------------------------------------------------------------
比陆地宽广的是什么？ 是海洋
比海洋宽广的又是什么？ 那是天空
那比天空更宽广的又是什么？ 是那接盘侠的胸怀
...49楼...
首先，请你以一种，团成一个团的姿势，然后，慢慢地比较圆润的方式，离开这座让你讨厌的城市，或者讨厌的人的周围首先，请你以一种，团成一个团的姿势，然后，慢慢地比较圆润的方式，离开这座让你讨厌的城市，或者讨厌的人的周围
神奇的图片，这是什么原理？
数码影像推荐
最新二手发布
扫描关注官方微信
扫描下载客户端
奖励分值：您今日还有 3 点分值可以奖励 [ 20 点奖分可自动换取 1 点PP]
请输入4位有相同表情的数字
&违反国家法律&&&&&&&&&含有色情内容
&对他人进行恶意攻击
&散布广告以及其它商业化的宣传
&干扰或混乱kds宽带山网络服务
&发布任何包含种族、 性别、宗教歧视性和猥亵性的信息内容
&恶意刷屏&&&&&&&&&&&&&&&内容重复&&&&&&&&&&&&&&&攻击管理员
&本人要求删除&&&&&&&&当事人要求删除
&与主题无关&&&&&&&&&&&水贴软文&&&&&&&&&&&涉及敏感政治内容
&被要求删除，你懂的&&&&&&&&&&&盗号并发布违规或广告内容
扣除hp值：
宽带山警务室
&恶意刷屏&&&&&&&&&水贴软文
&违反国家法律
&含有色情内容
&对他人进行恶意攻击
&散布广告以及其它商业化的宣传
&干扰或混乱kds宽带山网络服务
&发布任何包含种族、 性别、宗教歧视性和猥亵性的信息内容
&网页不能打开
&图片不能显示
已报名参加的人员: