2015年引领风潮的五种网页摄影图趋势

王明明

一、巨幅背景图

        首先考虑一项最盛行的趋势。以下是一系列运用巨大照片作为背景图的网站。毫不夸张地说，这是一种快被消灭掉的方式。但这并不是说就该禁止使用。每种趋势都有它的意义。撰写这个章节时，我的任务就是寻找那些没有把这种风格作为权宜之计的网站。相反，我找的网站都带着目的运用它，背景摄影图在传达网站信息方面，扮演着重要角色。浏览以下案例时请牢记这一点。
Getden

       


Kuhlabo

       


Mountvernon

       


Dustlayer

       



        二、背景搭配前景内容

        有的设计师聪明地将摄影图同时作为背景和前景元素，对巨幅背景图做的这种变通深得我心。在这些设计中，照片以装饰性的形式填满整个背景。同时突显了照片中的某些元素。这通常是通过纵深来实现的，产品或前景元素被置于焦点区域。这种视觉区域的混合，使照片具备一种格调，同时内容也意图鲜明。这种颇具挑战的方式，需要对照片有所规划和协调，以下是我最喜欢的一些案例。
Meernotes

       


Masterdynamic

       


Losers

       


Art4web

       



        三、单色照片

        对设计师而言，把照片“PS”一下来适应设计并不新奇。这个系列采用同一种特定方式，将这个概念发挥到极致。设计师将照片转为单色，尤其是非黑白的方式。尽管多数时候，这或许是风格上的决策，但我认为不止于此。颜色可以确定基调，传达出微妙的信息。通过在照片中运用单色调，设计师能反映出单一的情感。蓝色使人感到安全、稳固和协同。红色使人感觉兴奋、鲜活、充满能量，诸如此类。通过将照片转为单色风格，它呈现出一种新的传达方式。
Emailestate

       


Thoughtbot

       


Beacancerkiller

       


Dgbrt

       



        四、柔和色照片

        这个系列的案例风格可能极度盛行，但老实说，它确实很时尚，而且有点使用过度。但是当我挖掘这类风格的案例时，我发现它并没有我们想象中那么流行。这些网站基于色调柔和的照片。更明确地说，这些照片都有一种褪色、近乎复古的风格。最常见的是搭配白色文字，置于照片上方（下面5个案例中都有）。这种方式与潮流风有密切关联，去年非常流行。最后，我很惊奇地发现，在我找到的这些案例中，几乎每个都利用了装饰性字体，置于照片之上。
Arabellaonboossa

       


Robert-thomas10

       


Agentace

       


Bobworsleyforsenate

       



        五、营造基调和氛围的照片

        作为老师，我发现有些事总要我一遍遍地指导学生。其中之一就有关照片的选用。通常设计师会使用装饰性照片，不会直接传达出任何网站相关信息。比如，第一个案例是一组太空摄影集。它表面上并没有表达出任何品牌相关内容。在从前，我的观念中对这类装饰性照片的选用相当严格。随着对于照片运用的深入探索，这个观念逐渐趋于缓和。这就是我喜爱剖析趋势的原因，这样我们可以打破主观臆断，为我们的设计发现崭新的途径。这些案例证明，营造基调和氛围的装饰性照片，对设计的成功非常有意义。钻研这些案例，看看你是否同意。
Alessiosantangelo

       


Socalsydney

       


Ipsocreative

       


Bitopia

       


Newchildrenshospital

       



        六、整理术

        最后，来看一组在照片中运用了整理术的网站。整理术是将物体平行或者90度排列，来创造一种条理。这种方式非常小众和独特，设计师们很少使用这种风格。同样的，这种风格通常和潮流风设计有关，但不止于此。这些照片反映出内容之外、照片本身的含义（这当然是有意义的）。它们暗示着照片背后的品质，透露出一丝秩序、方法和条理。这些是好的品质，尤其是用来指代设计师和机构。
Jennetliaw

       


Pixelsandpurpose

       


Panfriedpixels

       


Wootten

       



        结论

        摄影图片是设计师最天然的工具。通过研究这些使用方式和多种多样的风格，希望你能发现新鲜的灵感。总而言之，我希望这个简陋的案例集能帮你发现新鲜创意，为你的工作带来启迪和挑战。

教程编号:136826 作者：十萬個為什麽 出处：colachan