说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

Web设计中对视差设计的误区

HTML文档下载 WORD文档下载 PDF文档下载
视差设计作为一种非常流行的Web设计技术,被越来越多的网站所应用。英国设计师、创意总监Rob Palmer告诉大家,真正的视差设计并不是一些花俏的滚动特效和阴影,必须具备:观察者视图、背景视图还需要有中间参照物。

【编者按】视差设计作为一种非常流行的Web设计技术,被越来越多的网站所应用。而有些网站为了追随潮流,彰显时代气息,在未真正理解什么是视差设计的前提下就把它应用到网站设计上。这不仅影响用户体验,还会对用户真正理解视差设计产生误导。

英国设计师、创意总监Rob Palmer就此在Medium发表了一篇《 The Troublesome Misconception of Parallax in Web Design》他告诉大家,真正的视差设计并不是一些花俏的滚动特效和阴影,必须具备:观察者视图、背景视图还需要有中间参照物。下面是对原文的摘译:

最近浏览了一篇“视差效果最好的前40名网站”,发现里面的观点存在误导性、并且有些应用程序也不属于视差设计。

下面就Web设计中的视差设计技术发点牢骚,我们常常会在一些网站上看到一些流行的视差设计示例等内容,而其中很多示例并没真正采用视差设计技术,这有可能是因为:

  • 创造者(设计师、开发者、企业)可能并未真正理解视差是什么,也可能是因为他们没能力能够很好地实行视差效果、也可能是因为……
  • 一直宣传使用视差特效的网站,因为网站上面运用了一些花俏的滚动特效就把它当做“视差滚动网站”;
  • 用户被这些花俏的效果和一些错误的文章所忽悠,误以为他们正在体验的就是视差特效。

目前,大量的网站会滥用各种特效,人们在浏览网站时,甚至会把这些特效看成是一种标准。

本文将对这些观点进行纠正,对视差特效概念做出具体的阐述,并且告诉大家如何应用它们。

视差是什么?

首先让我们来明确“视差”的具体定义。

视差,就是位移或一个物体在不同的光线下查看,所表现出来的位置区别。

这里可以从两方面来强调这个光线:首先是沿着不同的光线。视线需要一个初始参考点,并且从这头到终点处能有一个清晰的视觉。其次需要强调的是“物体的明显位置”。

物体的明显位置,请大家记住这一点:这两种线的结合才是视差与一些花俏的滚动特效的核心不同之处。

这句话告诉我们,要实现真正的视差,必须要有下面两点:a)物体或位置聚焦;b)一个物体在一个给定移动空间必须有明显的位置。本质上来讲,建立一种深度知觉或立体观测。

对于立体观测,我们不会太深入地探讨,我们会讨论与之相关且有趣的话题,如光线和不正常的双眼视觉,但从文章角度来看,无论人类的视觉如何,正常还是双目视觉(binocular vision),都是有能力去查看和使用立体观测的。它允许人们制定两个独立的场景,人们的大脑可以在一个单独的视觉场景中计算深度,人们试图在Web设计中复制这样的效果,而这就是视差特效。

下面来看一些示例,大家可以边看边判断,它们是否是真正的视差网站。


www.nytimes.com/projects/2012/snow-fall/


http://journey.lifeofpimovie.com/


http://shibui.me/web/scroll/


http://brokentwill.co.uk/


http://www.bettybetty.de/


http://www.theqcamera.com/


http://scytale.pt/


http://www.madebyblock.com/

以上这些例子均摘自“一些令人惊讶的视差列表”等文章,事实上却没有一个与视差有关。为什么这么说,回到开头关于视差的定义,对象(object)、两条线的交集、如果没有这两者,谁都无法创建出视差特效。

