Bygg layouter med kolumner och rader

Varje e-postsignatur består av två enkla byggstenar: rader och kolumner. När du förstår hur de samspelar kan du skapa polerade, proffsiga layouter på några minuter. Ingen designbakgrund krävs.

​

Tänk på det som en tabell

Föreställ dig en enkel tabell, som ett kalkylblad. En rad löper vågrätt tvärs över signaturen. En kolumn delar in raden i lodräta sektioner som ligger sida vid sida. När du kombinerar rader och kolumner skapar du ett rutnät. Rutnätet är skelettet i din signatur. Allt du ser i en välutformad e-postsignatur — ditt foto bredvid namnet, sociala ikoner uppradade i en rad, en banner som sträcker sig längs nederkanten — bygger på det här rutnätet.

​

Så fungerar rader

En rad är en vågrät behållare som sträcker sig över signaturens hela bredd. Varje rad staplas ovanpå nästa, uppifrån och ned. Tänk på rader som våningar i en byggnad: bottenvåningen ligger längst ned, och varje ny våning läggs ovanpå. I Scribes editor lägger du till en ny rad genom att klicka på Add Row. Varje rad du lägger till skapar en ny vågrät sektion i din signatur. Vanliga användningsområden för rader: En typisk signatur har två eller tre rader. Den första raden innehåller oftast din huvudinformation (foto, namn, titel). Den andra raden kan innehålla en avdelare eller dina kontaktuppgifter. En tredje rad kan visa en kampanjbanner eller en juridisk friskrivning.

​

Så fungerar kolumner

En kolumn är en vertikal indelning inuti en rad. När du lägger till kolumner i en rad delar du upp den raden i sektioner sida vid sida. Det är så du kan placera ditt porträttfoto till vänster och ditt namn och din titel till höger, till exempel. I redigeraren markerar du en rad och klickar på Lägg till kolumn för att dela den. Du kan lägga till upp till fyra kolumner i en och samma rad. Varje kolumn fungerar som en egen behållare där du kan släppa in innehållsblock som text, bilder, ikoner eller Smartfields. Vanliga användningsområden för kolumner: Den populäraste layouten använder två kolumner på första raden: en smal kolumn för ett profilfoto och en bredare kolumn för ditt namn, din yrkestitel, ditt företag och dina kontaktuppgifter. Det är den klassiska signaturen med “foto till vänster, detaljer till höger” som du ser i de flesta professionella mejl.

​

Bygg din första layout

Här är en steg-för-steg-genomgång för att bygga en vanlig signaturlayout med två kolumner.

​

Layoutmönster som fungerar

Du behöver inte uppfinna hjulet på nytt. Här är tre layoutmönster som täcker majoriteten av professionella e-postsignaturer.

​

Mönster 1: Två kolumner med en helbred banner

Det här är den vanligaste layouten. Första raden har två kolumner (foto till vänster, kontaktuppgifter till höger). Andra raden sträcker sig över hela bredden och visar en kampanjbanner eller en uppmaning till handling. Detta fungerar bra för team som kör signaturkampanjer eftersom bannern får maximal synlighet under kontaktblocket.

​

Mönster 2: Tre kolumner

Första raden använder tre kolumner: en profilbild till vänster, kontaktuppgifter i mitten och en företagslogotyp till höger. Det här mönstret passar företag som vill ha en stark varumärkesnärvaro vid sidan av individuell kontaktinformation. Håll mittenkolumnen bredast så att texten får utrymme att andas.

​

Mönster 3: Staplade rader, en kolumn

Varje rad använder en enda kolumn och innehållet staplas vertikalt. Ditt namn och din titel ligger på första raden. Dina kontaktuppgifter på den andra. En banner på den tredje. Det skapar ett rent, minimalistiskt utseende som fungerar särskilt bra på mobila enheter där det horisontella utrymmet är begränsat.

​

Tips för bättre layouter

Håll dig till två eller tre kolumner. Fyra kolumner kan fungera, men ju fler kolumner du lägger till, desto trängre ser det ut på mindre skärmar. Två kolumner är den optimala nivån för de flesta signaturer. Använd en rad per “sektion” av din signatur. Om din signatur har ett kontaktblock, en rad med sociala länkar och en kampanjbanner förtjänar var och en av dem en egen rad. Det håller ordning och reda och gör framtida ändringar enklare. Låt en kolumn vara bredare än den andra. När du använder två kolumner, ge textkolumnen mer plats än bildkolumnen. En fördelning på 30/70 eller 25/75 ser oftast bäst ut. I redigeraren kan du dra i kolumnavdelaren för att justera förhållandet. Förhandsgranska på mobil. E-postklienter på mobilen visar signaturer annorlunda än skrivbordsklienter. Använd Scribes förhandsgranskning för att kontrollera att dina kolumner och rader ser bra ut även på en mindre skärm. Börja enkelt och bygg vidare. Börja med två kolumner i en rad. När det ser rätt ut kan du lägga till ytterligare en rad för mer innehåll. Du kan alltid komplicera layouten senare, men att börja med för många rader och kolumner gör det svårare att få till det.

​

Vad hör hemma var

Om du är osäker på vilket innehåll som hör hemma i vilken del av rutnätet, här är en snabb referens: Första raden (två kolumner): Profilbild eller företagslogotyp i den smala kolumnen. Fullständigt namn, jobbtitel, företag, telefon, e-post och webbplats i den bredare kolumnen. Andra raden (full bredd eller två kolumner): Ikoner för sociala medier, en länk för mötesbokning eller en sekundär rad med kontaktuppgifter. Tredje raden (full bredd): En kampanjbanner, en juridisk friskrivning eller en företagsslogan.

​

Nästa steg

När din layout är på plats kan du finjustera varje detalj i redigeraren. Anpassa typsnitt, färger, mellanrum och ikonstilar så att de matchar ditt varumärke. Om du hanterar signaturer för ett team, utforska Teammedlemmar för att rulla ut samma layout till alla samtidigt som varje persons kontaktuppgifter förblir unika via Smartfields.