网页设计御图术之巧用摄影作品

网页设计御图术之巧用摄影作品 序言

网页制作中有一个非常关键的必要图形素材来源——摄影。摄影图片匹配是最常见、最简单的照片匹配方法。网站设计师总会有这种感觉。如果摄影作品足够优雅，室内设计师工作的相对性会越来越容易。优秀的摄影作品自然是可遇而不可求的。很多时候，人们能拿到手的材料，可能ss="superseo">ss="superseo">就是一张普通不起眼的摄影图片，这对于室内设计师来说，无疑是一个挑战。

好多个摄影为王的事例

下面两个网站的首页设计都是用全屏摄影图片展示，优秀的摄影作品让网站自身的品牌形象立起来。

如果是时尚服饰、餐厅等内容的网站，就必须展现自己的商品风格，所以摄影本身就极其重要。因为服装的艺术美和食物的诱惑...本身就足以打动观众。但是，如何拍照还是要精心策划。

下面这组鞋子的摄影充满了设计感，比单纯展示鞋子的实际效果要好。如果有这样的摄影作品资源，网页制作的视觉冲击力必然很难，很差。

即使是时装秀，也可以运用女模特的艺术美，采用恰当的景观设计方案。以反映商品本身的个性特征。这一定是摄影作品中特有的叙事能力。下图为该摄影作品中复古时尚的美丽风尚。

现在我能理解了，靠摄影把图片和网站匹配起来并没有我想象的那么简单，需要摄影师的相互配合。最好的室内设计师本身就是摄影师，在理想化的情况下，也有相对的景观设计方案和各种模特道具，所以展示一个高质量的品牌推广范围一定不会让人心寒。

必须注意的是，虽然对可以出现在网页上的角色女模没有严格的限制，但你也应该在相同的设计风格中 *** 纵她们，这样她们就不必看起来像来自两个明星。

配图图片的生产加工祖传秘方

自然，没有优秀的摄影资源，网页制作也不是不可以。你在摄影作品中会遇到哪些困难？关键在于以下几个方面。

画面清晰度不够大，要大容量显示的时候看起来很模糊。

主题不够新颖，一张照片没有明显的焦点。

照片本身质量不够高，存在原色、曝光等一系列问题。

这种难题是客观现实的。如果不能在摄影上下功夫，那么大家就把精力放在中后期对照片的改动和修饰上。比如我曾经看过一篇文章《网页配图之道:第一张图片的设计技巧》，里面讲了中后期主图的求解导致的八种视觉效果之谜。

除了中后期整理，还可以说一下剪裁的话题。

这主要是为照片本身开发设计的艺术创意，没有创意。切割本身作为一种中后期的方式，应用的时候甚至要跳出切割原本的装饰意义，只以突出制造场景的重点为主。你可能听过这样一句话，一部好看的电影，不仅要有好的电影导演，知名的演员，好的导演，还要有好的视频剪辑。在电影行业，视频剪辑的作用类似于每个人的剪辑工作。只有后期剪辑把电影链接成紧凑有趣的情节，大家才能看到好看的电影。同样的道理，一定程度上对素材画面的切割是不可或缺的，甚至大家不仅仅是为了更好的处理素材画面本身的问题，还有那个绕不过去的舞台。

探索之旅

格式塔格式塔讲究的是一个造型设计，不一定非要在你眼前详细表现出来。根据你的工作经验，你也可以想象一下这些空缺失的部分。这在切割时尤其方便。因为女模特的脸被切掉了一半，所以人们不会觉得是半个人头数的女模特。相反，人们会放大想象，坚信看不见的那一半再次延伸到显示屏之外。

下图只展示一半的照片，不会损害大家对初始照片的辨识度。照片的焦点从原来的少女模样转移到了一旁的枯叶上，更加突出了“秋天”的主题风格。

是的，其实每个人的关键不在于持续的想象，而只在于重心的转移。根据切每个人镜头的焦距，有很多有趣的关键点，在你的第一印象中可能没有注意到。所以这种方法叫格式塔想象，不如发现之旅。

下面是同一张照片的两个不同的剪辑，显示了不同的焦点。第一张照片的焦点是玫瑰，第二张照片的焦点已经转移到高脚杯上的草莓苗。第一张照片略亮，第二张照片略清爽。

按照那个标准，如果你的照片全景不是很关键，比如有一个家居网站想展示所有家居家具的室内装修设计，这个时候，也许你不应该把图片剪下来，因为这个时候图片的内容是作为商品图片展示的。另外，这种方法可以用在图片只传达某个知名品牌的氛围，而图片本身并不吸引人的时候。

拼凑中晚期

有的是针对图片的规范，也有针对图片中某个特定目标的，也就是别名“按钮图”。按钮地图的重点是把总体目标从情境中分离出来，然后让新的总体目标重新表达。该方法广泛应用于大中型显示画面。我说过，主图是视觉效果的关键焦点。如果你的素材图片本身不够吸引人，可能要进行深度加工，才能在中后期营造出焦点。

随后网页中选中的目标立即作为焦点，去掉初始情境，放入新情境时保持与焦点目标相同的颜色。单音产生的统一感非常容易感受到。

这种生成图片的网页来源于有趣的场景制作，进行各个优选场景目标的设计方案和构图。

除了精细化管理，还要注意绘制的规律性，即拼接在一起的目标颜色的一致性，混色是必不可少的。有更多的方法来改变形状，使焦点看起来更有趣，这需要适当的图像生成。

下图的网页是一种双向的图像生成方式，利用人物和景物的适当重叠，与对方保持一定的清晰度，同时可以看出他们相互转化成一种都市白领的氛围。在我的文章内容中，《创造奇幻双影效果图》有详细的解读方法。

把图片剪成更有趣的形状，设计拼凑出各种几何图形，就像在最初的图片上涂上一层蒙版。

这个一定要在原有剪裁的基础上，加入自己的一点点情意，可以提升网站的设计感。但必须注意的是，变形变影的方法容易引人注意，所以一定是重点。不要关注太多单一展示之外的设计方案。

续篇

画图的风格不仅仅是摄影，还有手绘，我觉得。这样的发展趋势越来越多:摄影日渐式微，网页页面开启插画期。