Godzilla. 2016-11-15
网站建设
网页设计 网站制作:如何利用图像技术在网页中创建深度
深度的元素可以为某些设计项目添加更大的现实感。在2D屏幕上模拟真实的关键是通过使用图像创建深度。这可以以多种方式实现,从摄影本身,到图像的分层,操纵和使用特殊效果。分层是一种可以在图像和对象被放置在设计过程中的有意使用的工具,作为用于在图像本身中有目的地操纵图像的工具。网页设计 网站制作:如何利用图像技术在网页中创建深度
我们都看到了布局,图像被放在彼此的顶部偶然地看起来像一堆打印的照片。它的工作原理是让你感觉通过照片创造一种深度的感觉。这是设计过程中的分层。
通常多个照片被合并成一个,以创建图像的两个不同部分:前景和另一背景。 当做得好,效果应该是几乎看不见。 看看上面的揽胜站点:汽车和城市的图像是壮观的。如果你有更多关于网站建设、品牌设计、logo设计、网店设计等有关服务,请登录摩恩网络官网。
另一个有效的分层工具是在看似平坦的背景上放置照片或图像。 这奇妙的方向或有角度的图像和背景的渐变色让网页看起来很有深度。
最后,一些图像创建时考虑到分层。 这种摄影技术基于使用由图像中不同对象创建的重叠线来创建深度的想法。通常,图像中的颜色和对比度强调线,以将场景中的对象彼此分离。 这种技术可能很难为业余摄影师创造。
摄影
用于创建深度的最重要的工具之一是在图像。
但是,如何以这种方式撰写照片?虽然许多人选择雇用一个专业的摄影师,只是提供说明深度,这并不总是一个选择。如果你在拍摄照片时自己考虑一个项目,考虑你拍摄这些提示的深度。在前景中创建视觉兴趣。确保照片有主题和背景。将这些作为单独的部分进行思考将有助于更好地构建网站图像。
更改视图。从意想不到的角度拍摄照片。这改变了主题和背景的透视,增加了视觉维度。你也可以通过玩角度来实现这一点;从舒适的水平和更宽的角度框架相同的图像。
以纵向拍摄照片。通过更改为垂直轴,您将以不同的方式构图照片。想想自然的线条和阴影。有时照片中的内容增加了自己的深度感。例如,不同的阴影可以使对象进入更清晰的焦点,同时扩展背景。
图像操作
使用照片编辑软件(如Adobe Photoshop),设计师可以通过几个简单的技巧创建照片中添加的深度。
诀窍是:当主题在前景,添加一个模糊的背景,而留下的主题。 (在Photoshop中,调整到半径为5.0的高斯模糊效果奇迹。)这个简单的技巧通过使背景减少视觉优先级来创建深度感,从而将焦点添加到图像中的主题。
阴影效果
阴影是创建物体和图像的深度和位置的最简单和最自然的方式之一。放置,黑暗和阴影的形状可以暗示非常具体的含义。他们使用阴影的关键是让他们看起来自然。
最好的阴影是微妙的,并遵循光的模式。确保阴影反映他们陪伴的图像的感觉。如果用户看到的第一件事是阴影,那么它可能不工作。
位于对象下方的圆形阴影可以创建浮动的3D样式效果。这是按钮和较小的用户界面元素的常见技术。在对象前面的特定于形状的阴影可以使平坦项目看起来像站起来,例如在Guest'd网站上的那些。 (你提到之前你是否注意到了阴影?)卷曲的阴影 - 那些不反映图像形状的阴影 - 可以使项目看起来具有另一种形状,或者脱离背景图像。
阴影还可以为对象或项目添加一点真实感。一个人背后的阴影可以帮助他脱离背景,将主体带到图像的最前沿。这是一种常见的技术,但是非常重要的是,阴影与图像中的光源相反,使得最终结果看起来是自然的和未强制的。
插图和其他图像
在照片上工作的相同概念和操作也适用于设计项目中使用的插图和其他图像。 不同的是,你经常必须自己创建这些效果。背景的明暗部分特别与图像相关,使其从站点的其余部分“向前”移动。
深度是在设计项目中创造真实感的伟大工具。 它可以将用户连接到他们在屏幕上观看的内容,使他们感觉更像是场景的一部分。
甚至可以操纵从缺少真实深度的照片到基于向用户界面元素的图像以添加具有第三维度的感觉。 分层,对象定向和阴影是创建额外深度的一些最好的工具。
下一篇:网页设计和网页制作:经典的网站设计趋势
上一篇:2016年房产网站建设趋势
浏览次数: 1298 次
文章评论: