Als Website-Designer war ich schon immer von Design (egal welcher Art) fasziniert, das "funktioniert" und warum.

In letzter Zeit bin ich besonders dankbar für die Kraft der Fotografie, ein visuell ansprechendes Design zu verankern, das die richtige Geschichte erzählt, die gewünschten Emotionen auslöst, den Zuschauer anspricht und den Inhalt verbessert (ob durch Aufbrechen oder Ausrufen). .

Diese neu aufgefrischte Wertschätzung für Fotos hat sich im letzten Herbst in Venedig niedergeschlagen.

Venedig: beschrieben als die "schönste vom Menschen gebaute Stadt"

Ich hatte immer von Venedig gehört! Und ich hatte Erwartungen, die ich dir sage! Erwartungen an eine malerische, schöne und romantische Stadt, die auf dem Wasser gebaut wurde - völlig anders als alles, was ich jemals gesehen habe.

Aber in der Realität? ... Venedig ist eine Art Müllhalde.

Es ist verwittert, zerbröckelt und heruntergekommen. Wenn Sie es als Ganzes betrachten, sehen Sie eine Reihe unterschiedlicher Landschaften, die vermischt sind. Das soll nicht heißen, aber Venedig ist schlecht in Lumpen und Fetzen gekleidet.

Aber ... Wenn man Venedig in winzigen Teilen betrachtet - wenn man sein Auge die Umgebung "ausschneidet" und sich auf einen begrenzten Bereich konzentriert - ist das eine ganz andere Erfahrung. Es gibt so viele Details, die das Auge erfreuen. Besonders das Auge einer Designerin, die sich von allem inspirieren lässt, was ihr Blick trifft.

Nachdem ich das erkannt hatte, konnte ich meinen Fokus von "dem Ganzen" auf die Details und wieder zurück verlagern und ALLES genießen. Venedig ist wirklich eine wunderschöne Stadt.

Der Schlüssel zum Erfolg ist, dass es eine große Kraft beim Ausschneiden gibt , so dass das, was zurückbleibt , stärker ist.

002

Bild von Venedig, vor dem Abschneiden (links) und nach dem Abschneiden (rechts).

004

Eines meiner Lieblings "Details" von Venedig. Das Foto links ist das Rohbild der Kamera. Hier habe ich den Ausschnitt mit der Kamera gemacht, indem ich auf dieses Detail gezoomt habe. Rechts wird das gleiche Bild weiter beschnitten.

Foto-Kulturen, die funktionieren

Im Rest dieses Artikels teile ich einige meiner Lieblingsfoto-Ernten aus den letzten Projekten, an denen ich gearbeitet habe.

Einige sind persönliche Projekte. Einige sind professionelle Arbeit durch Gravity Switch (die Web-Design-und Marketing-Agentur, wo ich Mitbegründer bin). Aber alle erzählen eine Geschichte.

Fitness-Fusion

Fitness Fusion ist ein Nischenstudio, das für intensives, kreatives und spaßiges Gruppentraining und 1-1 Personal Training bekannt ist. Bei der Neugestaltung ihrer Website habe ich mehr als 600 Fotos auf der Suche nach Bildern, die in einem extrem horizontalen Format arbeiten würden, gegossen - kein ungewöhnliches Format für ein Web-Bannerbild, sondern immer eine Herausforderung.

006

Auf den ersten Blick scheint das Bild auf der linken Seite ein unwahrscheinlicher Kandidat zu sein. Aber wenn es um 90 Grad gegen den Uhrzeigersinn gedreht wird, horizontal gedreht wird, und mit dem (jetzt rückwärts) Wort "Trainer" auf der ausgestanzten Kappe, ist es ein starkes Bannerbild. Vervollkommnen Sie für die "Treffen Sie die Trainer" Seite!

Die obige Ernte funktioniert wegen:

  • die warme Beleuchtung;
  • die Spritzer der Farbe;
  • der echte, fokussierte und ansprechbare Blick in die Augen.

Zusammen mit dem Smiley-Foto des Inhalts der Seite sind die allgemeinen Gefühle, die vermittelt werden, Zugänglichkeit, Erfahrung, fleißige Arbeit, eine bodenständige Einstellung und Spaß!

008

