Idag ska vi ta itu med några vanliga problem som inte kommer med att ha för mycket spridda innehåll men med för lite. Hur kan du krossa en design när din klient knappt har gett dig något att arbeta med?
Vi ska gå igenom några snabba och enkla tips för att skapa vackra design som inte känns tomma trots att vi använder mycket få resurser.
Wide Open Spaces
Kasta en massa designers runt ett bord och du kommer att hitta många av dem som klagar över hur kunderna alltid vill att de ska pressa så mycket in i så lite utrymme. Icke-designers tenderar att fokusera på att maximera potentialen hos en tillgänglig webbsida eller tryckt annons med liten eller ingen trodde att information överbelastning ofta kan göra även de bästa mönsterna ineffektiva.
Att bestämma hur man organiserar mycket information och resurser i ett begränsat utrymme är ett stort problem som vi alla möter, men det är bara hälften av historien. Kanske lika många designers kämpar med kunder som har väldigt lite att tillhandahålla, både i riktning och resurser.
När du inte har mycket att köra med kan en tom sida verka enorm och du är kvar och undrar hur i världen du ska fylla den. Låt oss gå igenom några vanliga scenarier och se några exempel lösningar för var och en.
Endast ett foto, minimal text
Detta är en ganska vanlig fråga designers. Du måste producera en kvalitet, färdig design, men du har bara fått en enda bild att arbeta med. För att göra saken värre har du bara några meningar av text. Om du fick en fullständig sidaannons eller en hel webbsida kan det tyckas ganska nedslående.
Kasta bilden på din duk, du ser massor av utrymme som behöver fyllas!
När vi börjar lägga till vanligt webbinnehåll börjar sidan visserligen se mycket bättre ut. Genom att helt enkelt flytta bilden till höger får vi en anständig två kolonnlayout som följer minimalistiska trender och har gott om fin kontrast.
Tyvärr är det helt tråkigt. Elementen ser inte ut? Designad? så mycket som kastas ihop på det mest uppenbara sättet. För vissa bilder kan det här vara det bästa vi kan göra, men det är en bra idé att verkligen ta in fotot och tänka på hur du kan använda det på ett mer kreativt sätt.
I vårt fall är det ett studio skott på en svart bakgrund. Detta gör att bilden blir praktiskt taget smärtfri. Fullblösta bilder har ett sätt att se stilren och professionell ut. Vi kan använda en nästan identisk layout som tidigare och uppnå ett mycket mer visuellt fantastiskt resultat:
Använda samma foto flera gånger
Ett riktigt bra trick du kan implementera när dina resurser är begränsade är att använda repetition för att ge den illusion som du har mer att arbeta med än du faktiskt gör.
För mig innebär det vanligtvis att man hittar sätt att kopiera bilden smidigt och utan uppenbar redundans. Här är vårt exempelprojekt i steg ett. Än en gång har vi något som är ganska tråkigt och inte särskilt kreativt att börja med:
För att ge lite liv och variation till layouten, låt oss fokusera på att maximera användningen av det enda fotot. Till att börja med, med några lager kopior och enkla Photoshop-lag effekter kan vi göra en enda bild till en stapel bilder. Redan ser vår sida lite vänligare och mindre styv ut.
För att ta den här tanken ännu längre, låt oss göra samma foto till en bakgrundsstruktur. Vi sträcker den till en full blödning och skär sedan tillbaka den lite. Detta tar den vanliga vita bakgrunden och lägger till mycket mer visuellt intresse.
Vid den här tiden är bakgrundsbilden ganska uppenbarligen samma foto. Det här är inte nödvändigtvis en dålig tanke men om du vill abstrahera det lite så är det inte helt så uppenbart, försök att suddiga bakgrunden.
Du kan gå så långt du vill med det här. Försök lägga till lite textur också. Bakgrundsbilden ger oss i grund och botten bara något annat än en vit bakgrund för vår duk. När vi bygger på något som speglar funktionens bildens färger och komposition, håller vår design fin och konsekvent samtidigt som vi ger oss enastående frihet att experimentera.
Fyllning av luckorna med lager
En annan viktig sak att komma ihåg är att du alltid kan använda lagerbilder för att hjälpa till att runda ut dina resurser. Även om din klient redan har försett dig med en primärbild som ska användas, är det ofta en ganska lätt uppgift att hitta ett relaterat foto som slutar designen snyggt.
Låt oss till exempel säga att vår klient gav oss följande bild för att arbeta med och instruktionen att visa den tydligt på sidan.
Med tanke på att denna bild är så attraktiv, har vi redan mycket att arbeta med. Vi kan enkelt använda havssköldpaddans bild som grund för en snygg fullsidadsannons.
Jag gillar den här designen, men det finns några funktionella problem. Toppbilden är så attraktiv att den fångar min uppmärksamhet direkt. Tyvärr, efter det här, finns det inget annat att leda min uppmärksamhet ner på sidan men en stor bit av tråkig text. Många tittare kommer sannolikt att blicka på sköldpaddan och sedan förlora intresse, vilket inte är bra om vi vill få dem att läsa den sekundära rubriken.
En lösning är att jaga efter en aktiebild som hjälper till att dra uppmärksamheten nedåt. Vi behöver inte något fantastiskt, bara något enkelt som lägger till visuellt intresse för vittfältet i den nedre halvan av annonsen.
Inom bara en minut eller två kunde jag hitta en bra bild för uppgiften:
Konceptet med en sköldpaddsutställning drivs nu ännu längre och den nedre halvan har en söt liten kille att ta tag i ögonen och tvinga dig att läsa rubriken. Lyckligtvis är bilder som detta mycket lätt att hitta i antingen helt gratis från extremt billiga formulär. iStock har precis allt du kan tänka dig sköt på en vit bakgrund och kommer inte att bryta din budget.
Slutsats
Eftersom minimal design är så populär just nu, har mindre att arbeta med kan vara en positiv sak så länge du vet vad du gör. Det ger några layoututmaningar, men om du är kreativ och resursfull kan du enkelt övervinna dessa.
Kom ihåg att analysera dina bilder och överväga hur du förlänger det eller maximera det utrymme som det använder. Prova ett fullständigt blöderfoto och se om din design inte ser mycket snygg ut än tidigare.
Om du bara har en bild att arbeta med, överväg hur du kan kopiera den bilden på ett snyggt sätt. Detta kan ta form av uppenbar avsiktlig upprepning eller något mer subtilt.
Slutligen kom ihåg att webben är full av fantastiska visuella resurser som antingen är super billiga eller helt gratis. Tänk på hur du kan använda lager för att förstärka det du redan har fått med.
Bildkällor: Vikram Vetrivel, Luis Hernandez, Maria Herrera och Ibrahim Iujaz.