Design av sitatinnlegg som ikke ligner alle andre sitater

Godt design av sitatinnlegg handler om fire ting: et sitat kortet ned til sin sterkeste linje, satt stort i en skrift med karakter, ryddig kreditert på sin egen linje og plassert på en bakgrunn som tilhører deg i stedet for en solnedgang fra et bildearkiv. Får du til det, leses et sitatinnlegg som et gjennomtenkt stykke design og ikke som enda en flis i feeden.

Velge og korte ned sitatet

De beste sitatinnleggene bærer én tanke som sitter etter én lesning. Lange avsnitt blir til liten skrift, og liten skrift blir scrollet forbi. Sikt mot et sitat på omtrent 8 til 20 ord. Hvis hele sitatet er lengre, bruker du setningen som bærer ideen, og legger resten i bildeteksten.

Typografi for sitatinnlegg

I et sitatinnlegg er skriften designet, så velg en skrift med litt personlighet. En antikva med en god kursiv passer til reflekterende eller litterære sitater, en sterk grotesk passer til korte, slagkraftige linjer, og en displayskrift kan bære ett eller to ord. Seriff eller sans seriff forklarer hva hver av dem pleier å signalisere, og skriftparing tar for seg hvordan du legger til en skrift nummer to til krediteringen.

• Sett det stort. På et innlegg som er 1080 piksler bredt, kan et kort sitat stå i 70 til 110 piksler.
• Stram linjeavstanden. Store linjer ser løse ut med vanlig linjehøyde. Rundt 1,1 til 1,2 holder dem sammen.
• Bryt linjene etter mening. Avslutt hver linje ved en naturlig pause, ikke der tekstboksen tilfeldigvis bryter.
• Bruk typografiske anførselstegn. Ekte « og » i stedet for rette "-tegn, som ser tastet inn ut.
• La åpningstegnet henge. La det første anførselstegnet stå like utenfor venstrekanten, så bokstavene står på linje.

.quote {
  font-size: clamp(2rem, 6vw, 4.5rem);
  line-height: 1.15;
  text-wrap: balance;
  hanging-punctuation: first;
}

/* Where hanging-punctuation isn't supported, pull the first line back by the width of the mark. */
@supports not (hanging-punctuation: first) {
  .quote { text-indent: -0.42em; }
}

Slik krediterer du et sitat ryddig

Krediteringen skal være lett å finne og stille nok til ikke å konkurrere. Sett navnet på sin egen linje, et tydelig trinn mindre enn sitatet, i en annen vekt eller i versaler med litt ekstra bokstavavstand (se bokstavavstand). Du trenger ingen tegnsetting foran navnet: linjeskiftet og endringen i størrelse forteller allerede hvem som sa det.

Bakgrunner til sitatinnlegg

Grunnen til at de fleste sitatinnlegg ser like ut, er bakgrunnen: et fjell ved daggry, en strand, en uskarp kafé. Disse bildene deles av tusenvis av kontoer og sier ingenting om deg. En rolig gradient eller tekstur i dine egne farger gjør det motsatte. Den gir ordene rom, den er gjenkjennelig din, og den holder leserens blikk på sitatet.

Hold den roligste og jevneste delen av bakgrunnen bak ordene, og sjekk kontrasten der. Tekst på en gradient forklarer hvordan du velger blekk etter lyshet, så sitatet forblir lesbart på alle deler av feltet.

Gjør sitater til en gjenkjennelig serie

Ett sitatinnlegg er et fint øyeblikk. Tjue i samme oppsett blir et format folk kjenner igjen tvers over feeden, og en sitatserie er en av de enkleste måtene å gi et rutenett rytme på, slik det beskrives i estetikk i Instagram-rutenettet.

1. 1

   Lås oppsettet

   Samme skrift, samme størrelsesspenn, samme plassering av sitatet og navnet, hver gang.

2. 2

   Lås bakgrunnsfamilien

   Én familie av materialer eller gradienter, variert litt fra innlegg til innlegg.

3. 3

   Gi den et navn eller nummer

   En liten etikett som Torsdagstanken eller Nr. 12 gjør enkeltinnlegg til en serie.

4. 4

   Ha en bank

   Samle sjekkede sitater i en liste med kildene, så hvert nye innlegg tar minutter.

I Gradiently kan en sitatmal bære en hvilken som helst Mark, og Marken flytter sitt roligste område bak ordene, så et sitat kan leses uten boks eller skygge. Når du sikrer deg en Mark, blir den bakgrunnen bare din.