网页设计中的景深（网页设计页面背景）
本文目录一览：
- 1、设计原则:视觉权重和方向(四)
- 2、摄影与WEB设计中的构图你怎么看?
- 3、浅景深是什么意思(景深深浅的区别)
- 4、如何用VRay物理像机制作景深效果?用VRay物理像机制作景深效果的方法
- 5、咖啡类网页设计欣赏!
设计原则:视觉权重和方向(四)
如果是视觉权重是吸引眼球到特定的位置，那么视觉导向就是关于引导眼球落在下一个位置的方法。视觉权重会引导视觉导向的感知方向，如果它在运动方向，就它看成自己所期望的方向来回移动。 而视觉导向就是提供类似功能的并结合视觉权重，这样就会作为设计中的一种组成部分。
为了使图标家族更加和谐，始终保证相同的风格和设计规则。任何图标都有相应的视觉权重。视觉重量取决于笔画的厚度、填充模式、大小和图标的形状。图标设计的难点在于如何控制所有这些参数，并达到整体的一致性。个性化 每一套图标都应该有独特的风格和气质。
有几种格式塔原则，包括相似性、连续性、闭合性、邻近性、图形/背景以及对称性和顺序。邻近性原则对于用户体验尤为重要，它是指视觉上更接近于在一起的项目被视为同一组的一部分。
所谓的给用户熟悉的气息，主要是指在UI设计的过程中要遵守一定的原则。
除非是比较正式、稳重的设计（别动不动就让什么都居中，有些时候居中是一种很土的对齐方式）。 亲密性（Proximity）彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。
摄影与WEB设计中的构图你怎么看?
1、在风景拍摄中使用九宫格构图法，不仅可以将摄影主体放在最合适的位置，还可以帮助确定天空和地面的比例，一般来说，天空、地面其中一方占据约三分之一的 区域，另一方占据约三分之二的区域，如果不是特殊场景不太建议将天空和地面做平分构图处理。
2、主题思想——摄影画面构成的意图所在 主题思想是摄影者通过拍摄对象所要说明的问题，摄影者通过照片中的艺术形象和造型语言，引起读者在欣赏过程中产生思想共鸣和审美感受。
3、电影制作中的内外部画框，是构图的魔法棒，利用前景、中景和背景的层次，为角色和场景增添深度。多层次的情节设计，让观众在单一画面中捕捉多元故事线，提升观看体验。
4、构图是表现作品内容的重要因素，是作品中全部摄影视觉艺术语言的组织方式，它使内容所构成的一定内部结构得到恰当的表现，只有内部结构和外部结构得到和谐统一，才能产生完美的构图。
5、十字形构图就是把画面分成四分，也就是通过画面中心画横竖两条线，中心交叉点是按放主体位置的，此种构图，使画面增加安全感、和平感和庄重及神秘感，也存在着呆板等不利因素。但适宜表现对称式构图，如表现古建筑题材，可产生中心透视效果。如神秘感的体现，主要是表现在十字架、教堂等摄影中。
6、密集的分类：点的密集：在设计中将一个概念性的点放于构图上的某一点，基本形在组织排列上都趋向于这个点密集，愈接近此点愈密，远离此点愈疏。线的密集：在构图中有一概念性的线，基本形向此线密集，在线的位置上密集最大、离线愈远则基本形愈疏。
浅景深是什么意思(景深深浅的区别)
深景深，背景清晰；浅景深、背景模糊。景深能增强画面的纵深感和空间感，呈现出大小、虚实的不同，让画面的空间感、纵深感变得非常强。突出被摄物体，这应该是景深最受人喜欢的功能了。当拍摄的画面背景杂乱，主体不突出时，就这样拍摄，画面肯定毫无美感。但是使用浅景深将背景模糊，从而有效突出主体。
简单来说，就是一张照片中，有非常清晰和比较模糊的部分，清晰范围越大，就叫景深大，清晰范围越小，就叫做景深小。
通俗的讲，景深指的是焦点前后的清晰范围。景深越浅，那么焦点前后的清晰范围就越小，容易得到背景模糊的效果。景深越深，那么焦点前后清晰范围就越大，容易得到前后景都清晰的照片。如下图：2。
景深（DOF），是指在摄影机镜头或其他成像器前沿能够取得清晰图像的成像所测定的被摄物体前后距离范围。而光圈、镜头、及拍摄物的距离是影响景深的重要因素。前景深小于后景深，也就是说，精确对焦之后，对焦点前面只有很短一点距离内的景物能清晰成像，而对焦点后面很长一段距离内的景物，都是清晰的。
先要弄清什么是景深。说白了，景深的意思就是前后清晰的距离。浅景深就是清晰的距离浅，比如说头像，鼻子尖是清楚的，而眼睫毛就是模糊的。深景深的话，不仅人整个都是清晰的，甚至连背景里很远的山也是清晰的。所以你理解的景深浅的效果背景是比景深深的模糊是对的。
如何用VRay物理像机制作景深效果?用VRay物理像机制作景深效果的方法
用VRay物理像机制作景深效果的方法 打开场景文件，我们需要模拟出一个景深效果，在之前案例中，我们讲解到可以使用摄影机下面的目标摄影机进行创建并设置出景深效果。在这里我们使用另外一个摄影机进行操作。
dmax软件设置vray摄像机深景效果及调整参数的方法如下：步骤在3dmax软件的场景里创建一个vray摄像机，下面我们开始3dmax软件设置vray摄像机深景效果如下图所示。放到合适的位置和高度。步骤①勾选启用3dmax景深效果，这时可以看到摄像机目标点处出现了三条线。
打开Vray摄像机，进入“DepthofField”选项卡。在“EnableDOF”选项中勾选“On”。调整“F-stop”参数，这个参数决定了景深的范围。数值越小，景深的范围越小，反之亦然。调整“Focusdistance”参数，这个参数决定了景深的焦点。将焦点放在需要清晰的物体上，其他区域就会变得模糊。
咖啡类网页设计欣赏!
1、这个名为Second Cup 的网站整体配色走的浅色系路线，干净清爽的背景也使得网站的精心打磨的布局颇为突出，加上咖啡类网站必备的图章设计，从细节到氛围一次都搞定了~Jacu 一图胜千言，所以Jacu的设计师打算用大量美图来呈现他们的咖啡。
2、黑色背景，辅以高清彩色产品图片或视频，能够极大的强调和突出页面产品，提升产品销售量。而作为一款在线咖啡类产品售卖的网站，本网页，就在黑色背景上，展示了各种高清产品图片和视频，轻轻松松将让用户集中于所售卖的产品，从而效的提升用户购买的可能。是一款非常值得商务类网页模仿的案例。
3、暖色调与冷色调的组合会有什么效果？温暖的橙色和黄色，与冷静的金属灰和青铜色，构成一种有力量的冲突感。网页的实现效果，很特别。又是一组暖色调与冷色调的色彩组合，它们构成一种独特的氛围。网页设计用色大胆，充满活力的红色、紫色与冷酷的深蓝色、黑色，碰撞出一种非现实的梦幻感。
4、图巨人 网站介绍：图巨人网专注共享精品设计素材下载网站。提供企业荣誉文化墙，党建文化墙，背景图片展板，免抠元素，节日海报素材，psd素材，每日更新。官网链接：https：// 觅知网 网站介绍：专注原创版权设计模板图片素材下载。
