503 Service Temporarily Unavailable
503 Service Temporarily Unavailable
openresty/1.9.7.430张超厉害的视觉错觉图,看完不相信大脑了……
我的图书馆
30张超厉害的视觉错觉图,看完不相信大脑了……
无论你走到哪里，这些恐龙的眼睛都盯著你。这个现象有一个名称，叫做「凹面错觉」，凹面错觉出现的原因，是因为人们有视觉记忆。比如说，我们平常看到人的脸都是「凸」的，而不是凹的，所以大脑会认为所有类似脸的东西都是凸的。所以即便看到的右眼离你比较远，你的大脑也会认为那是一张脸，而因为你的大脑觉得那是一张脸，所以它会尽量把那个画面分辨成一张脸。这张图片所表现出来的错觉，与上面提到的很相近(看起来是凸的，但实际上是凹的)，这个错觉叫做「凹面具」，它有时候会被运用来检测精神分裂症(因为精神分裂症患者所看到的东西无法与大脑做连结，所以他们不会有错觉的情形)一个健康的大脑会将凹脸(面具背后那一块)看成是凸脸，但精神分裂症的患者并不会有错觉的情形，他们看到的是一张凹面具。巴黎有一座公园，运用视觉特定的角度，将草地设计成一个地球的形状，从这边望过去，就好像是一个立体的地球 (实际上不是)，是不是很神奇呢？French法国艺术家 Fran?ois Abélanet运用3D错觉的概念来进行创作，为的就是要凸显保卫环境的议题，邀请人们一同思考大自然在我们生命中所扮演的角色。火车到底往哪个方向开呢？不妨看久一点，或是眨一眨眼睛，火车就会改变方向喔！这种现象称之为「马车轮效应」。尝试将你的眼睛闭上一秒，然后再打开看著火车，或者尝试看著你想要火车运行的方向，接下来你就会发现你可以操控方向萝。这个原理对摩天轮也是一样的盯著这个动态的涡状图图形30秒，然后在看看下方的水底城市与瀑布。当你盯著图片一阵，开始感到疲惫想要移开让视线的时后，你大脑的视觉会短暂地停留在先前的影像。而产生视觉的暂留，就是为什麽你看完动态的炫涡图形后，水底城市与瀑布的水好像真的在流动。神奇的视觉错觉表演，这些物体是不是很像漂浮在半空中呢？这是法国一位杂耍艺人Lindzee Poi所发展出来的技法，用来欺骗你的大脑和眼睛。当然这位街头魔术师不会告诉你这项表演的秘密。你可能无法相信，但方格「A」和方格「B」的阴影是同样的灰色。大脑总是在帮我们辨认生活周遭的颜色，它会自动地去调整我们所看到的。在上面这张图片中，由于B被放置在绿色的圆筒旁边，所以即便它的阴影与A相同，大脑还是会自动认为B的阴影应比较浅的。黄色和绿色的长条好像是在互相竞逐对不对？当黑色的长条被移开，你会发现它们是平行的，这是因为这些黑色长条会扭曲你的视觉，让你掉入大脑的陷阱当中。注意下面这个图片中的主要颜色，直到它们变成黑白的时候…就算照片变成黑白色，你的大脑也会自动地辨认成蓝色或橘色 (因为你之前看到的是橘色和蓝色)。眨一下眼后，照片就会变回黑白色了。注意看著那个点…将两张照片相互叠合，摄影师就可以创造出如此传神的轮廓照。摄影师将两张人类自然轮廓的照片堆叠起来，由于视觉错觉的原因，我们可以同时看到人脸的正面与侧面。上图这个螺旋状的图片并不是真的螺旋状喔，它只是圆形组成的，但大脑会认为是螺旋状。看下面……下图中将你的眼神固定在黑色的点点上，灰色条纹的部分会变成蓝色或绿色喔。当你注视著黑色点点时，灰色长条就会开始与橘色的背景融合在一起。但当你的眼神离开黑点后，长条又会变成灰色的了。在这张照片中的每一个点都是白色的，但有一些看起来却是黑色的。不管你再怎麽努力，你都无法直接地看到黑色圆点。这个视觉错觉至今还是一个未解之谜。透过视觉错觉的原理，只需要一张黑色的纸，艺术家Brusspup就能创造出神奇的动画。甚至还可以骗倒猫咪！上面的正方型颜色看起来似乎比下面的还要深，但事实上它们颜色是一样的 (除了它们的边界)。尝试用你的手指挡住两个形状的边界(就是红色箭头指的地方)，颜色就会修正了。这个现象称之为「康士维错觉」，因为边界的颜色不同，因而产生两个物体的对比效果。这些汽车的大小看起来不一样，事实上它们的大小都是一样的。这种现象称为「彭佐错视」(Ponzo illusion)，这种现象会发生的原因在于，我们大脑判断物体的大小是以平面做为基准。所以同样大小的物体，但不是在平面上的话，离我们最远得那一个，会显得比较大。如果一直盯著绿点看，黄点会消失不见，但眨一下眼ㄏ就回来了。这个错视现象称之为「特克斯勒现象」，当我们目光凝视一个固定不变的图片，它的背景会在我们的视觉意识中消失，特别是当周围的图片持续变动的时后。以下这个图片也有相似的现象，看著中心的十字，粉红色的点点就会消失。注视中间那个黑点，会看到高速移动的绿点。Akiyoshi Kitaoka 运用几何图形、亮度与色彩，创造出动态的视觉错觉。所以这些图片并不是动画，是我们大脑让我们这样想的。使用相同的技巧，Randolph也创造出一个极相似的作品，但它更加奇幻。使用简单角度设计，艺术家Ibride就能创造出很不一样，看似难以完成的艺术作品。用手遮住走道一边，你会发现速度变快了，但你若遮住中间，就会发现速度变慢了。这些垂直的线条看起来似乎有点参差不齐，但只要看得够久，你会发现这些线条相互都是平行的。大脑在反应灰色这个颜色上是比较慢的，因为大脑将灰色界定为可能是黑色或白色，所以这种错觉会让我们觉得线条是参差不齐的。右边的这个比萨斜斜塔看起来似乎更加向右倾斜，但事实上它们是平行的。如果这两个塔是平行的，从地面上来看，距离越远，它们就会逐渐聚在一起，由于我们的视觉系统在观察两个平行的物体时会有这种状况，所以当我们近距离的看这两座平行的塔时，就会觉得它们是相互离散的。
TA的推荐TA的最新馆藏热门推荐：
　　每一次当有大公司更改自家logo时，总有忠诚的粉丝表示不满和失望。比如最近吧，Instagram修改了它的App图标，结果这个由著名设计师Adweek设计的、更加扁平抽象的图标被众多用户评价为“今年最失败的设计”。
　　但是根据一款叫做Dragonfly（蜻蜓）的应用的分析，这样的评论是错误滴！Dragonfly是由数据软件开发商Black Swan和伦敦大学玛丽皇后学院联合开发的一款设计分析应用。它的分析结论是：Instagram的新logo对用户视力的捕捉强化了10%。
　　Dragonfly使用了这么一种计算模型――当某人在看一个图片时，模型会分析他的视觉特征，包括方位、对比度、纹理和亮度等，并给图中每个像素打出一个刺激注意力的分数。最后呈现的结果就是热图（heatmap）――热图可以告诉我们什么可以在视力投射的前三秒内更好地抓住人类的注意力。
　　下面我们使用Dragonfly来分析一下10个著名品牌的新旧logo，如果“显著性分数”满分100， 我们看看它们都拿了多少分，从而判断logo的变化是利是弊。
　　Instagram的旧版logo分数平平，只有58分，并且它的显著性主要来自于Insta这几个字母，在明亮背景的对应下显得比较突出。
　　而新logo拿到了68分的显著性分数，因为它“更加有力”，“更明亮的色彩梯度被白色的摄像头线条所打断”，因此可以吸引视力集中在logo中心位置。
　　谷歌的旧版logo拿到了一个还不错的分数――67分，这对于这样一个标志性图案并没什么好惊奇的。
　　而它的新版logo分数反而降到了65。Dragonfly认为这是由于它的字母“g”去掉了旧版中的圆环状设计，但这个设计其实蛮吸引眼球的。
　　Uber的旧版logo，字母中白色的“U”放在黑色背景中具有较强的视觉冲击力，所以Dragonfly给出了65分，还不错！
　　而新版logo就没什么亮点了，所以只有平平无奇的53分。
　　Airbnb的旧logo获得了76分的高分！从热图可以看出，旧版logo大面积的红色区域表明其视觉吸引力很高。
　　新logo表现也很好，75分几乎和前作持平。插一句话，Airbnb的logo设计的很成功，和它的创始人们具有艺术设计背景有关。
　　Twitter的旧版logo中，小鸟的嘴部更大更突出。不过它的“显著性分析”只得到了47分。
　　新的logo就好多了，得到了58分，大为进步。新logo中小鸟的嘴巴虽然笑了点，但是成为整个图标的中心，此外新logo也删除了小鸟头顶的羽毛，因为它们会分散注意力。
　　雅虎的旧logo得到了Dragonfly给出的67分。这也是一个经典形象了。
　　但是新logo表现更好，得到了69分，因为Dragonfly认为它的“紫色更深，阴影部分明显，让眼睛觉得更新鲜”。但是logo设计得好，也没法挽回雅虎一去不返的颓势。说到底，好logo是个锦上添花的事情。
　　Facebook的旧logo拿到了80的超高分，因为它使用了一款清晰明了的、有吸引力的字体。（这都行？）
　　新的logo其实改动极小，不过稍微细了一些的字体和更弯曲的“a”字母把分数往下拖了一丢丢――79分。
　　著名的啤酒品牌Coors Light（银子弹）旧版logo得到了73分。根据Dragonfly的说法，这是因为它“紧密压缩的”文本“吸引注意力”。
　　但是新版本logo分数一下子下降到了57分！因为Dragonfly认为“更宽的文本”会“立刻让注意力分散”。
　　Paypal的旧版logo的白色边缘颇受好评，让这枚logo得到了72分。
　　新版logo则移除了白色边缘高光，所以只有66分。此外，蓝颜色明亮度稍高，也会稍微分散注意力。
　　Foursquare的旧版logo表现不错，得了72分。
　　但是新logo“后浪推前浪”，斩下82分！这是一系列评测中的最高分。这是因为logo中尖锐的F红色字母和名字“FOURSQUARE”全部大写，比旧版本更为高清明了。
　　看了这些有趣的分析，你自己创业的时候也可以试试Dragonfly的打分点评哦，一个吸引人的logo可以给你不小的助力！
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
立足硅谷，聚集硅谷开发工程师及产品设计师，解析和推荐众多科...
知名IT评论人，曾就职于多家知名IT企业，现是科幻星系创建人
未来在这里发声。
新媒体的实践者、研究者和批判者。
立足终端领域，静观科技变化。深入思考，简单陈述。
智能硬件领域第一自媒体。当前位置： >
> 网站内容布局的基本视觉表现方式:线框图网站内容布局的基本视觉表现方式:线框图更新：&&&&编辑：盼凝&&&&来源：呢小psd源文件&&&&人气：加载中...&&&&字号：|标签：&&&&&&&&&&&&
提示：线框图来简化你的产品流程.
绘制一个线框图是你在一个前必须要经历的历程。线框图能够赞助你合理的组织并简化你和元素，是的，，是开发历程中一个首要的步骤。
一、线框图的好处：
1、让项目组成员在初期就可以对有个清晰明了的认知
2、能激发师想象力，使其在创作历程中有更多发挥
3、给开发者供给一个清晰的架构，让他们他们需要编写的功能模块
4、让每个页面的跳转关系都变得清晰明了
5、很容易的改变页面
二、绘制线框图的：
手绘：纸、笔
流程图或思维导图：Visio、Mindmap、MindManager
原型绘制：Balsamiq、Axure
图形：Photoshop、Illustrator
HTML工具：Dreamweaver
三、线框图实例：
1、简单纸面原型：这是Broad Reach Retail Partners网站的简单纸面原型
2、低保真的HTML原型：没加任何风格的网站内容摆设
3、低保真的布局原型：界面布局线框图，由Jesse Bennett-Chamberlain设计
4、线框图原型：A preliminary mockup of a social Tiddlywiki for use at Le Web 3.
提示：线框图来简化你的产品设计流程.
5、线框图原型：This one is based on advanced use of a blog Mattheiu Mingassson or Activeside Internet Strategies and Consulting.
6、线框图： A wireframe with color and images. Author page wireframe by Bokhandel.
7、线框图： 另一个带色彩的线框图.By Mattheiu Mingassson of Activeside Internet Strategies and Consulting.
四、最佳范例要点：
1、简单设计
2、灰度模式展现：灰度有助于把注意力集中在产品功能层面和布局层面，如果直接加和颜色，容易让人陷入对色彩细节的判断中漠视掉功能层面更本色的东西。
3、线框图用网站串联起来
4、专注于理想结果
5、等同于真实分手率尺寸
6、一开始就企图好内容和元素
五、要避免的：
1、内容太多，重点不突出
2、强调颜色和设计
3、过多的设计细节
另外，介绍一个专门讲线框图的网站：Wireframe Magazine
本文缩略翻译自Using Wireframes to Streamline Your Development Process，疏漏和差错之处，还望批判指正
转载注明：
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
分类选择您可能在找这些帮设计师节省1,085,543,232小时一组经典的视觉欺骗图！你有被骗到吗？
新蓝网·浙江网络广播电视台
下载客户端：
核心提示：
　　人在看某些特殊的图像景物时，出现的视幻觉。这种幻觉使人感受到的和现实中的景物不符，使人感到有一种被欺骗的感觉。视幻觉的原理很复杂，这里只能笼统的概括，不能详尽的解释。
来源：环球网编辑：夏赛丽
　　人在看某些特殊的图像景物时，出现的视幻觉。这种幻觉使人感受到的和现实中的景物不符，使人感到有一种被欺骗的感觉。视幻觉的原理很复杂，这里只能笼统的概括，不能详尽的解释。