La presentazione di un portfolio basato su immagini su un sito Web può essere un compito difficile. Di solito è molto diverso da un normale cliente o sito web aziendale. Con un normale sito Web, di solito c'è una struttura coerente, che include un'intestazione, un menu di navigazione, a volte una barra laterale e solitamente un piè di pagina. Tuttavia, quando mostri la fotografia, non ci sono limiti. Non hai bisogno di una barra di navigazione, di un'intestazione o di un piè di pagina, se non vuoi averli. Più creativo puoi essere, mentre ti concentri ancora sull'obiettivo principale del tuo sito, maggiore sarà l'attenzione che otterrai.
Nota dell'editore: Oggi daremo un'occhiata a una nicchia molto speciale all'interno del web design: i portfolio fotografici. Owen Conti è un autore del nostro sito gemello, Phototuts +, e ci guiderà attraverso alcuni suggerimenti utili per creare un grande portfolio. Parlerà con la fotografia in mente, ma quasi tutti i portfolio basati su immagini (illustrazione, grafica, pittura o persino web design) possono trarre vantaggio da questi suggerimenti? quindi speriamo che ti piacciano!
Domani andremo ad arrotondare alcuni dei migliori 30 portfolio fotografici e immagini sul web in questo momento!
Il tuo portfolio fotografico online è destinato ad attirare la clientela o mostrare le tue foto e immagini. Alcune persone scelgono quest'ultimo, aggiungendo parti di testo a ciascuna foto che pubblicano, creando un blog fotografico. Quel tipo di sito non è inteso ad attrarre clienti e portare a casa il denaro, ma piuttosto essere una galleria di visualizzazione per chiunque si imbatta in esso.
I portafoto fotografici hanno in genere due o tre sezioni principali:
Queste sono le tre sezioni principali di un portfolio fotografico. Permette al cliente di vedere il tuo lavoro, se gli piace può leggere di più su chi sei o entrare in contatto con te. Anche se sembra semplice, ci sono molte domande e preoccupazioni che possono sorgere, come ad esempio:
In tutto il resto del post, forniremo 15 suggerimenti che possono aiutare a ridurre le preoccupazioni che potresti avere sul tuo portfolio fotografico.
Tutti i grandi portafogli hanno tre principali dettagli in comune:
Se includi questi tre semplici dettagli nel tuo portfolio fotografico, sei già partito alla grande!
Il tuo portfolio deve riflettere il tuo target demografico, che si tratti di una coppia in cerca di un servizio fotografico o di un'agenzia alla ricerca di un servizio commerciale. Se il tuo portafoglio emette un'immagine sbagliata, non attirerai nessuno dei clienti che desideri.
Pensa al portfolio di un fotografo di matrimoni, in genere bianco, pulito e facile da usare. Questo è adatto al target demografico di un fotografo di matrimoni: tipicamente le coppie più giovani (a volte le femmine sono responsabili di determinate decisioni) con i sogni del matrimonio perfetto. In genere, i matrimoni sono pieni di bianco, con bellissimi fiori e raggi di sole. Se vuoi attirare i clienti del matrimonio, è necessario che il tuo portafoglio assomigli a un matrimonio.
Allo stesso tempo, però, se si fotografa principalmente la fotografia di moda, è probabile che si scattino soggetti alla moda e alla moda e questo è ciò che il vostro target demografico sta cercando. Il tuo portafoglio rispecchia quello. Sembra troppo semplice per pensare troppo, ma saresti sorpreso di ciò che alcune persone circondano il loro lavoro migliore in.
Disegnare un layout prima ancora di toccare il mouse è una pratica comune tra i web designer e non dovrebbe essere diverso per il tuo portfolio. Il motivo per cui ho trovato lo sketch è stato utile per non perdere di vista le mie intenzioni. Se ripensiamo al Tip 1, vogliamo che il nostro portafoglio sia mirato in modo specifico al nostro segmento demografico. Ciò include colori, layout, navigazione, icone, tipografia, tutto. Se descrivi la tua idea mentre è fresca nella tua mente, non la perderai di vista o non avrai altre idee scritte su di essa. È un modo semplice di attenersi al piano originale.
Ricorda però, va bene deviare dal piano se è per il meglio del tuo portafoglio. Se finisci per pensare che le miniature vadano meglio di tre larghe piuttosto che due, allora vai a prenderle. Cerca di aderire allo schizzo il più possibile, quando possibile. È lì per aiutarti, non per cementarti sul posto.
Quando si disegna il tuo sito, ricorda di aggiungere il supporto per il contenuto dinamico. Immagina di decidere di voler inserire il tuo feed Flickr nel tuo portafoglio. Beh, sembra buono quando ci sono 12 foto, ma che ne dici di 21 o 36? Come apparirà il tuo portfolio con un numero dispari di immagini rispetto a un numero pari, come se lo avessi disegnato per assomigliare?
Questi sono i tipi di domande che devi porci mentre disegni il tuo layout. Come posso aggiungere più immagini al mio layout senza ingombrare il design? L'impaginazione è un'opzione? Sarò solo in grado di mantenere XX quantità di immagini visibili alla volta?
Non posso dirti come delineare il tuo portfolio, ma posso dare consigli dall'esperienza personale. Cerca di limitare la quantità di foto che hai su ogni pagina in modo che non sia come il tuo contenuto ingerito nel tuo portfolio. Separare le foto usando categorie o pagine. L'impaginazione funziona bene, ma solo se eseguita correttamente. Considera l'impaginazione solo se hai più di 12 immagini per pagina. Trovo che il 12 sia un buon punto di equilibrio, ma qualcosa oltre e comincio a perdere la strada.
A seconda dello stile della fotografia, le immagini appaiono in genere molto meglio quando le visualizzi su uno sfondo nero. Questo è in genere perché c'è più contrasto rispetto a quando si guarda contro il bianco. Il contrasto aiuta a far risaltare i colori della foto, che a sua volta rende l'immagine più vivida e sorprendente. Se fai qualsiasi tipo di fotografia sportiva, commerciale, HDR, natura o ritratto, prova a visualizzare il tuo lavoro su nero e poi su bianco e vedi quale ti sembra migliore.
Quando si progetta un sito oscuro, di solito è una buona idea avere qualche bagliore di colore aggiunto da qualche parte. Può essere il tuo logo o la tua navigazione, qualsiasi cosa. Il bianco e nero può essere estremamente efficace, ma aggiungere un tocco di colore aggiunge un tocco di personalità.
Quando un potenziale cliente visualizza il tuo portfolio, si aspetta di vedere immagini ad alta risoluzione e dall'aspetto professionale. Quindi dai loro quello! Non visualizzare le immagini "a grandezza intera" a 300 px per 300 px. Lo spettatore è lì per vedere il tuo lavoro con la massima qualità, non una bassa qualità ottimizzata per la larghezza di banda. Quando consideri il tuo target demografico, è molto probabile che si trovino vicino a te. Ormai, molti di noi hanno connessioni via cavo o DSL ad alta velocità, quindi utilizzale.
Fornisci immagini ad alta risoluzione per i tuoi clienti e in cambio potrebbero dover aspettare ancora un paio di secondi. Se sono così impazienti che non aspetteranno che il tuo portfolio carichi la migliore qualità possibile, allora parlando personalmente, sono troppo impazienti di essere il mio cliente.
Tutto su Internet ha un prezzo; succede solo che il prezzo per un lavoro di alta qualità è un tempo di caricamento più lungo.
Ora che utilizzi immagini ad alta risoluzione, perché non utilizzare anche un'area di visualizzazione di grandi dimensioni? W3Schools riporta che nel gennaio del 2011, lo 0,6% degli utenti utilizzava ancora una risoluzione dello schermo di 800 x 600. Ciò significa che, se si desidera coprire tutte le basi, progettare il portfolio in modo che si adatti a tali dimensioni. In questo modo, gli utenti che superano 800 x 600 possono comunque accedere facilmente al tuo portafoglio. Per gli utenti su tablet e smartphone è possibile ridimensionare il portfolio per adattarlo al proprio dispositivo.
Un tema di tendenza negli ultimi due mesi nel mondo del web design è "Responsive Web Design"; rispondendo ai tuoi utenti. Chiedi al tuo sito di modificare il layout se un utente ha una risoluzione inferiore al normale. Se un utente ha uno schermo più grande, prova ad adattare il layout caricando immagini più grandi. Usando "Responsive Web Design" nel tuo portfolio, puoi ottenere una soddisfazione generale maggiore per gli utenti. Niente è peggio di vedere un sito sul tuo iMac, solo per aver fallito sul tuo iPhone la mattina dopo sul treno per andare al lavoro.
Sebbene tu possa avere una vasta collezione di immagini che desideri condividere nel tuo portfolio, prova a limitare la tua selezione ai pezzi più forti. Troppe immagini nel tuo portfolio possono aumentare i tempi di caricamento e fornire allo spettatore troppe opzioni. Può far sembrare che il tuo portfolio si stia trascinando avanti e indietro.
Se limiti la selezione, lo spettatore vede solo le immagini più forti e, se sono interessate a vederne altre, possono contattarti. Limitare la selezione rende inoltre il portafoglio più definito e strutturato. Se vuoi pubblicare una vasta raccolta di tutte le tue foto, usa servizi come Flickr e 500px.
Quando hai il compito di scrivere un saggio letterale, organizzi i tuoi punti in ordine strategico. Metti i punti più forti all'inizio o alla fine del saggio e lascia i punti più deboli nel mezzo. Posizionando i punti più forti all'inizio, attiri immediatamente lo spettatore e attiri la loro attenzione. Posizionando i punti più forti alla fine del tema, si termina con una nota alta, lasciando lo spettatore con alcuni punti forti che non dimenticheranno.
È lo stesso con il tuo portfolio fotografico. Se metti le tue immagini più forti all'inizio o alla fine del portfolio, colpirai maggiormente lo spettatore. Consiglio di usare entrambe le estremità dello spettro, attirare la loro attenzione fin dall'inizio e Lasciare loro qualcosa da ricordare alla fine del portfolio.
Con la tecnologia di oggi, non importa quanto duramente cerchi di proteggere le tue immagini, qualcuno, da qualche parte, può rubare una copia. Puoi provare a disabilitare il tasto destro del mouse, o mettere tutte le tue immagini come immagini di sfondo, e spero che i tuoi utenti non siano in grado di supportare la tecnologia; ma non funzionerà mai.
L'unico modo per proteggere veramente le tue foto è incorporare filigrane su di esse. Incorporando filigrane nei jpg, se i ladri rubano il tuo lavoro, la filigrana sarà sempre lì. Più grande è la filigrana, più difficile sarà sbarazzarsene.
Ci sono due aspetti negativi nell'utilizzo di filigrane:
Non molte persone usano più watermark, ma se sei preoccupato per le persone che rubano le tue immagini, potrebbe valere la pena pensarci.
Gli spettatori amano sapere chi hai sparato e chi stanno guardando. Potrebbero essere davvero interessati alle tue fotografie di moda e adorerebbero assoldarti e uno dei modelli che hai fotografato prima di lavorare di nuovo insieme.
Se trovi adeguato fornire una piccola informazione su ogni foto, fallo! Non devi dare ad ogni pezzo un "titolo", ma una descrizione di una frase di chi è la compagnia per cui hai sparato o di chi è la modella o forse quali strumenti hai usato o anche la posizione dello sparo.
Ogni piccolo conto e più lavoro metti nel tuo portafoglio più appassionato il potenziale cliente ti vedrà come.
Durante la ricerca sul Web per trovare esempi di portfolio fotografici, ho trovato spesso siti che includevano miniature di ogni immagine e frecce next / prev per spostarsi avanti e indietro nella galleria. Quello che non ho trovato spesso, ma mi sono imbattuto in più di quanto mi aspettassi era la navigazione da tastiera, oltre alle miniature e le frecce next / prev.
Più facile è il sito per il tuo spettatore per navigare e spostarsi, più felice sarà il tuo sito. Più felicemente stanno usando il tuo sito, più sentimenti positivi produrranno guardando il tuo lavoro. Le stesse opere nella direzione opposta, non dimenticare. Se il tuo sito è troppo difficile da utilizzare, i tuoi utenti saranno facilmente disattivati e produrranno più sentimenti negativi nei confronti del tuo lavoro.
Ripensa la tua navigazione, rendendola più semplice e naturale da usare.
Questo suggerimento contraddice il suggerimento n. 6, in cui ho consigliato di utilizzare un'ampia area di visualizzazione per le tue foto. La chiave è:
Di solito è una buona idea se puoi limitare lo scorrimento dell'utente, indipendentemente dal dispositivo / risoluzione che stanno utilizzando. Adatta gli schermi più piccoli riorganizzando il layout del sito o rendendo le miniature di dimensioni diverse.
Come ho detto nel suggerimento n. 6, 800 x 600 è ancora la risoluzione più piccola da coprire se sei preoccupato per ogni possibile utente. Prova a progettare per quella risoluzione, senza scorrimento e quindi migliora il design e il layout per schermi e risoluzioni più grandi.
A prescindere da quanto sia buono il tuo lavoro, se il tuo spettatore non riesce a contattarti, non stai lavorando. È molto semplice aggiungere dettagli di contatto al tuo sito. Indipendentemente dal fatto che si tratti di una pagina di contatto, di un numero di telefono su ogni pagina o di un indirizzo email nel footer, la ricerca delle informazioni di contatto dovrebbe essere un gioco da ragazzi per gli utenti.
Puoi mettere quello che vuoi per i tuoi dati di contatto, ma assicurati che qualunque cosa tu faccia, sia corretta. Un semplice numero di telefono lo farà, sebbene se un potenziale cliente non ami il telefono, potrebbe essere meglio se conoscesse anche il tuo indirizzo e-mail. Ricorda di pensare a tutti i tuoi utenti prima di prendere una decisione definitiva.
Corteggiare! Hai appena trascorso una settimana a progettare il tuo nuovo portfolio e un'altra settimana a codificarlo. Lancia il tuo nuovo sito e lo comunichi al mondo solo per ricevere una manciata di feedback negativi sull'usabilità del tuo sito. Si scopre che il sito non sembra troppo caldo sui MacBook da 13 "perché la risoluzione non è affatto vicina alla risoluzione del tuo 27" iMac.
Oops! Sembra che avresti dovuto fare dei test. Non solo, ma una seconda opinione sarebbe stata grandiosa! Ottenere qualcuno esperto nel settore per ricontrollare il tuo nuovo portafoglio per te non è mai una cattiva idea. Possono fornire una seconda visione delle aree che potresti aver sfogliato e segnalare eventuali bug ovvi che non vedi.
Con questo, però, assicurati di scegliere saggiamente la tua seconda opinione. Cerca di stare alla larga da familiari e amici, non solo perché la loro opinione può essere parziale, ma anche perché potrebbero non sapere abbastanza sul settore per darti un'opinione adeguata.
È attualmente il 2011 e la tecnologia che possediamo è abbastanza sofisticata per chiunque, e intendo chiunque, possedere e mantenere un portafoglio dinamico. Indipendentemente dal fatto che gestisci il tuo portafoglio con WordPress, un sistema Flash o ancora bloccato in HTML statico, dovresti aggiornare i tuoi contenuti.
Gli utenti sono abituati a vedere nuovi contenuti ogni volta che visitano un sito web. Siamo cresciuti dal vedere le stesse vecchie cose in ogni visita. Questo è lo stesso per il tuo portfolio fotografico, con un po 'meno enfasi sulla frequenza con cui dovresti aggiornare. È ideale se si aggiorna ogni volta che si hanno nuovi contenuti. Cerca di non caricare in gruppo, lanciando una manciata di foto ogni due mesi. Invece, cerca di mantenere un programma coerente, ma libero.
Quando si aggiorna, aggiornare solo se il nuovo contenuto è più forte del contenuto precedente. Non ha senso sostituire un'immagine forte con una più debole, indipendentemente dal fatto che sia più recente. Vuoi rafforzare sempre le tue competenze e il tuo portfolio dovrebbe riflettere questo.
Che tu stia progettando il tuo portfolio fotografico per il lavoro retribuito o semplicemente per mostrare le tue immagini, devi sempre considerare l'utente finale. Rendi il più semplice possibile per i tuoi utenti visualizzare il tuo portfolio. Navigazioni e layout complessi possono essere "cool", ma sono anche inutili se sono troppo complicati per la maggior parte degli utenti.
Meno frustrati sono i tuoi utenti mentre visualizzi il tuo portfolio, più è probabile che ti contatteranno, a patto che gli piaccia il tuo lavoro. Indipendentemente dal modo in cui la tua fotografia risplende, il formato e i dettagli in cui lo presenterai determineranno se è degno o meno per il cliente.
Abbiamo esaminato 15 suggerimenti su come creare un portfolio fotografico eccellente. Ricapitoliamo rapidamente:
Ricorda, questi sono solo dei consigli: utili consigli che puoi scegliere di utilizzare nel tuo portafoglio, se lo desideri. Usa nessuno, uno o tutti! Dipende da te, non dimenticarti mai dei tuoi utenti finali. Sono quelli che contano davvero!