Vad gör att bilder hänger ihop?
Öppna en webbplats som känns fel och titta på bilderna. Ett soligt arkivfoto, en mörk rendering, en tecknad ikon, tre olika stämningar på en sida. Ingen enskild bild är fel. De är bara inte valda av samma öga.
Stilen, inte den enskilda bilden. Lägg avsnittet Bildstil i din varumärkesbok: ljus, palett, vad bilderna visar och vad de aldrig visar. Då kan du be om tio bilder över en månad och de ser ut att höra till samma företag.
När använder jag foton och när illustrationer?
- Egna foton där förtroende är poängen: du, ditt arbete, din plats, dina kunder (med tillåtelse).
- Illustrationer för sådant som är abstrakt: ett flöde, en idé, en process.
- Genererade bilder för stämning och bakgrund, men undvik ansikten och händer, de blir ofta fel.
Agenten kan också skriva enkla illustrationer som SVG, alltså vektorgrafik. Filerna blir små, skarpa i alla storlekar och kan använda exakt dina färger. Det passar diagram och ikoner bättre än foton.
Hur skriver jag en bra bildinstruktion?
Samma formel varje gång: motiv, miljö, ljus, utsnitt, färger och vad som ska utelämnas.
Bildinstruktionsbyggaren
Samma formel varje gång, så att dina bilder hör ihop.
Skapa tre förslag på en bild till [sida eller inlägg]. Motiv: [vad]. Miljö: [var]. Ljus: mjukt dagsljus. Utsnitt: närbild. Färger: använd paletten i BRAND.md. Utelämna: text i bilden, ansikten. Visa dem först i litet format och fråga vilken jag vill ha i full storlek.
Rita en enkel illustration som SVG som visar [flöde eller idé] i fyra steg. Använd färgerna i BRAND.md, rundade hörn, samma linjetjocklek överallt och korta etiketter. Visa den innan du sparar den.
Hur sparar och namnger jag bilderna?
- En mapp för bilder i projektet, med undermappar per sida eller tema.
- Beskrivande filnamn utan mellanslag, till exempel bokningsflode-hemsida.svg. Sökmotorer läser filnamn.
- Alltid en alt-text: en mening som beskriver bilden för den som inte ser den.
- Foton under cirka 200 kB och högst cirka 1 600 pixlar breda. Be agenten komprimera dem.
Test: lägg sex bilder bredvid varandra. Ser de ut att komma från samma företag? Om inte: vilken sticker ut, och vilken rad i Bildstil saknade ett exempel?
Vad blir möjligt?
Med en stil som håller kan du bygga ett helt visuellt språk, inte bara enstaka bilder.
- Ett ikonset för dina tjänster, åtta eller tolv ikoner i samma stil.
- Diagram som förklarar hur du arbetar, i dina färger.
- Illustrerade guider och checklistor att dela ut.
- Sociala kort som varje vecka ser ut att komma från samma hus.
Skapa ett set med åtta ikoner som SVG för mina tjänster [lista], i en och samma stil enligt BRAND.md: samma linjetjocklek, rundade hörn, två färger. Visa dem i ett rutnät, och föreslå sedan tre ställen där de skulle göra störst nytta: på hemsidan, i en offert och i ett inlägg.
Frågor folk ställer
Får jag använda AI-genererade bilder på min hemsida?
Oftast ja, men kontrollera villkoren för verktyget du använder, och använd inte människors ansikten eller andras verk som förlaga.
Varför får jag konstiga händer och text?
Bildmodeller har svårt med detaljer som händer och löpande text. Be om bilder utan text och med motiv där händer inte syns.
Källor
Vem skriver det här
Jag är Nathaniel, kommersiell operatör. I tjugo år, på fyra kontinenter och i över femton bolag, har jag tagit forskning och unga företag från idé till kund. Två avknoppningar från KTH nådde avtal om gemensam utveckling med Fortune 500-partner. En inomhusodling sålde hela sin produktion på ungefär nittio dagar och slutade i en exit genom joint venture. I år är jag kommersiell expert åt European Innovation Councils program Tech to Market. Nu bygger jag agenter, för det svåra med ny teknik är sällan tekniken. Det svåra är att folk ska vilja och kunna använda den.
Vill du göra det här tillsammans?
På två timmar kan jag bygga det här med dig: Bilder och illustrationer.