在三维下展示
当涉及到网页设计,三维效果是最有可能实际生活在二维空间。(特别是由于试图把东西在一起,需要特殊的眼镜是不是特别有效。你怎么知道哪些用户有他们?)
当涉及到使用,3D效果可以为各种不同的网站选择工作得非常好。从游戏风格的界面购物和产品标识,用户几乎可以触摸被证明非常有用的接口。
它也变得越来越时髦纳入3D效果和样式到设计中。正如设计师们开始考虑3D几年前,平设计的疯狂普及停止了趋势,因为模仿真正的贴近生活的审美要求,进行了劝阻平势头技巧。效果如阴影,斜面和浮雕是至关重要的,当谈到在2D到3D空间创造景深。
一种演变趋势
那么如何才能充分利用这一不断发展的趋势?混合并产生最大影响的其他趋势的风格相匹配。
这里有几件事情,当涉及到使用的3D视觉效果的考虑:
- 一个真实的感受添加到用户将要摸元素
- 添加深度游戏性或视频元素
- 使其与视差滚动界面的一部分
- 不要压倒用户和坚持一个3D招设计
- 设计简约的休息
- 当谈到实用性,指导如何通过浏览或使用工具的用户
分层和材质的影响
具有3D效果的工作势头良好得益于材料设计。基于谷歌的设计理念已经帮助带回一些那出去的时尚与更加平坦和最小的风格的技术和效果。
这包括使用阴影的 – 是的,他们回来了。但他们需要更仔细的考虑,使阴影总是模仿光线从一个“源”。这意味着阴影应该是自然的,因为一个元素的深度,不存在只是为了突出一些文本或对象。
虽然你不想去疯狂的阴影,在多个对象微小的阴影就可以了。最好的阴影是那些服务于一个目的,但并不明显的普通用户。如果有人可以“看到”的影子,它可能是太多了。选择那些苍白,柔软,强调现实的阴影。
其中一个关键概念,材料设计是在飞机上分层对象的想法。文档甚至强调使用的三维空间:
该材料的环境是一个三维空间,这意味着所有对象都有的x,y和z维度。z轴垂直对准显示器的平面上,与正z轴朝向观察者延伸。材料的每片占据沿z轴的一个位置,并且具有标准1DP厚度,相当于与160的像素密度屏幕厚度的一个像素。
在网页上,z轴是用于分层和不为立体。3D世界通过操纵y轴仿效。
所以,想着3D的时候,它只是作为重要考虑对象如何移动和互动,这是考虑参与创建他们的设计技巧。
3D插图和动画
其中一个地方,你可以真正承担的3D视觉效果更上一层楼的是插图,图像对象和动画。在线零售商,尤其是做整合3D动画效果转化为产品页面的一个伟大的工作。
一本最好的用途是对产品,购物者几乎可以移动并检视点击几下或水龙头360度查看选项。反之则这一项伟大的工作,其鞋的页面。用户可以移动每个显示四周,看看它从任何角度,再加上更改所有的画布,使用户觉得他或她是在一个环境举办鞋,看着它的颜色和其他选项。
这是网站设计有效利用的3D视觉效果的。它的复杂性凉,但绝大多数用户友好。(这才是真正的诀窍使这一点 – 或任何设计技术,实际上是 – 工作在某种程度上是有道理的用户)
技巧和窍门
当涉及到的3D视觉效果越简单越好。你不想压倒用户是作秀太多影响或元素。由于三维设计是平的,网站画布上的所有视觉上的错觉,这不是发疯诡计是很重要的。专注于内容的可用性,并从那里决定是否3D是正确的道路要走。
当涉及到使用3D记住以下提示:
- 使用3D从他们的周围(分层)单独对象
- 瞄准微妙的阴影或压花,记得要考虑“自然”光源,当涉及到的角度和位置
- 它需要看起来很真实
- 渐变和亮点也可以创建深度和层次感
- 使用3D效果一致跨页
- 如果3D与动作相关,比如点击,提供线索帮助用户理解要做什么(按钮是一种常见的3D元素)
- 适当缩放元素; 3D是现实的幻觉,所以对象应该在尺寸,重量和环境感觉“真实”
结论(和谨慎的字)
现在,你要避免的是用3D排版或图像看起来像从早期的字处理艺术字结束了。(你可以让她的老公和这个结果最终比你想象的要快。)
诀窍三维效果是微妙。应该有现实和分层的元素,但它不应该是一个明显的“特技”或影响。良好的3D效果鼓励用户参与,并与接口玩,多亏了技术,帮助他们更直观地知道该怎么做。