Idag ska vi utforska ett super lätt designtrick för att kombinera text och foton på intressanta sätt. Jag lär dig fyra metoder för att använda riktning av ett fotografi för att bestämma en motsvarande designlayout.
Den här kommer att vara kul och är säker på att utmana hur du tänker på bilder i dina mönster så luta dig tillbaka och följ med på turen!
Inga regler
Jag förordar denna artikel med en kort uppfattning att följande tips inte representerar hårda och snabba regler som du måste följa i ditt designarbete. I stället är det helt enkelt en metod (i fyra delar) som du kan använda för att anpassa olika designelement i förhållande till innehållet i ett foto.
Självklart har överväganden som whitespace ofta en primär effekt på var du placerar text på ett foto. Tänk på detta när du arbetar med dina egna bilder på detta sätt.
Varför gör detta alls?
Även om det inte nödvändigtvis är ett krav, uppmanar jag dig starkt att alltid ta en titt på de hårda linjerna på ett foto som du försöker kombinera med text och grafik. Repetition är en av de viktigaste designprinciperna och det här är en naturlig implementering av den ideen. Genom att analysera bilden och följa dess riktning, hittar du otroligt enkla sätt att få din grafik och text att se riktigt integrerad, som om bilden skapades uttryckligt för det syfte du använder det för, en stor illusion om du använder lager .
Så vad menar jag med att föreslå att du följer de befintliga raderna i ett foto? Låt oss ta en titt.
Bokstavlig
Vår första metod för att använda linjerna i ett foto är det enklaste och direkta. Allt du behöver göra är att analysera bildens innehåll och använda några hårda linjer för att anpassa ditt konstverk på ett mycket bokstavligt sätt.
Det första steget i denna process är självklart att hitta rätt foto. Inte varje bild kommer att låna ut mot teknikerna i den här artikeln, som en förutsättning måste du använda något med tydliga och hårda kanter. Följande bild från fotografen Stephen Heron är ett perfekt exempel.
Som du kan se finns det många olika, stora och soliga färgområden. Ramverket för byggnaderna ger naturligt separerade sektioner som kan fungera som behållare för vårt innehåll.
I den modifierade versionen nedan har jag lagt till några grafiska signaler till bilden så att du kan börja tänka på flödet av linjerna som något som sticker ut och kan enkelt användas.
Med dessa riktlinjer i åtanke kan vi placera vårt innehåll rätt i linje med dessa befintliga linjer. Resultatet är ganska trevligt. Det är självklart att denna layout verkar ojämn, men med bilden som styr vår placering, fungerar den perfekt.
För uppenbart rätt? Du behövde inte en artikel för att berätta att du placerar text på det mest naturliga stället på ett fotografi! Det här är bara utgångspunkten för vårt samtal, vi kan använda denna logik för att gå ännu längre in på några placeringar som kanske inte hoppar ut på dig lika mycket.
Utökad bokstavlig
I det föregående exemplet tog vi vår text och grafik och placerade dem direkt på befintliga linjer och kanter på bilden. Det är emellertid ofta så att ett upptaget fotografi kommer att förhindra att detta blir en naturlig placering. Till exempel, på detta fotografi av theklan, skulle placera text direkt över trappan göra det svårt att läsa innehållet.
Det naturliga området av blankutrymme finns på höger sida där vi har en stor tom vägg att arbeta med. Nu kan vi slumpvis kasta vår text i det här utrymmet och kalla det en dag, eller vi kan vara lite mer avsiktliga om vår placering genom att beakta de befintliga riktlinjer som fotografiet erbjuder oss.
Lägg märke till hur jag har ritat linjerna för att sammanfalla med stegen, även om de inte sträcker sig hela vägen över sidan. Stegen fungerar som bildens primära fokuspunkt och de har så fina hårda linjer att dina ögon tenderar att följa dem. Om vi använder dessa linjer, ska vår text teoretiskt ha en mycket naturlig placering som verkar passa riktigt bra med bilden.
Lägg märke till att varje enskild text från toppen till botten har en mycket avsiktlig placering som sammanfaller med bildens existerande riktning. Dessa linjer reglerar inte bara var jag ställer in texten, men även storleken på varje bit.
Den här gången är vår resulterande effekt mycket mer subtila. De flesta tittare kommer inte ens att märka vad du har gjort, och ändå finns det en bestämd känsla av rättighet på hur texten placeras.
Upprepning
Kom ihåg vår goda vänupprepning? Den här gången kommer vi att utnyttja denna princip kraftigt i ljuset av de befintliga linjerna i bilden.
Följande bild av fåglar på en tråd, som tas av Lali Masriera, ger den perfekta duken för detta experiment. Linjerna här är kristallklara och det finns en hel del whitespace till höger som vi kan använda för innehåll.
Den här gången gjorde jag något lite annorlunda när jag placerade mina linjer. Inte bara placerade jag rader som motsvarar befintliga element på sidan, jag använde dem som utgångspunkt för ett mönster eller rutnät. Jag tar några friheter och lägger till egna linjer, men de direkt efterliknar dem som redan finns på plats. Återigen kommer detta helt enkelt att göra vår placering lite mer naturlig än om vi trotsar denna riktning med en perfekt vertikal placering.
Med dessa linjer på plats har vi skapat tydliga och användbara avsnitt. Observera att dessa inte nödvändigtvis existerade i denna form i originalbilden som de gjorde i vårt första exempel, istället använde vi det befintliga innehållet som inspiration för en repetitiv form.
Tänk på att du kan ta denna princip till det yttersta och faktiskt rotera din text för att efterlikna riktningen av de befintliga linjerna.
Inspirerad Symmetri
För vårt sista exempel använder vi en metod som mycket liknar upprepningsmetoden ovan, men på ett mer komplext sätt. Till att börja med tog jag den här häftiga bilden från fotografen Daniel Zedda.
Jag älskar verkligen bilden, kompositionen är otroligt solid och använder en teknik som ofta finns i europeisk renässansskonst. Om vi tänker på de starkaste naturlinjerna i det här fotot, sträcker de inte riktigt över bilden som i de tidigare exemplen. Istället ser vi en mycket definierad pyramidform.
Vi kan använda denna form som inspiration för hur vi lägger vår text på sidan, precis som vi gjorde med fågelfotoet. För att göra detta, rita de linjer som utgör triangeln och kopiera den triangeln och placera den i området till vänster. Slutligen, använd den här nya triangeln som en guide för textplacering.
Observera att jag i det slutliga resultatet nedan inte faktiskt fortsatte pyramidformen hela vägen till botten. Istället verkade min textlinje naturligt överensstämma med en nästan diamantform, och det är helt acceptabelt. Än en gång gör du reglerna här så gärna snedvrida och ompröva de naturliga linjerna i fotot istället för att helt enkelt ta dem så bokstavligt.
Slutsats
Målet är att inte följa mitt förslag exakt men istället att bli mer medveten om hur det befintliga innehållet på ett fotografi kan användas för att vägleda och inspirera dig att skapa unika mönster som bryter sig bort från cookie cutter mögel som är så lätt att falla in i.
Lämna en kommentar nedan och låt oss veta vad du tycker om dessa exempel. Tycker du om riktning av innehållet på ett fotografi innan du lägger till element till det eller är det här en ny idé till dig?