Das Arbeiten mit mehreren Fotos und Bildern kann eine heikle Angelegenheit sein. Durch die Verwendung mehrerer Bilder kann ein effektives und meisterhaftes Design für Druck- und Webdesign-Projekte erstellt werden. Einige der besten Beispiele für das Design mit mehreren Fotos finden Sie auf den Websites professioneller Fotografen.
Berücksichtigen Sie Dominanz, Anzahl der Fotos, Farbe, Gruppierung und Bildqualität, wenn Sie mit einer Vielzahl von Fotos arbeiten. Sehen Sie sich Details und das Gefühl eines Projekts an, um die besten Ergebnisse zu erzielen, wenn Sie viele Bilder in Ihrem Projekt verwenden.
Wie der Artikel? Abonnieren Sie unseren RSS-Feed und folgen Sie uns auf Twitter, um immer auf dem neuesten Stand zu bleiben.
Dominanz schaffen
Ihre Website sollte über ein Bild oder eine Bildersammlung verfügen, das dominiert und das offensichtlich große Bild auf der Website ist. Erwägen Sie, ein einzelnes Foto zu verwenden, das einen Großteil des Raums verwendet, vertikal oder horizontal, mit dem Sie arbeiten, oder Bilder so kombinieren, dass sie vereinheitlicht erscheinen.
Einzelfoto
Die einfachste Möglichkeit, mit Bildern eine Dominanz zu erzeugen, besteht darin, sich auf ein einzelnes Bild oder Foto zu konzentrieren. Das Bild wird groß dargestellt, wobei kleinere Fotos verwendet werden, um das Hauptbild zu betonen. Dies ist ein beliebtes Konzept und kann besonders gut mit einem starken, großen Foto und einer Gruppierung von kleineren, eng geschnittenen Bildern funktionieren.
Dramatische Ernte
Eine andere Möglichkeit, ein einzelnes Foto in einer Layoutkonstruktion mit mehreren Fotos hervorzuheben, ist der dramatische Zuschnitt. Manchmal reicht eine ungewöhnliche Form, z. B. ein extremes horizontales oder vertikales Bild, aus, um Sie zuerst in ein Bild zu ziehen. Sekundärbilder mit typischeren Formen stehen nicht im Fokus.
Jede dieser Websites verwendet auf unterschiedliche Weise ein starkes horizontales Bild. Maleny Manor verfolgt einen direkten Ansatz mit einem starken Ausschnitt, der sich über die Breite der Seite erstreckt. Sekundäre Bilder sind kleine Symbole, die Sie zu anderen Bildern führen. Die Website von William & Mary scheint eine starke Ernte zu verwenden, aber wenn Sie genau hinsehen, ist der Rest des Bildes in das Banner integriert. Mit diesem Trick-Zuschnitt wird auch ein starkes Bild erzeugt, das durch kleinere Bilder ergänzt wird, die eng zugeschnitten werden.
Farbe
Die Verwendung von Farbe kann auch bei Layouts mit mehreren Fotos Auswirkungen haben. Das Mischen von Fotos in Vollfarbe mit Schwarzweiß- oder Sepia-Tönen kann bestimmten Bildern Kontrast und Nachdruck verleihen. Das ungerade Bild - Farbe in Schwarzweiß oder umgekehrt - zieht sofort die größte Aufmerksamkeit auf sich.
Denis Reggie Photography verwendet ein Schema aus Schwarzweißbildern mit einem rotierenden Farbbild, um Sie durch die Bilder auf der Seite zu führen. Das Hauptnavigationswerkzeug auf der Seite befindet sich außerdem in einem statischen Farbblock. Farbe wird verwendet, um Sie nacheinander durch die einzelnen Bilder zu führen. Beachten Sie auch, wie das Farbbild im Verhältnis zu den farblosen Bildern fast von der Seite springt.
C & J Willis Photography verwendet eine ähnliche Technik. Durch das Mischen von Schwarzweiß- und Farbfotografien fällt der Schwerpunkt vom größten Bild auf die kleineren Bilder unten. Die Farbfotos erscheinen größer und dominanter und führen Sie zu anderen Punkten auf der Website, da das Schwarzweißbild in den dunklen Hintergrund übergeht.
Gruppieren von Bildern
Das Arbeiten mit Gruppen von Bildern kann auch eine starke visuelle Darstellung erzeugen. Einige mögen den gespiegelten Ansatz mit einer Gruppe von Bildern mit identischer Form und Größe. Sie können jedoch auch mit Gruppen von nicht übereinstimmenden Formen und Größen spielen.
Beide Ansätze können funktionieren, erfordern jedoch Detailgenauigkeit. Die richtige Ausrichtung von Fotos ist bei der Arbeit mit Gruppierungen von entscheidender Bedeutung. Stellen Sie sicher, dass die Größe der Fotos identisch ist, wenn Sie mit einer Reihe ähnlicher Größen arbeiten, und arbeiten Sie mit Zuschnitten, wenn Sie unterschiedliche Formen verwenden, damit die Bilder in Ihrem Raum zusammenpassen.
Es ist ebenso wichtig, dass Fotos zusammenhalten? beim Gruppieren von Bildern. Beachten Sie, dass sich Webbilder bewegen können. basierend auf den Einstellungen des Benutzerbrowsers. Wenn Ihr CSS keine Gruppierung zulässt (oder wenn Sie dies nicht versuchen möchten), führen Sie Ihre Bilder in einer einzigen Datei in einer Fotobearbeitungssoftware wie Adobe Photoshop zusammen und platzieren Sie die Multi-Fotodatei als ein Bild. Dadurch wird sichergestellt, dass die Gruppierung der Fotos wie beabsichtigt angezeigt wird. Denken Sie auch daran, Abstand und Ausrichtung zu beachten, damit Bilder sauber aussehen.
Print vs. Web Überlegungen
Die Regeln für das Arbeiten mit mehreren Bildern überschreiten die Grenzen zwischen Print und Webdesign. Konzentrieren Sie sich bei jeder Art von Designprojekt auf starke Bilder, Lesbarkeit und Details, um die besten Ergebnisse zu erzielen.
Größe und Anteil
Zu viele kleine Fotos sind schwer verständlich und können Ihr Publikum verwirren. Berücksichtigen Sie den Ausschnitt jedes Bildes und wie dieser den Rahmen ausfüllt. Weitwinkelfotos funktionieren bei kleinen Größen nicht gut, wohingegen scharf geschnittene Fotos bei kleinen Aufnahmen besser halten.
Der Schlüssel für beide Arten von Projekten ist das Verhältnis. Sehen Sie sich die Gesichter oben in der ersten Reihe der Fotos an. In der Weitwinkeleinstellung sind die Gesichter kaum zu unterscheiden und wirken sehr klein. In der zweiten Reihe ist jedoch jedes der Gesichter deutlich sichtbar. Die Rahmen haben in jeder Fotoserie eine identische Größe und die Fotos enthalten dieselben Bilder. Die einzige Änderung ist die Ernte von jedem. Die engeren Zuschnitte lassen die Fotos größer erscheinen, die Rahmen jedoch nicht.
Sie möchten, dass jedes Bild in der von Ihnen angezeigten Größe lesbar ist. Wenn Sie nicht erkennen können, was das Bild ist oder was in einem Foto passiert, überdenken Sie die Größe des Bildes oder experimentieren Sie mit einem alternativen Ausschnitt.
Bildqualität
Ein schlechtes Bild, das klein oder mit Text verwendet wird, ist immer noch ein schlechtes Bild. Wirf es.
Stellen Sie sicher, dass Sie starke Bilder in beliebiger Größe verwenden. Vermeiden Sie pixelierte Bilder, verschwommenes Bild, schlechte Lichtverhältnisse oder offensichtliche Probleme, z. B. einen Finger in der Bildecke oder einen Linseneffekt.
Wenn Sie nur ein Bild mit schlechter Qualität verwenden, kann dies Auswirkungen auf Ihr Projekt haben, unabhängig davon, wie stark das Gesamtdesign ist.Schlechten Bildern mangelt es an Professionalität und der Kunde kann sich negativ auf Ihre Arbeit auswirken. Es gibt kein Fix für ein Bild, dessen Auflösung oder Komposition zu wünschen übrig lässt.
Bildbedeutung
Denken Sie auch an die Botschaft, die Ihr Bild vermitteln wird. Stellen Sie sicher, dass die Bilder für Ihr Publikum geeignet sind. einander. Zum Beispiel hätte eine Website, die einen Tätowierungssalon wie den oben genannten bewirbt, nicht den gleichen Effekt, wenn das Hintergrundbild Wolken und Hasen enthält.
Fazit
Die Verwendung mehrerer Fotos im Design kann ein effektives Werkzeug sein, um großartige Bilder zu präsentieren. Seien Sie vorsichtig bei schlechten Bildern und wählen Sie Fotos sorgfältig aus. Stellen Sie sicher, dass jedes Bild für Ihr Projekt geeignet ist, und erzwingen Sie keine zusätzlichen Bilder, wenn diese nicht verfügbar sind.
Überlegen Sie, wie Bilder angezeigt werden, und ergreifen Sie zusätzliche Schritte im Webdesign, um sicherzustellen, dass die Gruppierung wie gewünscht erhalten bleibt. Achten Sie auf die Details in allen Multi-Foto-Projekten und überprüfen Sie die Bildausschnitte und Bildgrößen, damit die Gruppierungen einheitliche Größen und ein sauberes Erscheinungsbild haben. Spielen Sie schließlich mit verschiedenen Optionen, z. B. identischen Kulturen und unterschiedlichen Formen und Größen, um ein Design zu entwickeln, das Ihrem Projekt am besten entspricht.
Bildquellen: DeusXFlorida, Kevin Dooley, photoskate und Anthony van Dyck.