Tänk om bilder och text tillsammans

Bra designcenter med bra innehåll. Bra innehåll behöver bra design för att överleva och sticka ut bland alla andra val där ute. De mest framgångsrika designprojekten samlas på grund av innehållsdriven design.

Det är lätt men för designersna fastnar i en bild eller textruta. Detta händer ofta eftersom folk tenderar att tänka på text och bilder på egen hand. Det vi ska göra är att skriva kopia med bilder i åtanke och förbereda designprojekt med texten i åtanke. Tänk på hur bilder och text kommer att fungera tillsammans när du planerar ditt nästa projekt.

Innehållet är kung

Den främsta orsaken till att du får folk att uppmärksamma ett designprojekt är innehåll. Ja, du kommer att få några blick på estetiken ensam, men vad kommer att hålla publiken nöjd. Behandla det som guld.

Planera dina visuella bilder för att matcha innehållet och se till att alla visuella föreningar är klara. Ställ inte in en webbplats som är avsedd för grodor med ett foto av en padda på hemsidan. Människor kommer att märka.

Ta tid tidigt i planeringsprocessen att tänka på innehåll och hur visuella ska representera det. Gör några av dina ord färg- eller bildlänkar? Använd det till din fördel.

Använd visa, säg inte, exempel när det är möjligt. Alltför ofta träffar du en webbplats som försöker förklara varje koncept med ord. Sätta samman bilder för att representera visuella exempel. Har du inget visuellt att arbeta med? Skapa en. Snap en bild, använd bilder med Creative Commons licenser eller bygg en infographic (det finns några smutsiga online verktyg där ute).

Google det, dribble det, leta efter det på Pinterest

När du blir stumpad, spela online. Det är inte slöseri med tid att läsa igenom bilder som har nyckelord som rör ditt innehåll. Sök och bläddra igenom alternativen på Google Bilder, Pinterest eller på en portföljbildsdelningsplats som Dribbble.

Det är helt rättvist att använda andras bilder för idégenerering, men undvik visuell plagiering. Tänk på hur ord och text skärs unikt för ditt projekt och gå därifrån.

Håll en idéfil. Du kommer sannolikt att snubbla på några visuellt inspirerande saker som kanske inte matchar ditt projekt. Spara dessa idéer för nästa projekt. Utveckla dina visuella brainstorming tekniker för att hjälpa till att komma med ännu fler idéer.

Använd aktiva ord

Det låter väldigt enkelt. Men ord som innebär handling och rörelse är lättare att representera visuellt. Inte bara kommer att använda mer aktiva verb och beskrivande ord hjälper dig att utveckla bilder, men de är mer intressanta som helhet.

Tänk på röst också. Skriva kopia i aktiv röst, snarare än dess passiva motsvarighet hjälper dig också. Tänk på det så här: Du vill att din kopia ska förklara händelser som inträffar. ? Hunden åt min läxa? har mycket bättre flöde än? Min läxa har ätits av hunden.? Användning av aktiv röst hjälper dig och andra att visualisera händelsen som händer i din kopia. När du kan skapa denna länk mellan din kopia och en visualisering av åtgärder, blir det lättare att utveckla motsvarande bilder och text.

Användning av aktiv röst hjälper också dina läsare och användare. Människor som läser din kopia och tittar på dina bilder tillsammans kommer sannolikt att relatera till informationen och engagera dig med ditt innehåll.

Quiz andra om dina bilder

Ibland kommer bilderna först. Om du har rättvisa visuella spikade ner men upplever kopiorna, prata med andra. Skriv ut bilderna utan text på sidan och fråga medarbetare, familjemedlemmar och vänner vad bilderna betyder för dem. Gör en lista över alla ord de kommer med och använd det som utgångspunkt.

Denna övning kan också ge dig en uppfattning om vad dina visuella representerar för andra och om de kommer att arbeta med konceptet för ditt projekt. Om du kommer tillbaka med många kränkande svar eller idéer som inte står i nivå med ditt projektkoncept, kan det vara dags att ompröva några av bilderna.

Var oväntad

Undvik clich? S och par ord och bilder som gränsar till det oväntade. Observera valet av ord där - leta efter? Oväntat? relationer mellan bilder och typ, inte? orelaterad.?

Elliott Jay Stocks 'blogg är ett bra exempel. Bloggen använder huvudrubriken för posten som en visuell och det görs oväntat med hjälp av "bra blomning av ligaturen." Du skulle nästan förvänta dig orden? Bra blomstrar? (som innehåller flera ligaturer) att visas i kursiv stil som används av? ligatur? (eftersom ordet faktiskt inte innehåller sammansatta bokstäver).

Pollen-webbplatsen fungerar i stort sett på samma sätt. ? Vi arbetar? och bilden av ett solglasögonklädda par skapar nästan kontrasterande idéer - arbete och spel. Men läs mer in i texten och du ser att bilden perfekt hänför sig till företagets branding.

Försök inte för hårt

Lösa innehållsföreningar kan vara tuffa för andra att följa. Om du verkligen kämpar för att hitta en bild som fungerar med din kopia kan det vara bäst att gå utan en bildbaserad bild eller skapa ett konstelement från text.

Du vill att din information ska förmedla ett ändamålsenligt och balanserat meddelande. Att blanda oddball bilder och text hjälper inte dig att uppnå det målet och kan förvirra dem som försöker förstå ditt arbete.

Personligt konto

När jag skriver för den här bloggen söker jag alltid efter sätt att komma med bild- och textpar. För att komma igång skapar jag alltid en översikt över vad jag planerar att skriva om i mitt inlägg - ungefär som de rubriker du ser här. Därifrån tänker jag på dessa fraser och hur de kan representeras visuellt. Finns det en bild som kommer att motsvara sig själv? Ska jag visa ett exempel och skriva om det för att göra poängen tydligare? Behöver jag skapa en bild som visar vad jag försöker beskriva i texten?

När jag skriver och skapar bilder (jag gör det här avsnittet i taget för att hjälpa processen) ser jag tillbaka över allt och tänker på vad som har störst effekt. Därifrån väljer jag bilden och orden som blir vad du ser högst upp på sidan.

Ibland ser jag en hemsida eller en annons eller ett tidskriftsomslag som gnistor en bra idé som jag vill skriva om. Texten behöver inte komma först, men för mig gör det ofta. Jag har funnit att när jag bryter ut ur min säkerhetszon utvecklar jag ibland de bästa idéerna.

Slutsats

Du får de bästa övergripande resultaten när du tänker på bilder och text samtidigt för varje projekt du tar på. Du kanske måste komma ut ur din komfortzon för att göra det, men öppna ditt tänkande för att utföra båda uppgifterna samtidigt.

När du skriver kopiera, visualisera de bilder du kommer att para med den. När du utvecklar bilder, bakgrund och logotyper, tänk på de ord som kommer att presenteras bredvid dem. Genom att koppla ihop tankeprocesserna kommer du att upptäcka att ditt projekt kommer ihop enklare, med mindre omarbetande och i linje med vad du planerade från början.

Bildkälla: rachfog.