Hier ist eine weitere meiner Lieblings-Banner-Bilder von diesem Projekt. Indem wir Teile des ursprünglichen Bildes entfernen (es beschneiden), erhalten wir ein dynamischeres, intimeres und interessanteres visuelles Erlebnis - ein cooles Bild, das Fleiß, Hingabe und Schweiß zeigt. Die subtile Berührung des Brandings des Fitnessstudios am Armband war ein zufälliger Bonus.

Stockbridge School of Agriculture

Stockbridge School of Agriculture bei UMass Amherst ist bekannt als die beste Schule seiner Art in dem Land. Es hat verschiedene Programme, die sehr unterschiedliche Arten von Studenten anlocken (zB die Interessenten, die sich für Rasenmanagement interessieren, sind sehr verschieden von denen, die sich für Nachhaltiges Essen & Landwirtschaft oder Pferdemanagement usw. interessieren.)

Die Herausforderung bestand darin, ein Homepage-Foto zu finden, das

  • fühlte sich für eine Landwirtschaftsschule geeignet;
  • war ein starkes Bild, um den Betrachter hinein zu ziehen;
  • hat potentielle Aussichten keinem möglichen Programm entfremdet; Tu keinen Schaden!

Auf der technischen Seite brauchten wir ein Foto, das als "schwimmende Pflanze" funktionieren würde (dh die Pflanze ändert sich, wenn das Fenster in der Größe verändert wird und es immer gut aussehen muss).

Wir haben ein bestimmtes Fotoshooting durchgeführt, um das Bild für die Startseite zu erfassen. Wir haben viele tolle Aufnahmen bekommen. Wir haben es auf diese 7 eingegrenzt:

010

Dann haben wir diese ausgewählt, um mit zu gehen:

011

Wir haben mit der Zoomstufe der Ernte in PhotoShop gespielt, um zu bestätigen, dass das Foto als schwimmende Pflanze stark ist. Hier sind ein paar Erkundungen:

012

So sieht es auf Mobilgeräten und auf dem Desktop aus:

015

Pioneer Valley Informationsaustausch - PVIX

Hier ist ein Aktienbild, das für eine Website in der Gesundheitsbranche verwendet wurde ... versuchen, Teamarbeit, Familie, Positivität, Energie, Optimismus zu zeigen:

017

Hier ist eine Bildbehandlung, die ich versuchte, aber nicht mochte. Du verlierst zu viel Kontext, der so stark gezoomt ist:

018

Als Alternative (die ich auch nicht mochte). Ich zoomte den ganzen Weg raus, damit du das ganze Foto sehen kannst. Um die Breite richtig einzustellen, habe ich links einen blauen Platz hinzugefügt:

019

Ein fröhliches Medium (Bildausschnitt) funktioniert am besten:

020

Eltern Blogpost

Ich suchte nach einem Bild von meinem Sohn, um das "Bannerbild" in einem meiner zu sein Blogeinträge.

Ich habe dieses Bild gefunden. Ich liebe den Ausdruck auf dem Gesicht meines Sohnes. Aber er ist so klein in dem Bild und Sie schätzen dieses Detail nicht:

021

Hier ist, wie ich es abgeschnitten habe. Funktioniert viel besser:

022

Es richtig verstehen

Wir alle haben das Sprichwort gehört: "Ein Bild ist 1000 Worte wert." Aber wie schaffen wir unsere Bilder so, dass sie die 1.000 Wörter vermitteln, die wir wollen?

Um es richtig zu machen, benötigt man:

Gute rohe Fotos: Wenn Sie können, mieten Sie einen professionellen Fotografen, damit Sie Aufnahmen und Kompositionen bekommen können, die gut aussehen und auf Ihren Zweck zugeschnitten sind. Wenn Sie nicht einen Fachmann anstellen können, gibt es viele Stock-Fotografie-Optionen - einige sind gut, andere weniger. Es ist am besten, jemanden zu haben, dem du vertraust, um ein "Auge dafür" zu haben.

Gute Postproduktion: Farbkorrektur, Clean-up und Cropping. Ich nenne es die drei C's.

Gute Fotoplatzierung: Fügen Sie Fotos an der richtigen Stelle, neben dem richtigen Inhalt, auf der rechten Seite in das Design ein, und dann helfen Sie, die richtige Geschichte zu erzählen. Ort, Ort, Ort.

Wie wählst du Bilder für deine Designs aus? Wie wählen Sie aus, welche Teile der Bilder beschnitten werden sollen? Lassen Sie es uns in den Kommentaren wissen.