Gjør mer med mindre: Tips for utforming med begrensede ressurser
I dag skal vi takle noen vanlige problemer som ikke kommer med å ha for mye spredt innhold, men med for lite. Hvordan kan du utpeke et design når klienten knapt har gitt deg noe å jobbe med?
Vi vil gå over noen raske og enkle tips for å lage nydelige design som ikke føles tomme til tross for at du bruker veldig få ressurser.
Utforsk Envato Elements
Brede åpne områder
Kast en haug med designere rundt et bord, og du vil finne mange av dem som klager over hvordan klienter alltid vil at de skal presse så mye inn på en så liten plass. Ikke-designere har en tendens til å fokusere på å maksimere potensialet til en tilgjengelig webside eller trykt annonse uten liten tanke om at overbelastning av informasjon ofte kan gjøre selv de beste designene ineffektive.
Å finne ut hvordan vi skal organisere mye informasjon og ressurser på et begrenset sted er et stort problem som vi alle står overfor, men det er bare halve historien. Kanskje like mange designere sliter med kunder som har veldig lite å tilby, både i retning og ressurser.
Når du ikke har mye å løpe med, kan en tom side virke enorm, og du lurer på hvordan i all verden du skal fylle den. La oss løpe gjennom noen få vanlige scenarier og se noen eksempler på løsninger for hver.
Bare ett bilde, minimal tekst
Dette er en ganske vanlig problemdesignere. Du må produsere et kvalitetsprodukt, ferdig design, men du har bare fått ett enkelt bilde å jobbe med. For å gjøre ting verre, har du bare noen få setninger med tekst. Hvis du fikk en helsides annonse eller en hel webside, kan dette virke ganske nedslående.
Når du kaster bildet på lerretet ditt, ser du massevis av plass som må fylles opp!
Når vi begynner å legge til standard nettinnhold, begynner siden riktignok mye bedre. Ved å bare flytte bildet til høyre, får vi en anstendig oppsett med to kolonner som følger minimalistiske trender og har rikelig med fin kontrast.
Dessverre er det helt kjedelig. Elementene ser ikke “designet” ut så mye som kastet sammen på den mest åpenbare måten. For noen bilder kan dette være det beste vi kan gjøre, men det er en god idé å virkelig ta inn bildet og tenke på hvordan du kan bruke det på en mer kreativ måte.
I vårt tilfelle er det et studioskudd på svart bakgrunn. Dette gjør utvidelsen av bildet til en tilnærmet smertefri prosess. Fullblodsbilder har en måte å se stilig og profesjonell ut. Vi kan bruke en nesten identisk layout som før og oppnå et mye mer visuelt imponerende resultat:
Bruke samme foto flere ganger
Et virkelig flott triks du kan implementere når ressursene dine er begrenset, er å bruke repetisjon for å gi en illusjon om at du har mer å jobbe med enn du faktisk gjør.
For meg innebærer dette typisk å finne måter å duplisere bildet smakfullt og uten åpenbar overflødighet. Her er vårt eksempelprosjekt på trinn 1. Nok en gang har vi noe som er ganske kjedelig og ikke veldig kreativt å begynne med:
For å gi litt liv og variasjon til oppsettet, la oss fokusere på å maksimere bruken av det ene bildet. Til å begynne med, med noen få lagskopier og enkle Photoshop-lageffekter, kan vi gjøre et enkelt bilde til en bunke med bilder. Allerede siden vår ser litt vennligere ut og mindre stiv.
For å ta denne ideen enda lenger, la oss gjøre det samme bildet til en bakgrunnsstruktur. Vi strekker den til en fullstendig blødning, og sil den deretter litt tilbake. Dette tar den vanlige hvite bakgrunnen og gir mye mer visuell interesse.
På dette tidspunktet er bakgrunnsbildet ganske tydelig det samme bildet. Dette er ikke nødvendigvis en dårlig tanke, men hvis du vil abstrahere det litt, så det ikke er like opplagt, kan du prøve å gjøre bakgrunnen uskarp.
Du kan gå så langt du vil med dette. Prøv å legge til litt tekstur også. Bakgrunnsbildet gir oss bare noe annet enn en hvit bakgrunn på lerretet vårt. Når vi bygger på toppen av noe som speiler funktionsfotoets farger og sammensetning, forblir designen vår fin og konsistent, samtidig som vi gir oss bemerkelsesverdig frihet til å eksperimentere.
Fyller hullene med lager
En annen viktig ting å huske er at du alltid kan bruke lagerbilder for å avrunde ressursene dine. Selv om klienten din allerede har gitt deg et primærbilde å bruke, er det ofte en ganske enkel oppgave å finne et beslektet bilde som avslutter designet pent.
La oss som et eksempel si at klienten vår ga oss følgende bilde å jobbe med, og instruksjonen om å vise det fremtredende på siden.
Gitt at dette bildet er så attraktivt, har vi allerede mye å jobbe med. Vi kan enkelt bruke havskilpaddebildet som grunnlag for en flott helsides annonse.
Jeg liker dette designet, men det er noen funksjonelle problemer. Toppbildet er så attraktivt at det fanger oppmerksomheten min med en gang. Dessverre, etter dette, er det ingenting annet som leder oppmerksomheten min nedover siden, men en stor del av kjedelig tekst. Mange seere vil sannsynligvis se på skilpadden og deretter miste interessen, noe som ikke er bra hvis vi vil få dem til å lese den sekundære overskriften.
En løsning er å jakte på et lagerbilde for å hjelpe til med å trekke den oppmerksomheten nedover. Vi trenger ikke noe fantastisk, bare noe enkelt som gir visuell interesse for det hvite feltet i den nedre halvdelen av annonsen.
I løpet av bare et minutt eller to kunne jeg finne et flott bilde for oppgaven:
Konseptet med en skilpaddeutstilling drives nå enda lenger, og den nederste halvdel har en søt liten fyr som griper tak i øynene og tvinger deg til å lese overskriften. Heldigvis er bilder som dette virkelig enkle å finne i enten helt uten ekstremt billige former. iStock har omtrent alt du kan forestille deg skutt på hvit bakgrunn og vil ikke bryte budsjettet.
Konklusjon
Siden minimal design er så populær akkurat nå, kan det være en positiv ting å ha mindre å jobbe med så lenge du vet hva du gjør. Det gir noen få layoututfordringer, men hvis du er kreativ og ressurssterk, kan du enkelt overvinne disse.
Husk å analysere bildene dine og vurdere hvordan du utvider det eller maksimerer plassen det bruker. Prøv et fullblodsbilde og se om designet ditt ikke ser mye klassiskere ut enn før.
Hvis du bare har ett bilde å jobbe med, kan du vurdere hvordan du kan duplisere bildet på en stilfull måte. Dette kan ha form av åpenbar forsettlig repetisjon eller noe mer subtilt.
Husk til slutt at nettet er fullt av fantastiske visuelle ressurser som enten er superbillige eller helt gratis. Tenk på hvordan du kan bruke lager for å forsterke det du allerede har fått.
Bildekilder: Vikram Vetrivel, Luis Hernandez, Maria Herrera og Ibrahim Iujaz.
