Att arbeta med flera bilder och bilder kan vara en knepig framtid. Görs försiktigt, användningen av flera bilder kan bidra till att skapa en effektiv och mästerlig design för både utskrifts- och webbdesignprojekt. Några av de bästa exemplen på design med flera foton finns på professionella fotografers webbplatser.
Tänk på dominans, antal bilder, färg, gruppering och bildkvalitet när du arbetar med en mängd olika bilder. Titta på detaljer och överväga känslan av ett projekt för att få det bästa resultatet när du använder många bilder i ditt projekt.
Gilla artikeln? Var noga med att prenumerera på vårt RSS-flöde och följ oss på Twitter för att hålla dig uppdaterat om det senaste innehållet.
Skapa Dominans
Din webbplats ska ha en bild eller en samling bilder, som är dominerande och den uppenbara stora bilden på webbplatsen. Överväg att använda ett enda foto som använder mycket av utrymmet, vertikalt eller horisontellt som du arbetar med eller arbetar för att kombinera bilder på ett sådant sätt att de verkar enhetliga.
Enkelt foto
Det enklaste sättet att skapa dominans med bilder är att fokusera på en enda bild eller ett foto. Bilden visas i stor storlek med mindre foton som används för att accentuera den primära bilden. Detta är ett populärt koncept och kan fungera exceptionellt bra med ett starkt, stort bildskärmsfoto och en gruppering av mindre, skarpa bilder.
Dramatisk beskärning
Ett annat sätt att göra ett enda foto sticka ut i en layoutkonstruktion med flera foton är att använda dramatisk beskärning. Ibland räcker en ovanlig form, till exempel en extrem horisontal eller vertikal bild, att dra dig till en bild först. Sekundära bilder med mer typiska former är inte fokus.
Var och en av dessa webbplatser använder en stark horisontell bild på olika sätt. Maleny Manor tar ett direkt tillvägagångssätt med en stark gröda som sträcker bredden på sidan sekundära bilder är små ikoner som leder dig till andra bilder. William & Marys webbplats verkar också använda en stark gröda, men om du tittar noga är resten av bilden inbyggd i bannern. Denna trickgrödor arbetar också för att skapa en stark bild, som kompletteras med mindre bilder som skärs hårt.
Färg
Använda färg, eller inte, kan också lägga till effekter i flera fotonlayouter. Om du blandar foton som använder fullfärg med svartvita eller sepiatoner kan du lägga till kontrast och tonvikt på vissa bilder. Den udda bilden - färg i ett svartvitt schema eller vice versa - kommer omedelbart att dra största uppmärksamhet.
Denis Reggie Photography använder ett system med svartvita bilder med en roterande färgbild som guidar dig genom bilderna på sidan. Vidare finns huvudnavigeringsverktyget på sidan i ett statiskt färgblock. Färg används för att styra dig genom var och en av bilderna i följd. Observera också hur färgbilden nästan hoppar av sidan i förhållande till de färglösa bilderna.
C & J Willis Photography använder en liknande teknik. Genom att blanda svartvita och färgfoton faller tonvikten från den största bilden till de mindre bilderna nedan. Färgbilderna visas större och mer dominerande och leder dig till andra punkter på webbplatsen, eftersom den svarta och vita bilden bleknar in i den mörka bakgrunden.
Gruppering av bilder
Att arbeta med grupper av bilder kan också skapa en stark visuell presentation. Medan vissa som den speglade inställningen, med en grupp bilder av samma form och storlek, kan du också spela med grupper av otillpassade former och storlekar.
Båda metoderna kan fungera men kräver noggrannhet. Korrekt justering av foton är nyckeln när du arbetar med grupperingar. Se till att bilderna är lika stora när du arbetar med en rad med liknande storlekar och arbeta med grödor när du använder olika former så att bilderna passar ihop i ditt utrymme.
Det är lika viktigt att bilderna håller sig ihop? när du grupperar bilder. Var medveten om att webbbilder kan? Flytta? baserad på användarbläddringsinställningar. Om din CSS inte rymmer gruppering (eller om det är något du inte är redo att försöka), slå ihop dina bilder i en enda fil i bildredigeringsprogram som Adobe Photoshop och placera flerfotofilen som en bild. Detta säkerställer att din gruppering av bilder visas som du önskade. Också, kom ihåg att hålla avstånd och justering i åtanke, så att bilderna har ett rent utseende.
Skriv ut vs Webböverväganden
Reglerna för att arbeta med flera bilder passerar gränserna mellan tryck och webbdesign. För varje typ av designprojekt, fokusera på starka bilder, läsbarhet och detaljer för bästa resultat.
Storlek och Andel
För många små bilder kan vara svårt att förstå och kan förvirra din publik. Tänk på beskärningen av varje bild och hur den fyller ramen. Vidvinkelfoton fungerar inte bra i små storlekar, medan bilder som beskärs hålls tätt fast när de används små.
Nyckeln för båda typerna av projekt är proportionell. Titta på ansikten ovan i den första raden av bilder. I det breda skottet är ansikten nästan oskiljbara och verkar mycket små. Men i andra raden är vart och ett av ansikten tydligt synliga. Ramarna är lika stora i varje rad foton och bilderna innehåller samma bilder. den enda förändringen är till grödan av varje. De hårdare grödorna gör att bilderna blir större, även om ramarna inte är.
Du vill att varje bild ska kunna läsas i den storlek du visar den. Om du inte kan berätta vad bilden är eller vad som händer i ett foto, ompröva storleken på bilden eller experimentet med en alternativ gröda.
Bildkvalitet
En dålig bild som används liten eller med text är fortfarande bara en dålig bild. Kasta det.
Se till att du använder starka bilder i alla storlekar. Undvik bilder som är pixelerade, är suddiga, tagna i dåliga ljusförhållanden eller uppenbara problem, till exempel ett finger i foten eller ett linsflamma.
Att använda bara en bild av dålig kvalitet kan påverka ditt projekt, oavsett hur stark den övergripande designen kan vara.Dåliga bilder saknar professionalism och kan göra att en klient får ett negativt intryck om ditt arbete. Det finns ingen korrigering för en bild som saknar kvalitet i upplösning eller komposition.
Bild betydelse
Tänk också på meddelandet som bilden ska förmedla. Se till att bilderna är lämpliga för din målgrupp och? Match? varandra. Till exempel kan en webbplats som marknadsför en tatueringssal som den ovanstående inte ha samma effekt om bakgrundsbilden innehöll moln och kaniner.
Slutsats
Att använda flera foton i design kan vara ett effektivt verktyg för att visa bra bilder. Var försiktig med dåliga bilder och välj bilder noggrant. Se till att alla bilder fungerar för ditt projekt och tvinga inte använda extra bilder om de inte är tillgängliga.
Tänk på hur bilder ska ses och ta extra steg i webbdesign för att säkerställa att grupperingen blir intakt som du tänkte. Var uppmärksam på detaljerna i alla flerfotoprojekt och dubbelkontrollera grödor och bildstorlekar, så att grupperingar har jämn storlek och ett rent utseende. Slutligen spela med olika alternativ som identiska grödor och olika former och storlekar för att utveckla en design som bäst representerar ditt projekt.
Bildkällor: DeusXFlorida, kevin dooley, photoskate och Anthony van Dyck.