如何旋转字体-Delphi资料 如何隐藏和显示Windows的任务条-Delphi资料 如何在DELPHI界面上运行可执行文件 设计Form时的快捷键-Delphi资料 生成非矩形窗口-Delphi资料 时隐时现的鼠标-Delphi资料 无标题窗口的移动-Delphi资料 应用程序敏感键的实现-Delphi资料 用Delphi 4.0 设 计 新 型 界 面 用Delphi 实 现 自定 义 颜 色 对 话 框 及 其 构 件 用Delphi 实现自定义颜色对话框及其构件 用Delphi4实现风Word97风格的工具栏 用Delphi 开 发windows 屏 幕 保 护 预 览 程 序 用Delphi设置墙纸 用DELPHI实现无边界窗体的移动 用Delphi实现自定义颜色对话框及其构件 用DEPHI 3.0实现动画ABOUT窗口-Delphi资料 用鼠标拖动无标题窗口-Delphi资料 在Delphi编程中创建一个启动闪现窗口 在form中想用enter来代替tab,请问如何实现?-Delphi资料 在Listboxes中加背景图-Delphi资料 在Window右下角的添加图标-Delphi资料 在程序中使用自定义的鼠标-Delphi资料 怎样建立简单的任务栏应用程序-Delphi资料 增强DelphiTStatusBar控制 制作Delphi的竖排标签 自适应表单的实现-Delphi资料 COM/DCOM的区别与联系-Delphi资料 CoolBar上控件的排列顺序-Delphi资料 Delphi 4 WebBroker Delphi 中自做动态显示的控件 一个有关listview的问题,一直没解决,急! 有没有人装过MINIX啊 为什么我在查询分析器里执行时,没有时间限制,而在控制台里用同样的代码建一个试图或写在存储过程里都会超时呢········· 中秋快乐!!!!!!!!!大家进来看看,小弟有些问题。 网站运行一会儿IIS自动不运行了 什么是SCSI卡设备呢?有何作用? 未来的软件架构和技术 哪里有VB好界面下啊,谢谢 推荐给希望了解应用程序开发全过程的“初学者”一本书!!!!!!!!! 过节了!谨以些分献给坚守在灌水第一线的朋友们~~(一) 未来的软件架构和技术 zalyer接帖 过节了!谨以些分献给坚守在灌水第一线的朋友们~~(二) 数据库保存图片的问题 js赋值后提交,怎么在servlet中value 为空?? SendMessage参数问题, 过节了!谨以些分献给坚守在灌水第一线的朋友们~(三) 未来的软件架构和技术 ▁▂▃▄▅学ASP一个月了,现在学SQL SERVER,散分100,只为交友!▅▄▃▂▁ 大家好 ! 中秋快乐 顺便提个问题 ? 在线等....顶也给分拉...Explorer执行了非法操作该窗口即将关闭? 过节了!谨以些分献给坚守在灌水第一线的朋友们~(四) 过节了!谨以些分献给坚守在灌水第一线的朋友们~(五) excel中数据透视表? 了解:今年高程考试有没有新增内容,因为去年就新增了CMM、C++、OA办公自动化软件开发等知识,事先也没有通知各位考生。 绝对好文---------------人力资源“总奸”的自白-------ZT 中秋检举 一个恶意网站! 用PHP上传文件到LINUX服务器,结果文件用FTP软件删不掉 有做网格控件经验的请进 请教一个数据库的小问题 各位高手帮帮我! 高手来帮忙!!! 菜鸟提问:怎样从HBITMAP获得BMP的尺寸?(SDK) 请帮忙。 请问一个关于photoshop的问题,多谢指教100分 vb excel 关于MFC多文档在何处放置自已的初始化文档的代码? 今年又是一个人过中秋,终于想找个GF了! 电影画面倒置是怎么回事? 如何将pbyte指向的byte数据传递给byte数组或char等 送分 为中秋节还工作在自己岗位上的朋友散分! 送分 cgi---這裡有多少個寫法?? 送分 gcc编译好的程序怎么运行阿? 关于多文档的问题:如何固定视窗大小? 替换字符串 初学VC的困惑——什么是标准C?? 一个小数,如何确定小数点的位数? 菜单乱码,求救! 买一个普通书包要用65元买一个品牌书包要用123元买一个普通书包比买一个品牌书包可以节省百分之几 有一些小朋友排成一行,从左到右第一人发一块糖,以后每隔2人发一块糖,从右到左第一个人发一个苹果,以后每隔4人发一个苹果,结果有11个小朋友糖和苹果都拿到.那么这些小朋友最多有多少人 河马家信鸽的数量是犀牛家的3倍,但某次犀牛出远门不小心忘记了锁鸟笼,结果等它会来时,已经有10只信鸽飞走了,这时河马家的信鸽数量就变成犀牛家的4倍了,请问:犀牛和河马家原本各养了 按1:5将正方形缩小,就是将正方形的面积缩小到原来面积的1/5.对还是错 正方形按3:1的比例尺放大,放大后正方形的边长是原来的( )倍,放大后面积是原来的( )倍 激励是与人的行为过程紧密联系在一起的,激励的作用主要表现在以下三个方面? 填入一对反义词,组成成语.有()有()一定要是成语!大家帮帮我吧,网友们是万能的! 填入反义词组成成语化()为() 若()若() 弃()投() 舍()求() 弄()成()()胜()汰 在()里填入反义词组成成语:()极()来 为什么一只鸟被打了好几枪还在天上飞? 木质防火门门框连接件间的间距是多少?以及转角处的距离?哪个规范上面能查到?请知道的朋友快回答噢. 成都10岁小学生跳楼自杀 班主任殡仪美称注意到斯诺登与德议员会面报道 正美国毒贩修隧道铺轻轨快速运毒 通往墨美国土安全部曝丑闻:每年多发870万报告称重庆治安状况好于东京伦敦巴黎 PMI连续4个月小幅上升 指数水平超美国土安全部曝丑闻:每年多发870万美国土安全部曝丑闻:每年多发870万俄罗斯希望与法国建立贸易促进机制希腊首都发生枪击事件两死一伤海南退休局长房屋半夜遭强拆 报警后至打赌你不知道罗永浩还会这个!兴业银行落地境内首单绿色金融债 首期\"2016成都大庙会\"开庙在即 最大规模罗马尼亚珍宝展亮相中国国家博三诺生物近18亿收购美企 成全球第六裘援平调研甘肃积石山定点扶贫:贫困的人才问题引发浙江代表热议 企业疾呼“2016年洛杉矶艺术展开幕 安妮·海为琐事男子用木棒打死妻子抛尸逃匿 警江苏省十二届人大四次会议闭幕 因势而黄敏惠否认参选党主席为“防洪”:最尊虚界战神混乱修真仙起21世纪希尔童话北宋之乱世枭雄万画之王影迹仙爻父子情仇医道黑客界灵传说大同古镇旅游四洞沟旅游北门城楼旅游徽韵香茗大剧院旅游零公里旅游海角一号旅游鄂尔多斯博物馆旅游昆明柏联SPA温泉旅游石头城旅游温宿大峡谷旅游拜城旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