Die Darstellung eines auf Bildern basierenden Portfolios auf einer Website kann eine schwierige Aufgabe sein. Normalerweise unterscheidet es sich erheblich von einer normalen Kunden- oder Geschäftswebsite. Bei einer normalen Website gibt es normalerweise eine konsistente Struktur, die eine Kopfzeile, ein Navigationsmenü, manchmal eine Seitenleiste und normalerweise eine Fußzeile enthält. Bei der Fotografie sind jedoch keine Grenzen gesetzt. Sie benötigen keine Navigationsleiste, Kopfzeile oder Fußzeile, wenn Sie keine haben möchten. Je kreativer Sie sein können und sich gleichzeitig auf das Hauptziel Ihrer Website konzentrieren, desto mehr Aufmerksamkeit erhalten Sie.
Hinweis vom Herausgeber: Heute werfen wir einen Blick auf eine ganz besondere Nische im Webdesign: Fotografie-Portfolios. Owen Conti ist ein Autor unserer Schwesterseite Phototuts + und wird uns einige nützliche Tipps zum Erstellen eines großartigen Portfolios geben. Er spricht vor allem mit Fotografie, aber fast jedes bildbasierte Portfolio (Illustration, Grafikdesign, Malerei oder sogar Webdesign) kann von diesen Tipps profitieren. so hoffen wir, dass Sie sie genießen!
Morgen werden wir jetzt einige der besten 30 Foto- und Image-Portfolios im Internet zusammenstellen!
Ihr Online-Fotoportfolio soll Ihre Kunden ansprechen oder Ihre Fotos und Bilder zeigen. Einige Leute entscheiden sich für Letzteres, fügen jedem Foto, das sie veröffentlichen, ein Stück Text hinzu und erstellen einen Foto-Blog. Diese Art von Website ist nicht dazu gedacht, Kunden anzuziehen und das Geld nach Hause zu bringen, sondern ist vielmehr eine Ansichtsgalerie für alle, die darüber stolpern.
Fotoportfolios haben normalerweise zwei oder drei Hauptabschnitte:
Dies sind die drei Hauptabschnitte einer Fotomappe. Dadurch kann der Kunde Ihre Arbeit sehen, wenn er möchte, können Sie entweder mehr über Ihre Person lesen oder mit Ihnen in Kontakt treten. Obwohl es einfach klingt, gibt es viele Fragen und Bedenken, die sich ergeben können, wie zum Beispiel:
Während des restlichen Postens werden wir 15 Tipps durchgehen, mit denen Sie die Bedenken hinsichtlich Ihres Fotoportfolios reduzieren können.
Alle großen Portfolios haben drei wesentliche Details:
Wenn Sie diese drei einfachen Details in Ihr Fotoportfolio aufnehmen, haben Sie bereits einen guten Start!
Ihr Portfolio muss die Zielgruppe widerspiegeln, egal ob es sich um ein Paar handelt, das nach einem Hochzeitsshooting sucht oder um eine Agentur, die nach einem Werbeshooting sucht. Wenn Ihr Portfolio das falsche Image vermittelt, ziehen Sie keinen der gewünschten Kunden an.
Denken Sie an das Portfolio eines Hochzeitsfotografen, normalerweise weiß, sauber und einfach zu verwenden. Dies ist für die Zielgruppe eines Hochzeitsfotografen geeignet: In der Regel jüngere Paare (manchmal sind Frauen für bestimmte Entscheidungen verantwortlich) mit Träumen von der perfekten Hochzeit. Hochzeiten sind in der Regel voll mit weißen Blüten und schönen Sonnenstrahlen. Wenn Sie Hochzeitskunden anziehen möchten, benötigen Sie Ihr Portfolio, um einer Hochzeit zu ähneln.
Wenn Sie jedoch vor allem Modefotografie drehen, besteht die Chance, dass Sie angesagte, trendige Motive aufnehmen, und genau das ist Ihre Zielgruppe. Haben Sie das in Ihrem Portfolio. Es klingt zu einfach, um darüber nachzudenken, aber man würde sich wundern, woran einige Leute ihre beste Arbeit ausrichten.
Das Skizzieren eines Layouts, bevor Sie die Maus berühren, ist bei Webdesignern üblich und sollte für Ihr Portfolio nicht anders sein. Der Grund, warum ich Skizzieren als hilfreich empfunden habe, ist, dass ich den Fokus meiner Absichten nicht verliere. Wenn wir an Tipp 1 zurückdenken, möchten wir, dass unser Portfolio speziell auf unsere Bevölkerungsgruppe ausgerichtet ist. Dazu gehören Farben, Layout, Navigation, Symbole, Typografie und alles. Wenn Sie Ihre Idee skizzieren, während sie noch frisch in Ihrem Kopf ist, verlieren Sie den Überblick und haben keine anderen Ideen. Es ist eine einfache Möglichkeit, an Ihrem ursprünglichen Plan festzuhalten.
Denken Sie jedoch daran, dass es in Ordnung ist, von Ihrem Plan abzuweichen, wenn dies zur Verbesserung Ihres Portfolios dient. Wenn Sie denken, die Thumbnails wären drei statt zwei besser, dann machen Sie es. Halten Sie sich möglichst an die Skizze, wenn möglich. Es ist da, um Sie zu unterstützen, nicht um Sie festzuhalten.
Denken Sie beim Skizzieren Ihrer Site daran, Unterstützung für dynamischen Inhalt hinzuzufügen. Stellen Sie sich vor, Sie möchten Ihren Flickr-Feed in Ihr Portfolio ziehen. Sicher, es sieht gut aus, wenn es 12 Fotos gibt, aber wie sieht es mit 21 oder 36 aus? Wie wird Ihr Portfolio mit einer ungeraden Anzahl von Bildern im Vergleich zu einer geraden Anzahl aussehen, so wie Sie es skizziert haben??
Diese Art von Fragen müssen Sie sich beim Skizzieren Ihres Layouts stellen. Wie kann ich meinem Layout mehr Bilder hinzufügen, ohne das Design zu stören? Ist die Paginierung eine Option? Kann ich nur die XX-Anzahl von Bildern gleichzeitig anzeigen lassen??
Ich kann Ihnen nicht sagen, wie Sie Ihr Portfolio skizzieren, aber ich kann Tipps aus eigener Erfahrung geben. Versuchen Sie, die Anzahl der Fotos, die Sie auf jeder Seite haben, zu begrenzen, so dass Sie nicht das Gefühl haben, dass Ihr Inhalt in Ihr Portfolio eingepfercht wird. Trennen Sie Fotos mithilfe von Kategorien oder Seiten. Die Paginierung funktioniert gut, aber nur, wenn sie richtig gemacht wird. Beachten Sie die Paginierung nur, wenn Sie mehr als 12 Bilder pro Seite haben. Ich finde, 12 ist ein guter Gleichgewichtspunkt, aber alles ist vorbei und ich fange an, meinen Weg zu verlieren.
Abhängig von der Art der Fotografie sehen Bilder normalerweise viel besser aus, wenn Sie sie auf einem schwarzen Hintergrund anzeigen. Dies liegt in der Regel daran, dass der Kontrast stärker ist als bei Weiß. Der Kontrast hilft, die Farben des Fotos hervorzuheben, wodurch das Bild lebendiger und atemberaubender erscheint. Wenn Sie Sport-, Werbe-, HDR-, Natur- oder Porträtfotografie betreiben, versuchen Sie, Ihre Arbeit auf Schwarz und dann auf Weiß zu sehen, und sehen Sie, welche für Sie besser aussieht.
Wenn Sie eine dunkle Site entwerfen, ist es normalerweise eine gute Idee, irgendwo etwas Farbe hinzuzufügen. Es kann Ihr Logo oder Ihre Navigation sein. Schwarz und Weiß können äußerst effektiv sein, aber das Hinzufügen von Farbe fügt einen Hauch von Persönlichkeit hinzu.
Wenn ein potenzieller Kunde sich Ihr Portfolio ansieht, erwarten Sie hochauflösende, professionell aussehende Bilder. Also gib ihnen das! Zeigen Sie keine Bilder in voller Größe mit 300 x 300 Pixel an. Der Betrachter ist dazu da, Ihre Arbeit in bester Qualität zu sehen, nicht in einer für Bandbreite optimierten Qualität. Wenn Sie Ihre Zielgruppe als demografisch betrachten, sind die Chancen hoch, dass sie sich in Ihrer Nähe befinden. Inzwischen haben die meisten von uns Hochgeschwindigkeits-Kabel- oder DSL-Verbindungen, also nutzen Sie sie.
Bieten Sie hochauflösende Bilder für Ihre Kunden, und möglicherweise müssen sie einige Sekunden länger warten. Wenn sie so ungeduldig sind, dass sie nicht darauf warten, dass Ihr Portfolio die bestmögliche Qualität lädt, dann sind sie persönlich zu ungeduldig, um mein Kunde zu sein.
Alles im Internet hat einen Preis. Es kommt nur so vor, dass der Preis für qualitativ hochwertige Arbeit längere Ladezeiten bedeutet.
Jetzt, wo Sie hochauflösende Bilder verwenden, können Sie auch einen großen Anzeigebereich verwenden. W3Schools berichtet, dass im Januar 2011 noch 0,6% der Benutzer eine Bildschirmauflösung von 800 x 600 verwendet haben. Das heißt, wenn Sie alle Ihre Grundlagen abdecken möchten, sollten Sie Ihr Portfolio so gestalten, dass es in diese Dimensionen passt. Auf diese Weise können Benutzer mit einem Wert von über 800 x 600 weiterhin problemlos auf Ihr Portfolio zugreifen. Für Benutzer von Tablets und Smartphones können Sie die Größe Ihres Portfolios an das Gerät anpassen.
Ein Trendthema der letzten paar Monate in der Webdesign-Welt ist "Responsive Web Design"; auf Ihre Benutzer reagieren Lassen Sie das Layout Ihrer Website anpassen, wenn die Auflösung eines Benutzers geringer als normal ist. Wenn ein Benutzer einen größeren Bildschirm hat, versuchen Sie, Ihr Layout anzupassen, indem Sie es in größere Bilder laden. Durch die Verwendung von "Responsive Web Design" in Ihrem Portfolio können Sie eine insgesamt höhere Benutzerzufriedenheit erzielen. Nichts ist schlimmer als das Anzeigen einer Seite auf Ihrem iMac, nur um sie am nächsten Morgen während der Zugfahrt zur Arbeit auf Ihrem iPhone ausfallen zu lassen.
Obwohl Sie möglicherweise eine große Sammlung von Bildern in Ihrem Portfolio haben möchten, beschränken Sie sich auf die stärkeren Teile. Zu viele Bilder in Ihrem Portfolio können die Ladezeiten verlängern und dem Betrachter zu viele Optionen bieten. Dadurch kann sich Ihr Portfolio so anfühlen, als würde es immer weiter ziehen.
Wenn Sie Ihre Auswahl einschränken, sieht der Betrachter nur die stärksten Bilder, und wenn er mehr sehen möchte, kann er sich mit Ihnen in Verbindung setzen. Wenn Sie Ihre Auswahl einschränken, wirkt Ihr Portfolio klarer und strukturierter. Wenn Sie eine große Sammlung all Ihrer Fotos veröffentlichen möchten, verwenden Sie Dienste wie Flickr und 500px.
Wenn Sie mit dem Verfassen eines wörtlichen Essays beauftragt werden, ordnen Sie Ihre Punkte in strategischer Reihenfolge. Sie setzen die stärksten Punkte entweder am Anfang oder am Ende des Aufsatzes und die schwächeren Punkte in der Mitte. Indem Sie die stärksten Punkte am Anfang platzieren, ziehen Sie sofort den Betrachter an und ziehen seine Aufmerksamkeit auf sich. Wenn Sie die stärkeren Punkte am Ende des Essays platzieren, enden Sie mit einer hohen Note, und der Betrachter erhält einige starke Punkte, die er nicht vergessen wird.
Mit Ihrem Foto-Portfolio ist es dasselbe. Wenn Sie Ihre stärksten Bilder entweder am Anfang oder am Ende des Portfolios platzieren, treffen Sie den Betrachter am stärksten. Ich empfehle, beide Enden des Spektrums zu verwenden, ihre Aufmerksamkeit von Anfang an zu ergreifen und lassen Sie ihnen am Ende des Portfolios etwas zu merken.
Mit der heutigen Technologie kann jemand, egal wie sehr Sie versuchen, Ihre Bilder zu schützen, irgendwo eine Kopie stehlen. Sie können versuchen, den Rechtsklick zu deaktivieren oder alle Ihre Bilder als Hintergrundbild zu verwenden und zu hoffen, dass Ihre Benutzer nicht technisch fähig sind. aber das wird nie funktionieren.
Die einzige Möglichkeit, Ihre Fotos wirklich zu schützen, ist das Einbetten von Wasserzeichen. Durch das Einbetten von Wasserzeichen in die JPGs ist das Wasserzeichen immer vorhanden, wenn Diebe Ihre Arbeit stehlen. Je größer das Wasserzeichen ist, desto schwieriger wird es, es zu entfernen.
Die Verwendung von Wasserzeichen hat zwei Nachteile:
Nicht mehr viele Benutzer verwenden Wasserzeichen mehr, aber wenn Sie sich Sorgen machen, dass Ihre Bilder Ihre Bilder stehlen, ist dies möglicherweise einen Gedanken wert.
Zuschauer möchten gerne wissen, auf wen Sie geschossen haben und auf wen sie schauen. Sie könnten sich wirklich für Ihre Modefotografie interessieren und würden sich freuen, Sie und eines der Models, die Sie zuvor fotografiert haben, einzustellen, um wieder zusammen zu arbeiten.
Wenn Sie es für angemessen halten, ein paar Informationen zu jedem Foto bereitzustellen, machen Sie es! Sie müssen nicht jedem Stück einen "Titel" geben, sondern eine Ein-Satz-Beschreibung, für wen die Firma, für die Sie geschossen haben, wer das Modell ist oder vielleicht welche Werkzeuge Sie verwendet haben, oder sogar den Ort der Aufnahme.
Jedes bisschen zählt und je mehr Arbeit Sie in Ihr Portfolio stecken, desto leidenschaftlicher wird der potenzielle Kunde Sie sehen.
Bei der Suche im Internet nach Beispielen für Fotografie-Portfolios wurden häufig Websites gefunden, die Miniaturansichten der einzelnen Bilder und die nächsten / vorherigen Pfeile enthielten, um in der Galerie vorwärts und rückwärts zu navigieren. Was ich nicht oft fand, aber mehr fand, als ich erwartet hatte, war die Tastaturnavigation zusätzlich zu den Miniaturbildern und den nächsten / vorherigen Pfeilen.
Je einfacher Ihre Website ist, um zu navigieren und zu navigieren, desto glücklicher wird sie Ihre Website verwenden. Je zufriedener Sie Ihre Website verwenden, desto mehr positive Gefühle werden sie erzeugen, wenn Sie Ihre Arbeit betrachten. Das Gleiche funktioniert in die entgegengesetzte Richtung, nicht vergessen. Wenn Ihre Website zu schwer zu verwenden ist, werden Ihre Benutzer leicht deaktiviert und wirken sich negativ auf Ihre Arbeit aus.
Überdenken Sie Ihre Navigation und machen Sie sie so einfach und natürlich wie möglich.
Dieser Tipp widerspricht dem sechsten Tipp, bei dem ich Ihnen empfohlen habe, einen großen Anzeigebereich für Ihre Fotos zu verwenden. Der Schlüssel ist entweder
In der Regel ist es eine gute Idee, wenn Sie den Bildlauf des Benutzers einschränken können, unabhängig davon, welches Gerät / welche Auflösung er verwendet. Passen Sie für kleinere Bildschirme an, indem Sie das Layout der Website neu anordnen oder Miniaturansichten in einer anderen Größe anpassen.
Wie in Tipp 6 erwähnt, ist 800 x 600 immer noch die kleinste Auflösung, die Sie berücksichtigen sollten, wenn Sie sich um jeden möglichen Benutzer Sorgen machen. Versuchen Sie, für diese Auflösung zu entwerfen, ohne zu scrollen, und verbessern Sie dann das Design und das Layout für größere Bildschirme und Auflösungen.
Unabhängig davon, wie gut Ihre Arbeit ist, wenn Ihr Betrachter nicht mit Ihnen in Kontakt treten kann, erhalten Sie keine Arbeit. Es ist sehr einfach für Sie, Kontaktdetails zu Ihrer Site hinzuzufügen. Egal, ob es sich um eine Kontaktseite, eine Telefonnummer auf jeder Seite oder eine E-Mail-Adresse in der Fußzeile handelt. Die Suche nach Ihren Kontaktinformationen sollte für Ihre Benutzer ein Kinderspiel sein.
Sie können Ihre Kontaktdaten so einstellen, wie Sie möchten. Stellen Sie einfach sicher, dass alles, was Sie tun, richtig ist. Eine einfache Telefonnummer reicht aus. Wenn ein potenzieller Kunde das Telefon nicht mag, ist es möglicherweise besser, wenn er auch Ihre E-Mail-Adresse kennt. Denken Sie daran, über alle Benutzer nachzudenken, bevor Sie endgültige Entscheidungen treffen.
Woo! Sie haben gerade eine Woche damit verbracht, Ihr neues Portfolio zu entwerfen und eine weitere Woche damit, es zu kodieren. Sie starten Ihre neue Website und geben sie nur der Welt bekannt, um eine Handvoll negatives Feedback zur Nutzbarkeit Ihrer Website zu erhalten. Es stellt sich heraus, dass die Site auf 13 "MacBooks nicht zu heiß aussieht, da die Auflösung bei weitem nicht der Auflösung Ihres 27" iMac entspricht.
Hoppla! Sieht aus, als hätten Sie ein paar Tests machen sollen. Nicht nur das, eine zweite Meinung wäre auch gut gewesen! Es ist nie eine schlechte Idee, jemanden aus der Branche dazu zu bringen, Ihr neues Portfolio für Sie zu überprüfen. Sie können einen zweiten Einblick in Bereiche geben, die Sie möglicherweise überflogen haben, und auf offensichtliche Fehler hinweisen, die Sie nicht sehen.
Wenn Sie das sagen, stellen Sie sicher, dass Sie Ihre zweite Meinung mit Bedacht auswählen. Versuchen Sie, sich von Familie und Freunden fernzuhalten, nicht nur, weil ihre Meinung voreingenommen ist, sondern auch, weil sie nicht genug über die Branche wissen, um Ihnen eine richtige Meinung zu geben.
Es ist derzeit 2011, und die Technologie, die wir besitzen, ist hoch entwickelt für jeden, und ich meine, jeden, ein dynamisches Portfolio zu besitzen und zu pflegen. Unabhängig davon, ob Sie Ihr Portfolio mit WordPress oder einem Flash-System verwalten oder immer noch in statischem HTML-Code stecken, sollten Sie Ihren Inhalt aktualisieren.
Benutzer sind es gewohnt, bei jedem Besuch einer Website neue Inhalte zu sehen. Wir sind aus dem gleichen alten Zeug bei jedem Besuch geworden. Dies gilt auch für Ihr Fotoportfolio, wobei weniger wichtig ist, wie oft Sie aktualisieren sollten. Es ist ideal, wenn Sie aktualisieren, wenn Sie neue Inhalte haben. Versuchen Sie, nicht in Batches hochzuladen, und werfen Sie alle paar Monate eine Handvoll Fotos hoch. Versuchen Sie stattdessen, einen konsistenten, aber lockeren Zeitplan einzuhalten.
Aktualisieren Sie die Aktualisierung nur, wenn der neue Inhalt stärker ist als der ältere Inhalt. Es macht keinen Sinn, ein starkes Bild durch ein schwächeres zu ersetzen, unabhängig davon, ob es aktueller ist. Sie möchten Ihre Fähigkeiten immer verbessern, und Ihr Portfolio sollte dies widerspiegeln.
Unabhängig davon, ob Sie Ihr Foto-Portfolio für bezahlte Arbeit entwerfen oder nur um Ihre Bilder zu präsentieren, sollten Sie immer den Endbenutzer in Betracht ziehen. Machen Sie es Ihren Benutzern so einfach wie möglich, Ihr Portfolio anzuzeigen. Komplexe Navigationen und Layouts sind zwar "cool", aber auch nutzlos, wenn sie für die meisten Benutzer zu kniffelig sind.
Je weniger frustriert Ihre Benutzer beim Betrachten Ihres Portfolios sind, desto wahrscheinlicher wird es sein, dass Sie sich mit Ihnen in Verbindung setzen - vorausgesetzt, sie mögen Ihre Arbeit. Egal wie gut Ihre Fotografie glänzt, das Format und das Detail, in dem Sie sie präsentieren, bestimmt, ob sie für den Kunden wert ist oder nicht.
Wir haben 15 Tipps zur Erstellung eines großartigen Foto-Portfolios gegeben. Lassen Sie uns kurz zusammenfassen:
Denken Sie daran, dies sind nur Tipps - hilfreiche Ratschläge, die Sie in Ihrem eigenen Portfolio verwenden können, wenn Sie möchten. Verwenden Sie keine, eine oder alle von ihnen! Es liegt an Ihnen, vergessen Sie nie Ihre Endbenutzer. Sie sind die, die wirklich wichtig sind!